#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;}
#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.2); }
#boxImg .main { width:1440px; position:absolute; z-index:2; left:50%; margin-left:-720px; top:0px; height:100%;}
#boxImg.boxImg-other .main { width: 100%; float: left; position: static; margin: 0; }
#boxImg.boxImg-out .main { width: 100%; float: left; position: static; margin: 0; }
#img { width:100%; height:100%; float:left; display:flex; flex-direction:column; justify-content:center; padding-top: 60px; box-sizing: border-box;}
#img.nopad { padding-top: 0; }
#img.img_bf { padding-top: 0; }
#boxImg.boxImg-out .main #img { padding: 60px 0; }
#img .title { width:100%; float:left; text-align:center; font-size:50px; line-height:60px; color:#fff; font-family: 'Din-Bold'; text-transform: none; position: relative;}
#img .title:after { content: ""; position: absolute; width: 79px; height: 1px; background:url(../images/icon-line-white.png) center center no-repeat; left: 50%; margin-left: -40px; bottom:-16px; }
#img .title.no-after:after { display: none; }
#img.noline .title:after { display: none; }
#boxImg.boxImg-out .main #img .title { color: #333; font-size: 40px; }
#img .subtitle { width:100%; float:left; text-align:center; font-size:21px; line-height:32px; color:#fff; margin-top:27px; font-family: 'arial';}
#boxImg.boxImg-out .main #img ul { width: 100%; float: left; display: flex; justify-content: center; }
#boxImg.boxImg-out .main #img ul li { float: left; }
#boxImg.boxImg-out .main #img ul li+li { margin-left: 50px; }
#boxImg.boxImg-out .main #img ul li a { width: 360px; 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 .swiper-pagination-bullet { width:11px; height:11px; 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; box-sizing: border-box; margin-top: 60px; padding: 0 80px; }
#nrec .nrecBox .nbl { width: 650px; float: left; }
#nrec .nrecBox .nbl img { width: 100%; height: auto; float: left; }
#nrec .nrecBox .nbr { width: 580px; float: right; }
#nrec .nrecBox .nbr-title { width: 100%; float: left; font-size: 50px; line-height: 60px; color: #fff; font-family: 'Din-Bold'; text-transform: none; margin-top: -14px; }
#nrec .nrecBox .nbr-con { width: 100%; float: left; font-family: arial; font-size: 21px; line-height: 32px; color: #fff; margin-top: 20px; }
#nrec .nrecBox .nbr-tags { width: 100%; float: left; font-family: arial; font-size: 15px; line-height: 21px; color: #fff; margin-top: 12px; }
#nrec .nrecBox .nbr-tags a { color: #f19831; }
#nrec .nrecBox .nbr-btn { width: 100%; float: left; margin-top: 17px; }
#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; }

#nrecent { width: 100%; height: 100%; float: left; display: flex; align-items: center; padding: 0 150px; box-sizing: border-box; }
#nrecent ul { width: 100%; float: left; display: flex; justify-content: space-between; }
#nrecent ul li { width: 330px; float: left; }
#nrecent ul li .nrecentBox { width: 100%; float: left; }
#nrecent ul li .nrecentBox .nbl { width: 100%; float: left; }
#nrecent ul li .nrecentBox .nbl img { width: 100%; float: left; height: auto; }
#nrecent ul li .nrecentBox .nbr { width: 100%; float: left; }
#nrecent ul li .nrecentBox .nbr .nbr-title { width: 100%; float: left; font-size: 21px; line-height: 23px; color: #fff; font-family: arial; font-weight: bold; padding: 12px 0; }
#nrecent ul li .nrecentBox .nbr .nbr-con { width: 100%; float: left; font-size: 15px; line-height: 23px; color: #ccc; font-family: arial; border-top: 1px solid #ccc; padding-top: 10px; }
#nrecent ul li .nrecentBox .nbr .nbr-tags { width: 100%; float: left; padding: 6px 0; font-family: arial; font-size: 15px; color: #fff; }
#nrecent ul li .nrecentBox .nbr .nbr-tags a { color: #f19831; }
#nrecent ul li .nrecentBox .nbr .nbr-btn { width: 100%; float: left; margin-top: 5px; }
#nrecent ul li .nrecentBox .nbr .nbr-btn a { font-family: 'Din-Bold'; font-size: 16px; color: #fff; text-transform: none; border: 1px solid #fff; padding: 4px 12px; float: left; }

#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:11px; height:11px; border:1px solid #fff; border-radius:100%; box-sizing:border-box; background:none; opacity:1;}
#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 .imgover { width: 100%; height: 100%; position: absolute; z-index: 2; left: 0; top: 0; background-color: rgba(0,0,0,0.3); }
#upc .upcBox .upCon { width: 1024px; height: 100%; position: absolute; z-index: 3; left: 50%; top: 0; margin-left: -512px; display: flex; flex-direction: column; justify-content: center; }
#upc .upcBox .upCon .btitle { width:100%; float:left; text-align:center; font-size:50px; line-height:60px; color:#fff; font-family: 'Din-Bold'; text-transform: none; margin-bottom: 20px;}
#upc .upcBox .upCon .rtitle { width: 100%; float: left; text-align: center; font-family: 'Din-Regular'; font-size: 40px; line-height: 50px; color: #fff; }
#upc .upcBox .upCon .rcon { width: 100%; float: left; text-align: center; font-family: arial; font-size: 21px; line-height: 32px; color: #fff; }
#upc .upcBox .upCon .rbtns { width: 100%; float: left; margin-top: 120px;}
#upc .upcBox .upCon .rbtns ul { width: 100%; float: left; display: flex; justify-content: center; }
#upc .upcBox .upCon .rbtns ul li { float: left; }
#upc .upcBox .upCon .rbtns ul li:last-child { margin-left: 20px; }
#upc .upcBox .upCon .rbtns ul li a { width: 360px; 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; }