/* Fallbacks for recovered render-function components when scoped attrs are incomplete. */
.pc .header-layout .headerBg {

  width: 1200px !important;

  max-width: none !important;

  margin: 0 auto;

  background: #fff;

  display: flex;

  justify-content: space-between;

  align-items: center;

  position: relative;

  border-bottom-left-radius: 30px;

  border-bottom-right-radius: 30px;

}


.pc .header-layout .headerBg .left {

  width: 20%;

  padding-left: 2%;

}


.pc .header-layout .headerBg .left a {

  display: inline-block;

}


.pc .header-layout .headerBg .left a img {

  width: 100%;

}


.pc .header-layout .headerBg .right {

  width: 70%;

}


.pc .header-layout .headerBg .right .top {

  width: 100%;

  display: flex;

  justify-content: flex-end;

}


.pc .header-layout .headerBg .right .top .functionBg {

  background: url('/nci/images/pc/bggreen.png') no-repeat center;

  background-size: contain;

  height: 40px;

  width: 225px;

  display: flex;

  align-items: center;

  justify-content: center;

}


.pc .header-layout .headerBg .right .top .functionBg .loginBtn {

  margin-right: 10px;

  position: relative;

}


.pc .header-layout .header_menu {

  width: 98%;

  margin-top: 10px;

  margin-bottom: 10px;

}


.pc .header-layout .header_menu > ul {

  justify-content: space-between;

}


.pc .header-layout .header_menu > ul > li {

  float: left;

  display: flex;

  align-items: center;

  margin-right: 1%;

  height: 50px;

  width: auto;

  position: relative;

}


.pc .header-layout .header_menu > ul > li:last-child {

  margin-right: 0 !important;

}


.pc .header-layout .header_menu > ul > .CnFontText > a {

  height: 30px !important;

  font-size: 18px !important;

}


.pc .header-layout .header_menu > ul > li.CnFontText > a {

  height: 30px !important;

  font-size: 18px !important;

}


.pc .header-layout .header_menu > ul > li > a {

  color: #333;

  display: block;

  text-align: center;

  font-size: 15px;

  font-weight: 500;

  transition: all .3s;

  padding: 0;

  height: 32px;

  border-radius: 20px;

  position: relative;

}


.pc .PromotionContainer .HomeAboutMain .AboutBox,
.pc .PromotionContainer .HomeBusinessPhilosophy .topTitle,
.pc .PromotionContainer .HomeBusinessPhilosophy .BusinessPhilosophyBox,
.pc .PromotionContainer .HomeUniversalLifeInsurance .UniversalLifeInsuranceBox,
.pc .PromotionContainer .HomeContactMain .ContactMainBox {

  width: 1200px !important;

  max-width: none !important;

  margin-left: auto;

  margin-right: auto;

}


.pc .PromotionContainer .HomeAboutMain .AboutBox {

  width: 1200px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  position: relative;

  z-index: 10;

  margin-top: 80px;

  margin-bottom: 50px;

}


.pc .PromotionContainer .HomeAboutMain .AboutBox .leftT,
.pc .PromotionContainer .HomeAboutMain .AboutBox .rightT {

  width: 48%;

}


.pc .PromotionContainer .HomeAboutMain .AboutBox .rightT img {

  width: 100%;

  box-shadow: 0 2px 2px 2px #ddd;

}


.pc .PromotionContainer .HomeAboutMain .AboutBox .leftT .bodyText,
.pc .PromotionContainer .HomeBusinessPhilosophy .BusinessPhilosophyBox .rightT .bodyText,
.pc .PromotionContainer .HomeUniversalLifeInsurance .UniversalLifeInsuranceBox .rightT .bodyText {

  margin-top: 20px;

  margin-bottom: 20px;

}


.pc .PromotionContainer .NCITitle {

  display: flex;

  align-items: baseline;

  justify-content: flex-start;

}


.pc .PromotionContainer .NCITitle .t1,
.pc .PromotionContainer .NCITitle .t2 {

  color: #80b83f;

  margin-right: 10px;

}


.pc .PromotionContainer .NCITitle .t1 {

  font-size: 60px;

}


.pc .PromotionContainer .NCITitle .t2 {

  font-size: 32px;

}


.pc .PromotionContainer .bodyText .HomeNormal {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 6;

  overflow: hidden;

  text-overflow: ellipsis;

}


.pc .PromotionContainer .bodyText .HomeNormal .perText,
.pc .PromotionContainer .bodyText .HomeNormal .perText .colorText {

  font-size: 18px;

  font-style: normal;

  line-height: 30px;

}


