/* ========== */
:root{
  --container-w:1207px;

  /* colors */
  --brand:#3a4f9e;
  --brand-deep:#b63e3e;
  --ink:#333333;
  --ink-2:#666666;
  --ink-3:#999999;
  --blue:#6396db;
  --line:#dfdfdf;
  --card:#ffffff;
  --nav-text:#666666;

  /* header heights (per feedback) */
  --header-top-h:107px;    
  --nav-h:49px;           

  /* lead sizes (per feedback) */
  --lead-left-w:708px;
  --slider-h:439px;
  --lead-right-w:458px;
  

  /* section title */
  --title-h:36px;
  --title-fs:16px;
  --title-dot:18px;
}

/* ===== Reset ===== */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Noto Sans JP",Arial,Helvetica,sans-serif;
  font-size:14px; color:var(--ink); background:#fff;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

/* ===== Header ===== */
.header{
  width:100%; background:var(--brand);
}
.header-top{
  height:var(--header-top-h);
  max-width:var(--container-w); margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  position:relative;

}
.brand{display:flex; align-items:center; color:#fff}
.brand-logo{margin-right:12px}
.brand-logo{
  width:34px;height:34px;border-radius:6px;
  background:
    radial-gradient(12px 12px at 65% 40%, #ffffff 0%, rgba(255,255,255,.7) 35%, rgba(255,255,255,0) 36%),
    linear-gradient(135deg,#e21d2f 0%, #e96b6b 48%, #1e88e5 49%, #66a6ff 100%);
  box-shadow:0 2px 6px rgba(0,0,0,.25) inset;
}
.brand-title{font-size:26px;font-weight:700;line-height:1;margin-left:25px;margin-right:10px;}
.brand-sub{font-size:12px;opacity:.95;line-height:1.2}
.langs{display:flex;align-items:center;margin-right:61px;}
.langs > * + *{margin-left:8px}
.lang-pill{
  font-size:12px;color:#fff;
  border-radius:12px;padding:6px 14px;
  margin-left:14px;
  background: #6c88ee;
}
.search{display:flex;position: relative;width:276px;justify-content:space-between;}
.search input{
  width:233px;height:34px;border:none;border-radius:14px;
  color:#000; outline:none;background:#749eff;
}
.search input::placeholder{color:#000;}
.search .icon{width:16px;height:16px;opacity:.9;color:#333333 }
.search .search-btn{
  width: 34px;
  height: 34px;
  background: none;   
  border: none;       
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background:#749eff;
  border-radius:14px;
}
.header-nav{
   background:#d83a33; 
}
.nav-inner{
  max-width:var(--container-w); margin:0 auto; 
  display:flex; align-items:center; padding:0 10px;
  justify-content: space-evenly;height:100%;
}
.nav-item + .nav-item{margin-left:36px}
.nav-item{
  color:#fff; font-size:24px; height:100%;
  display:flex; align-items:center; position:relative; padding:0 6px;
}
.nav-item.active{color:var(--brand);color:#fff;}
.nav-item.active:after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--brand)
}

/* ===== Container ===== */
.mainbg{background: url(../images/krbg.jpg) no-repeat center 0px;padding-top:16px;}
.container{width:var(--container-w); margin:0px auto 60px;}
.contview{width:var(--container-w);margin:0px auto; }
.header-top-warp{width:100%;}
.header-nav-warp{width:100%;background: #d83a33;border-bottom:1px solid var(--line);
  height:var(--nav-h);}
.header-top{width:var(--container-w);margin:0px auto;}
.header-nav{width:var(--container-w);margin:0px auto;height:100%;}
.subtit{font-size:30px;color:#414141;line-height:50px;padding-left:33px;background:url(../images/subtit_ic.png) 5px 11px no-repeat;}
.subtit a{color:#414141;}




/* ===== Lead (slider + right news) ===== */
.olead{background: #fff;padding:31px 9px 20px 13px;border:solid 1px var(--line)}
.lead{display:grid; grid-template-columns: var(--lead-left-w) var(--lead-right-w)}
.lead > * + *{margin-left:16px}

/* slider */
.slidercard{border:none;}
.slider{position:relative; height:var(--slider-h); overflow:hidden; border-radius:0px}
.slide{position:absolute; top:0; right:0; bottom:0; left:0; opacity:0; transition:opacity .45s ease;pointer-events: none;}
.slide.active{opacity:1;pointer-events: all;}
.slide img{width:100%; height:100%; object-fit:cover}
.slide-caption{
  position:absolute; left:0; right:0; bottom:0; color:#fff;
  padding:16px 18px 14px;
  background:linear-gradient(to top, rgba(0,0,0,.58), rgba(0,0,0,0));
  font-weight:600; letter-spacing:.2px
}
.slider-dots{position:absolute; right:14px; bottom:12px; display:flex}
.slider-dots button + button{margin-left:8px}
.slider-dots button{
  width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,255,255,.85);
  background:transparent; padding:0; cursor:pointer;border: none;background: #fff;
}
.slider-dots button.active{background:#dd461d}

/* right news */
.lead-right .xwsection-title{
  background:#f7f8f8;
  
  border-bottom:1px solid var(--line)}
.news-list{padding:10px 12px}
.news-item{display:flex; padding:10px 0; }
.news-item .dot{margin-right:10px}
.news-item:last-child{border-bottom:none}
.news-item .dot{width:6px;height:6px;border-radius:50%;background:#ff4d4f;margin-top:7px}
.news-item .title{font-weight:700;color:#2b2b2b;line-height:1.45;font-size:18px;}
.news-item .desc{color:#767676;font-size:14px;margin-top:4px;line-height:1.5;display:none;}

/* ===== Section title (per feedback) ===== */


.xwsection-title{
  padding:20px 13px; font-size:var(--title-fs); font-weight:600; color:#3a3a3a;
  border-bottom:1px solid var(--line); background:#fff;
}
.lead-right .xwsection-title .title{
font-size:23px;line-height:1.56;

}

.lead-right .xwsection-title .desc{
  font-size:17px;line-height:31px;
  margin-top:10px;
  }

  .section-title{
    height:var(--title-h); display:flex; align-items:center;
    padding:0 0px 0 8px; font-size:23px; font-weight:600; color:#3a3a3a;
     background:#fff;

  }
.section-title .dot{
  width:var(--title-dot); height:var(--title-dot); border-radius:50%; background:var(--blue);
  margin-right:18px; flex-shrink:0;
  margin-left:18px;
  flex: 0 0 auto;  
}

.section-title .line{
  flex: 1 1 auto;               
  height: 1px;                
  background: #dadada;
  }


/* ===== Feature + pills ===== */
.feature-box{margin-top:30px;}
.feature-area{display:grid; grid-template-columns: 1fr 543px;
  padding:11px 10px 31px 10px;

}

.feature-area .feature{height:414px;width:610px;}
.feature-area .card{border: none;}

.feature-area > * + *{margin-left:16px}
.feature .thumb{height:220px; position:relative; overflow:hidden; border-radius:4px 4px 0 0}
.feature .thumb img{width:100%; height:100%; object-fit:cover}
.feature .legend{
  position:absolute; left:0; right:0; bottom:0; padding:10px 12px; color:#fff;
  background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0))
}
.feature-area .pills{padding:0px}
.feature-area .pill{
  height:52px; display:flex; align-items:center; padding-left:22px; margin:8px 0;
  background:linear-gradient(#dce1ea,#fff); border:1px solid #cfcfcf; border-radius:26px;
  color:#6b6b6b;font-size:18px;color:#414141;
  background:url(../images/fealitiemback.png) no-repeat;
  border:none;
}
.feature-area .more-wrap{padding:0 12px 12px}
.feature-area .more{color:#414141; font-size:20px; cursor:pointer}
.feature-area .more a{color:#414141;}


/*pxie*/
.pxie{margin-top:10px;}
.pxiecont{margin-top:20px;}







/*section4*/
.section4 .container{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px;
  max-width:1200px;
  margin:0 auto;
}
.section4 .card{
  display:flex;
  flex-direction:column;
}
.section4 .img-box{
  width:100%;
  height:380px;
  background:#eaf1fc;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  padding-bottom:0px;
}
.section4 .img-box img{
  width:560px;
  height:340px;
  object-fit:cover;
}
.section4 .text-box{
  background:#eaf1fc;
  padding:18px;
  text-align:center;
  font-size:18px;
  color:#222;
}
.section5{margin-top:40px;}
.section4{margin-top:30px;}
@media(max-width:768px){
.section4 .container{
      grid-template-columns:1fr;
  }
}










/* ===== Links ===== */
.links .content{padding: 21px 21px}
.links .section-title{border-bottom:solid 1px var(--line);height: 59px;}
.links .section-title .line{display:none;}
.link-tags{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap: 19px;}
.link-tag{background:#f7f7f7;border:1px solid #f0f0f0;color:#555}