html,body{width:100%;height:100%;margin:0;padding:0;cursor:default;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body *{max-height:99999999px;border-radius:0;margin:0;padding:0;list-style:none;font-style:normal;font-weight:normal;border:0;outline:none}
a{cursor:pointer;text-decoration:none;color:#333;outline:none}
a:hover{color:#0088CC}
.cfx{*zoom:1}
.cfx:after{display:block;visibility:hidden;clear:both;height:0;content:' '}
body{font-size:12px;font-family:"Helvetica Neue",Helvetica,"Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB",Arial,sans-serif;background:#fff}
.header{width:100%;font-weight:bold;text-align:center}
.header h1{display:inline-block;color:#0088CC;font-size:30px;font-weight:bold}
.header span{color:#f74817;font-size:30px;margin-left:20px;font-weight:bold}
.header2{width:100%;font-weight:bold;text-align:center;border-bottom:1px solid #ccc; padding: 20px 0;}

.header2 h1{display:inline-block;color:#0088CC;font-size:30px;font-weight:bold;vertical-align:middle;max-width:80vw;word-break:break-all;}
.header2 span{color:#f74817;font-size:30px;margin-left:20px;font-weight:bold;vertical-align:middle;max-width:80vw;word-break:break-all;}
.nav{width:100%;background:#f5f5f5;position:fixed;top:0;left:0;z-index:999;display:block;border-bottom:1px solid #999}
.nav a{display:inline-block;height:30px;line-height:30px;padding:0 10px}
.nav a:hover{background:#e5e5e5}
.naver{display: block;}
.navshow{width: 100%; height: 40px; line-height: 40px; background: #fd4a47;color: #fff; text-align: center; font-size: 14px; display: none;}
.content,.content2{width:100%;max-width:1400px;display:block;margin:0 auto}
.content h2{padding:10px 0;font-size:18px;font-weight:bold;width:100%;background-color:#0088CC;color:#fff;margin:20px 0;text-indent:10px;text-align:center;border-radius:4px}
.xlist{width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:10px 10px}
.xlist li{border:1px solid #e5e5e5;padding:10px;border-radius:4px;background:#f5f5f5}
.xlist li a{display:block}
.xlist li a:hover{color:#0088CC}
.xlist li i{width:60px;height:60px;display:block;float:left;overflow:hidden;border-radius:100px;margin-right:10px;background-color:#f0f0f0}
.xlist li i img{width:100%}
.xlist li strong{width:calc(100% - 70px);display:block;float:left;font-size:14px;font-weight:bold;margin-bottom:5px}
.xlist li span{font-size:12px;width:calc(100% - 70px);display:block;float:left}
.footer{width:100%;height:auto;line-height:1;font-weight:bold;text-align:center;background-color:#0088CC;color:#fff;overflow: hidden; padding:30px 0}
.footer p{font-size:14px;line-height:1.6}
.footer a{font-weight:bold;margin:0 10px;color:#fff}
.footer a:hover{color:#f7ff5d}
.content2{text-align: center; padding: 40px 0; min-height:560px;}
.content2 p img{width: 50%; max-width: 200px; border-radius: 10px; background-color: #f5f5f5;}
.content2 p{ padding: 10px 0;}
.content2 h2{font-size: 20px; font-weight: bold;}
.content2 p a{background: #0088CC; border-radius: 4px; padding: 15px; color: #fff; min-width:200px; display: inline-block; font-size: 14px;}
.content2 p a:hover{background: #006699;}
.webMap{width:100%; max-width: 1200px; display:block;margin: 0 auto; overflow: hidden; padding: 30px 0;}
.webMap li{ display: inline-block;}
.webMap li::after{content: "  >  "; color: #aaa;}
.webMap li:last-child::after,.webMap li:first-child::after{content:"";}
#countdown-text{opacity: .5;}

#language,.language{display:none;line-height:1;  padding: 15px 15px;  position: relative; font-size: 12px; color: #fff;}
.language:hover span{display: none;}
.language span{position: absolute;z-index:99999; bottom:0 !important; left: 0 !important; background: #fff;border: 1px solid #eee; padding:5px;width:calc(100% - 10px); display: none;word-wrap: break-word; }
.language span a{width: auto !important; display: block; line-height:2 !important; text-align: center;font-size: 12px !important;  font-weight: normal; height: auto !important; color: #333;}
.language span a:hover{color: #D20029;}


@media (max-width: 1401px) {
  .content, .content2 {padding: 20px 0; width:calc(100% - 40px);}
}

@media (max-width: 1200px) {
  .xlist {grid-template-columns: repeat(4,1fr);}
}
@media (max-width: 900px) {
  .xlist {grid-template-columns: repeat(2,1fr);}
  .xlist li strong, .xlist li span {width: 100%; float: none; word-break: break-all; white-space: normal;}
  padding: 10px 0;
}
@media (max-width: 600px) {
  .xlist {grid-template-columns: 1fr;}
  .xlist li {padding: 8px; }
  .xlist li strong, .xlist li span {font-size: 13px;}
  .naver{display:none;}
.navshow{ display:block}
}
@media (max-width: 400px) {
  html, body {
    width: 100vw;
    min-width: 0;
    overflow-x: hidden;
  }
  .content, .content2, .webMap {
    max-width: 100vw;
    min-width: 0;
    padding: 4px;
    box-sizing: border-box;
  }
  .xlist {
    grid-template-columns: 1fr;
    gap: 4px 4px;
  }
  .xlist li {
    padding: 4px;
    font-size: 12px;
  }
  .xlist li strong, .xlist li span {
    font-size: 12px;
    word-break: break-all;
    white-space: normal;
    width: 100%;
    float: none;
  }
}
.xlist li strong, .xlist li span {word-break: break-all; white-space: normal;}


@media (max-width: 600px) {
  .header2 h1, .header2 span {font-size:20px;max-width:90vw;}
}
@media (max-width: 400px) {
  .header2 h1, .header2 span {font-size:16px;max-width:98vw;margin-left:8px;}
}