#boxImg { width:100%; float:left; position:relative;}
body.page-id-107 #boxVideoSwiper+#boxSwiperN { padding: 6px 0; }
body.page-id-113 #boxConNormal+#boxSwiperN { padding: 6px 0; }
#boxImg .bgImg { width: 100%; float: left; }
#boxImg img { width:100%; float:left; height:auto;}
body.page-id-892 #boxImg.boxImgSize-yes { display:none;}
#boxImg.boxImgSize-yes .bgImg { display: flex; justify-content: center; }
#boxImg.boxImgSize-yes .bgImg img { width: auto; }
#boxImg .imgover { width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; background-color: rgba(0,0,0,0.3); }
#boxImg .main { width:100%; position:absolute; z-index:2; left:0; top:0px; height:100%; padding: 0 30px; box-sizing: border-box;}
#boxImg.boxImg-out .main { position: static; float: left; padding: 30px 0; }
#boxImg.boxImg-other .main { width: 100%; float: left; position: static; margin: 0; padding: 0; }
#img { width:100%; height:100%; float:left; display:flex; flex-direction:column; justify-content:center;}
#img.nopad { padding-top: 0; }
#img.img_bf { padding-top: 0; }
#img .title { width:100%; float:left; text-align:center; font-size:30px; line-height:32px; color:#fff; font-family: 'Din-Bold'; text-transform: none;}
#img .subtitle { width:100%; float:left; font-size:13px; line-height:18px; color:#fff; text-align:center; position: relative; padding-top: 5px; margin-top: 5px;}
#img .subtitle:before { content: ""; width: 30px; height: 1px; font-size: 0; line-height: 0; background: #fff; position: absolute; left: 50%; top: 0; margin-left: -15px; }
#boxImg.boxImg-out .main #img .title { font-size: 24px; line-height: 28px; color: #333; padding: 0 30px; box-sizing: border-box; }

#boxImg.boxImg-out .main #img ul { width: 100%; float: left; display: flex; justify-content: center; margin-top: 6px; }
#boxImg.boxImg-out .main #img ul li { float: left; width: 100%; padding: 0 30px; box-sizing: border-box; }
#boxImg.boxImg-out .main #img ul li+li { margin-top: 10px; }
#boxImg.boxImg-out .main #img ul li a { width: 100%; height: 51px; border-bottom: 4px solid #c86b00; background: #f19831; color: #fff; text-align: center; line-height: 51px; font-size: 21px; font-family: 'Din-Bold',Arial; text-transform: none; float: left; position:relative;}
#boxImg.boxImg-out .main #img ul li a:after { content:"+"; font-size: 24px; font-family: arial; color: #fff; position: absolute; right: 14px; }

#nrec { width: 100%; height: 100%; float: left; }
#nrec .swiper-container { width: 100%; height: 100%; float: left; }
#nrec .swiper-wrapper { width: 100%; height: 100%; float: left; }
#nrec .swiper-slide { width: 100%; height: 100%; float: left; background: #224f84; display: flex; align-items: center; }
#nrec .swiper-pagination { bottom: 0; }
#nrec .swiper-pagination .swiper-pagination-bullet { width:6px; height:6px; margin: 0 3px; border:1px solid #fff; border-radius:100%; box-sizing:border-box; background:none; opacity:1;}
#nrec .swiper-container .swiper-pagination .swiper-pagination-bullet-active { border:1px solid #fff; background:#fff;}
#nrec .nrecBox { width: 100%; float: left; overflow-x: hidden; }
#nrec .nrecBox .nbl { width: 100%; float: left; }
#nrec .nrecBox .nbl img { width: 100%; height: auto; float: left; }
#nrec .nrecBox .nbr { width: 100%; float: left; }
#nrec .nrecBox .nbr-title { width: 100%; float: left; font-size: 16px; padding: 12px 0 7px; color: #fff; font-family: 'Din-Bold'; text-transform: none; }
#nrec .nrecBox .nbr-con { width: 100%; float: left; font-size: 13px; line-height: 18px; color: #fff;}
#nrec .nrecBox .nbr-btn { width: 100%; float: left; margin-top: 6px; }
#nrec .nrecBox .nbr-btn a { float: left; padding: 0 28px; line-height: 34px; border: 1px solid #fff; font-size: 16px; color: #fff; font-family: 'Din-Bold'; text-transform: none; }

#upc { width: 100%; float: left; }
#upc .swiper-container { width: 100%; float: left; }
#upc .swiper-wrapper { width: 100%; float: left; }
#upc .swiper-slide { width: 100%; float: left; }
#upc .swiper-pagination .swiper-pagination-bullet { width:6px; height:6px; border:1px solid #fff; border-radius:100%; box-sizing:border-box; background:none; opacity:1; margin: 0 3px; }
#upc .swiper-container .swiper-pagination .swiper-pagination-bullet-active { border:1px solid #fff; background:#fff;}
#upc .upcBox { width: 100%; float: left; position: relative; }
#upc .upcBox .img { width: 100%; float: left; }
#upc .upcBox .img img { width: 100%; float: left; height: auto; }
#upc .upcBox .upCon { width: 100%; height: 100%; position: absolute; z-index: 2; left: 0; top: 0; display: flex; flex-direction: column; justify-content: center; padding: 0 30px; box-sizing: border-box; }
#upc .upcBox .upCon .btitle { width:100%; float:left; text-align:center; font-size:24px; line-height:28px; color:#fff; font-family: 'Din-Bold'; text-transform: none; margin-bottom: 6px;}
#upc .upcBox .upCon .rtitle { width: 100%; float: left; text-align: center; font-family: 'Din-Regular'; font-size: 13px; line-height: 18px; color: #fff; margin-bottom: 6px; }
#upc .upcBox .upCon .rcon { width: 100%; float: left; text-align: center; font-size: 13px; line-height: 18px; color: #fff; }
#upc .upcBox .upCon .rbtns { width: 100%; float: left; margin-top: 60px;}
#upc .upcBox .upCon .rbtns ul { width: 100%; float: left; }
#upc .upcBox .upCon .rbtns ul li { width: 100%; float: left; }
#upc .upcBox .upCon .rbtns ul li+li { margin-top: 10px; }
#upc .upcBox .upCon .rbtns ul li a { width: 100%; height: 51px; border-bottom: 4px solid #c86b00; background: #f19831; color: #fff; text-align: center; line-height: 51px; font-size: 21px; font-family: 'Din-Bold',Arial; text-transform: none; float: left; position:relative;}
#upc .upcBox .upCon .rbtns ul li a:after { content:""; position: absolute; right: 14px; width: 8px; height: 11px; background: url(../images/icon-right-arrow-white.png) center center no-repeat; top: 50%; margin-top: -5.5px; }