.pc .PromotionContainer .bodyText .HomeNormal .perText {

  color: #333;

}


.pc .PromotionContainer .bodyText .HomeNormal .perText .colorText {

  color: #df6c22;

}


.pc .PromotionContainer .MoreBtn {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-start;

}


.pc .PromotionContainer .MoreBtn a {

  border: 1px solid #df6c22;

  color: #df6c22;

  padding: 8px 30px;

  font-size: 18px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 30px;

  transition: all .5s;

}


.pc .PromotionContainer .MoreBtn .iconArrow {

  background: url('/nci/images/pc/pc_27.png') no-repeat center;

  width: 20px;

  height: 12px;

  background-size: 20px 12px;

  margin-left: 5px;

  display: flex;

  align-items: center;

}


.pc .PromotionContainer .MoreBtn a:hover {

  border: 1px solid #df6c22;

  color: #fff;

  background: #df6c22;

}


.pc .PromotionContainer .MoreBtn a:hover .iconArrow {

  background: url('/nci/images/pc/pc_27hover.png') no-repeat center;

  width: 20px;

  height: 12px;

  background-size: 20px 12px;

}


.pc .PromotionContainer .HomeBusinessPhilosophy .topTitle {

  position: relative;

  z-index: 10;

  margin-top: 50px;

  margin-bottom: 20px;

  display: flex;

  justify-content: flex-end;

}


.pc .PromotionContainer .HomeBusinessPhilosophy .topTitle .w50 {

  width: 47%;

  padding-left: 3%;

  display: flex;

  justify-content: flex-start;

}


.pc .PromotionContainer .HomeBusinessPhilosophy .BusinessPhilosophyBox,
.pc .PromotionContainer .HomeUniversalLifeInsurance .UniversalLifeInsuranceBox,
.pc .PromotionContainer .HomeContactMain .ContactMainBox {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  position: relative;

  z-index: 10;

  margin-bottom: 50px;

  background: #fff;

  box-shadow: 0 2px 2px 2px #ddd;

  border-top-left-radius: 10px;

  border-bottom-left-radius: 10px;

  overflow: hidden;

}


.pc .PromotionContainer .HomeBusinessPhilosophy .BusinessPhilosophyBox .leftT {

  width: 50%;

}


.pc .PromotionContainer .HomeBusinessPhilosophy .BusinessPhilosophyBox .rightT {

  width: 42%;

  padding: 3%;

}


.pc .PromotionContainer .HomeBusinessPhilosophy .BusinessPhilosophyBox .leftT img {

  width: 100%;

  display: flex;

}


.pc .PromotionContainer .HomeUniversalLifeInsurance {

  width: 100%;

  display: inline-block;

  position: relative;

  margin-top: 80px;

  margin-bottom: 50px;

}


.pc .PromotionContainer .HomeUniversalLifeInsurance .UniversalLifeInsuranceBox .leftT {

  width: 34%;

  padding: 3%;

}


.pc .PromotionContainer .HomeUniversalLifeInsurance .UniversalLifeInsuranceBox .rightT {

  width: 50%;

  padding: 6% 3% 3%;

}


.pc .PromotionContainer .HomeUniversalLifeInsurance .UniversalLifeInsuranceBox img {

  width: 100%;

  display: flex;

}


.pc #footer .FooterBox,
.pc #footer .footercopy .cpy {

  width: 1200px;

  margin-left: auto;

  margin-right: auto;

}


.pc #sidebar {

  position: fixed;

  right: 0 !important;

  bottom: 12rem;

  width: 3rem;

  z-index: 997;

  line-height: 0;

}


.pc #sidebar .sidebar-item {

  margin-bottom: 0.4rem;

}


.pc #sidebar .sidebar-item:last-child {

  margin-bottom: 0;

}


.pc #sidebar img {

  width: 3rem;

}


.pc #sidebar .phone,
.pc #sidebar .email {

  position: relative;

}


.pc #sidebar .phone_text,
.pc #sidebar .email_text {

  position: absolute;

  right: 3.2rem;

  top: 50%;

  transform: translateY(-50%);

  white-space: nowrap;

  padding: 0.45rem 0.7rem;

  background: #fff;

  color: #333;

  font-size: 0.9rem;

  line-height: 1.2;

  box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);

}


/* Global PC content frame: keep page contents inside the same centered gutters as the original site. */
.pc .maincontent,
.pc .mid-box {

  width: 1200px !important;

  max-width: none !important;

  margin-left: auto;

  margin-right: auto;

}