:root{
  --color1:#1378c8;
  --color2:#443d37;
  --color2-light: #555;
}
body{background:#a8d1e7;min-height:100vh;font-family: helvetica}
.main-container{padding:15px;background:#61c8e9;max-width:1030px;margin:0 auto}
.header{}
.header img{width:100%}
.nav{padding:2px 15px;border-top:solid 3px #fff;background:var(--color2);display:flex;justify-content: space-between;flex-wrap: wrap}
.nav-item{padding:5px 10px}
.nav-item:hover{background:var(--color2-light)}
.nav-item a{color:#fff;font-family:Helvetica}
.home-hot{padding:20px;display:grid;grid-template-columns:auto 270px;background: #fff}
.home-banner{background:#000;position:relative;overflow: hidden}
.home-banner .swiper-slide{height:420px;background-repeat:no-repeat;background-position:center 0;background-size:cover}
.home-form{padding:16px;background:var(--color2);color:#fff}
.home-form__title{font-size:19px;text-align: center;font-weight:600}
.home-form__row{margin-top:13px}
.home-form__row input[type=text]{color:#222;height:23px;font-size: 14px;background:#dddbda;border:0;padding-left:9px;width:100%;border-radius:9px}
.home-form__row input[type=submit]{width:80%;padding:3px 0;color: #FFFFFF;background:#353b3c;border:solid 1px #555758;text-align: center;font-size: 14px;cursor: pointer;border-radius:12px;display:block;margin:0 auto}
.home-form__tips{text-align: center;font-size:12px;color:#777}
.page-container{padding:30px 20px 15px;display:grid;grid-template-columns:calc(100% - 250px) 230px;column-gap:20px;background:#fff}
.page-side{}
.page-box{background:#f0f0f0}
.page-box__title{font-size:20px;padding:10px;margin-bottom:10px;background:var(--color1);border-radius:5px;text-align: center;color:#fff;font-family:Helvetica;font-weight:600}
.page-box__img{padding:5px;margin-bottom:10px;text-align: center}
.page-box__img img{width:150px}
.page-content{}
.page-detail-h2{font-size: 20px;margin-bottom:20px;color:var(--color1)}
.page-detail h2{font-size: 20px;margin:25px 0 15px;color:var(--color1)}
.page-detail h2:first-child{margin-top:0}
.page-detail h3{font-size:20px;margin:25px 0 15px;color:#666}
.page-detail p{font-size: 13px;line-height:1.5;margin:10px 0 20px;color:#666}
.page-detail p a{color:#9b59b6;font-weight: 600}
.page-detail ul{margin:10px 0 25px}
.page-detail li{font-size: 13px;color:#666;padding:1px 0}
.footer{padding:25px 16px;background: #fff;border-radius:0 0 15px 15px;display:flex;align-items: center;flex-wrap: wrap}
.footer-logo{margin:3px 50px 0 0}
.footer-logo img{max-height:46px}
.footer-txt{font-size:12px;line-height:1.6;color:#666}
@media (max-width:1024px){
  .nav-item a{font-size:12px}
  .home-hot{padding:10px;grid-template-columns:100%}
  .home-banner .swiper-slide{height:45vw}
  .page-container{padding:10px;grid-template-columns:100%;column-gap:0;row-gap:20px}
}
@media (max-width:768px){
  .nav{padding:2px 0}
  .nav-item{flex:0 0 33.3%;padding:8px 10px;text-align: center;border:solid 1px #454545}
  .home-banner .swiper-slide{height:50vw}
  .main-container{padding:10px}
  .home-form__title{font-size:17px}
}
@media (max-width:512px){
  .footer-logo{margin-right:0;flex:0 0 100%;text-align:center}
  .footer-txt{;flex:0 0 100%}
}
.agency-row{margin-bottom:46px;display:grid;grid-template-columns:120px auto;column-gap:22px}
.agency-row__img{margin-top:13px}
.agency-row__img img{width:100%}
.agency-row__txt{}
.agency-row__txt p{margin-bottom:5px}
.media-row{margin-bottom:40px;display:grid;grid-template-columns:150px auto;column-gap:15px}
.media-row__img{margin-top:12px}
.media-row__img img{width:100%}
.media-row__txt{}
.media-row__txt p{margin-bottom:5px;line-height:1.3;}
.media-row__txt.cn p{color:#222!important}
.page-contact{}
.page-contact p{margin-top:2px;font-size:13px;line-height:1.9;}
.page-contact p a{color:var(--color1);text-decoration: underline;}
.page-contact p:first-child{font-size:16px;font-family:Helvetica;color:#333;line-height:1.6;}
.page-cn h2{font-size: 20px;margin:25px 0 15px;color:var(--color1)}
.page-cn h2:first-child{margin-top:0}
.page-cn h3{font-size:20px;margin:25px 0 15px;color:#666}
.page-cn p{font-size:14px;line-height:1.7;margin:10px 0 20px;color:#333}
.page-cn p a{color:#9b59b6;font-weight: 600}
.page-cn ul{margin:10px 0 25px}
.page-cn li{font-size: 13px;color:#666;padding:1px 0}