@charset "utf-8"; 
:root {--color: #004687;}
.table-responsive{margin:auto}
.head-top{background:var(--color)}
.head-top .head-box:after{border-top-color:var(--color)}
.head-top .head-contact i, .head-top .head-contact em,.head-top .head-contact a:hover{color:var(--headercolor)}
.head-top .head-contact a{font-weight: var(--fontbold6);}
@media (min-width:1025px) {.head-main .head-logo img{max-height:60px;}
.head-main .l-wrap{justify-content: center;}
.head-nav{margin-left: 4%;margin-right: 3%;}}
.head-top .head-box:after{border-left-color: transparent;}
@media (min-width:1025px) and (max-width:1440px){.head-nav>ul>li{margin:0 8px;}
.head-main .head-logo img{max-height:55px;}
.head-nav a{font-size:var(--fontsize14)}}
@media (min-width:2133px) {.head-top:after{width: 400px;}}
@media (min-width:2400px) {.head-top:after{width: 500px;}}
@media (min-width:2560px) {.head-top:after{width: 600px;}}
.foot-main,.foot-right,.foot-feedback input{background:#333}
.about-swiper .swiper-slide img { aspect-ratio: auto; }

.head-top:after{width: calc((100% - 1600px) / 2)}
@media screen and (max-width: 1680px) {.head-top:after{width: calc((100% - 1400px) / 2)}}
@media screen and (max-width: 1470px) {.head-top:after{width: calc((100% - 1200px) / 2)}}
@media screen and (max-width: 1279px) {.head-top:after{width: 200px}}
#about .about-img img { width: 100%; }
.new-main .new-list.list0 .new-intro{ word-break: keep-all;}