html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, 
form, fieldset, legend, img { margin:0; padding:0; } 
fieldset, img,button { border:none; padding:0;margin:0;outline-style:none; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "Microsoft Yahei";}
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
img {border:0;    vertical-align:middle;}
html { -webkit-text-size-adjust: none; }
body {
    font:14px "microsoft yahei";
    color:#333;
    background:#fff;
    font-family: "Microsoft Yahei";
}
.clearfix:before,.clearfix:after{ 
    content:""; 
    display:table; 
} 
.clearfix:after{clear:both;} 
.clearfix{ 
    *zoom:1;/*IE/7/6*/ 
} 
.clear{height:0px; line-height:0px; padding:0px; margin:0px; font-size:0px;clear:both;}
a{color:#333; text-decoration:none; }
a:hover{color:#1c4fcb;}
h1,h2,h3,h4,h5,h6{text-decoration:none;font-weight:normal;}
s,i,em{font-style:normal;text-decoration:none;}
.col-red{color: #C81623!important;}
.input-text,.zc-search-input,.input-form input,.form-wrap .input{border:none; padding:0;margin:0;outline-style:none;}

body{background: url(../images/mainbg.jpg) center 0px no-repeat;font-family:'Times New Roman';}

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

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

  /* 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;
}
/* ===== Header ===== */
.header{
  width:100%; 
  height:188px;
}
.header-top{
  height:130px;
  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;color:#cfbe74;margin-top: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: #cfbe74;
  font-weight: bold;
  margin-top:5px;
}

a.lang-pill:hover{color:#fff;}
.search{display:flex;position: relative;width:276px;justify-content:space-between;}
.search input{padding-left:10px;
  width:225px;height:34px;border:none;border-radius:14px;
  color:#fff; outline:none;background:#1c4fcb;box-sizing: border-box;
}
.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:#1c4fcb;
  border-radius:17px;
}
.header-nav{
   background:#fff; 
}

.header-nav a:hover{color:#cfbe74}
.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:20px}
.nav-item{
  color:#1c4fcb; font-size:24px; font-weight:bold;height:100%;
  display:flex; align-items:center; position:relative; padding:0 6px;
}
.nav-item.active{color:var(--brand);color:#cfbe74;}
.nav-item.active:after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:#cfbe74;
}
.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: #fff;border-bottom:1px solid var(--line);
  height:53px;padding-top:7px;}
.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;}

/* ===== section ===== */


.section1{width:100%;background:url(../images/sec1bg.png) center 0px no-repeat;}
.section1 .mci{width:var(--container-w);height:1331px;margin:0px auto;}

.section2{width:100%;background:url(../images/sec2bg.png) center 0px no-repeat;}
.section2 .mci{width:var(--container-w);height:755px;margin:0px auto;}

.section3{width:100%;background:url(../images/sec3bg.png) center 0px no-repeat;}
.section3 .mci{width:var(--container-w);height:876px;margin:0px auto;}

.section4{width:100%;background:url(../images/sec4bg.png) center 0px no-repeat;}
.section4 .mci{width:var(--container-w);height:1085px;margin:0px auto;}

.section5{width:100%;background:url(../images/sec5bg.png) center 0px no-repeat;}
.section5 .mci{width:var(--container-w);height:532px;margin:0px auto;}

.ltsec{width:100%;margin-top:30px;}
.ltsec .mci{width:var(--container-w);margin:0px auto;}

.section1 .mtp{width:100%;height:40px;}
.sec1_box{display:flex;width:100%;height:375px;justify-content: space-between;}
.sec1_box .mid_itm{width:579px;height:100%;background:#eee;}
.sec1_box .left_itm{width:300px;display: flex;flex-direction: column;height:93%;}
.sec1_box .right_itm{width:280px;;display: flex;flex-direction: column;height:93%;}
.sec1_box .left_itm .xw{flex-grow: 1;border-bottom:solid 1px #c3c3c3;  display: flex;
  align-items: center;line-height:1.2;font-size:16px;font-weight: bold;}
.sec1_box .right_itm .xw{flex-grow: 1;border-bottom:solid 1px #c3c3c3;  display: flex;
  align-items: center;line-height:1.2;font-size:14px;font-weight: bold;}

  .sec1_box .left_itm .xw:first-child{
    font-size: 30px;
  }

  .sec1_box .left_itm .xw:last-child{
    border-bottom:0px;
    font-size:23px
  }
  .sec1_box .right_itm .xw:first-child{
    font-size: 23px;
  }


.vidlbbox{margin-top:93px;height:554px;width:100%;display: flex;position: relative;justify-content: flex-end;}
.vidlb{width:860px;height:100%;background: #eee;transform: translateX(13px);}

.section2 .mtp{width:100%;height:142px;}
.section2 .sect{font-size:50px;line-height:50px;color:#fff;font-family: 'Times New Roman';font-weight: bold;}
.section2 .sect a{color:#fff;}
/* ===== Feature + pills ===== */
.feature-box{}
.feature-area{display:grid; grid-template-columns: 1fr 573px;margin-top:71px;


}

.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{font-weight:bold;
  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 .pill a{color:#414141}
.feature-area .more-wrap{padding:0 12px 12px;margin-top:20px;font-family:microsoft yahei;}
.feature-area .more{color:#414141; font-size:20px; cursor:pointer}
.feature-area .more a{color:#414141;}



.section3 .mtp{width:100%;height:64px;}
.section3 .sect{font-size:50px;line-height:50px;color:#fff;font-family: 'Times New Roman';font-weight: bold;text-align: right;}
.section3 .sect a{color:#fff;}

.section4 .mtp{width:100%;height:62px;}
.section4 .sect{font-size:50px;line-height:50px;color:#fff;font-family: 'Times New Roman';font-weight: bold;text-align: right;}
.section4 .sect a{color:#fff;}

.section5 .mtp{width:100%;height:64px;}
.section5 .sect{font-size:50px;line-height:50px;color:#496cd2;font-family: 'Times New Roman';font-weight: bold;}
.section5 .sect a{color:#496cd2;}

.links_box{display:grid;grid-template-columns: repeat(4,1fr);grid-row-gap: 20px;grid-column-gap: 20px;margin-top:30px;}
.links_box .link-tag{}

.omain{width:100%;}
.main{width:1200px;margin:0px auto;}