html{overflow-x: hidden;max-width: 1920px;margin: 0 auto;}
body{font-family:"Altinn-DINExp", "SourceHanSansCN-Medium", "SourceHanSansCN-Regular","SourceHanSansCN", "Microsoft Yahei";color:#242424;}
.hide,.hidden{display: none!important;}
a{color: #333;}
a:hover{color: #333;}
a:focus{outline: none;text-decoration:none}
.inblock {display: inline-block}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content: '';display: block; clear:both; }
.ellipsis{white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.pointer{cursor: pointer;}
.default{cursor: default;}
.overflow{overflow: hidden;}
.imgbox,.advbox{overflow: hidden;}
.imgbox:hover{display: block;overflow: hidden;}
.imgbox:hover img ,.advbox a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.imgbox{display: block;width: 100%;height: 100%;}
.imgbox img,.advbox a img{-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.imgbox img{object-fit: cover;width: 100%;height: 100%;}
.advbox,.advbox *{max-width:100% !important;height: auto!important;}
.advbox>span{margin-bottom: 30px;display:block}
.advbox li{margin-top:10px;overflow: hidden;}
.advbox li:first-child:nth-last-child(2),.advbox li:first-child:nth-last-child(2) ~ li{width: calc(50% - 7.5px);}
.advbox li:first-child:nth-last-child(2){float: left;}
.advbox li:first-child:nth-last-child(2) ~ li{float: right;}
.advbox li:first-child:nth-last-child(3),.advbox li:first-child:nth-last-child(3) ~ li {width: calc(33.33% - 7.5px);float: left;}
.advbox li:first-child:nth-last-child(3) {margin-right: 12px;}
.advbox li:last-child {float: right!important;}
.advbox li img{width:100%}
.line2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
.line3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-word;}
.line4{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-word;}
.line5{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: break-word;}
.line6{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;word-break: break-word;}
.d-flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.d-center-flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;}
.d-grow{flex-grow: 1;min-width: 0;}
.d-shrink{flex-shrink: 0;}
.row{margin:0 -10px;}
*[class^='col-']{padding:0 10px;}
.notselect{-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.mg-t-0{margin-top:0!important}
.container{position: relative;}


:root{--color1:#0B4DEC;}

.font48{font-size:48px}
.font42{font-size:42px}
.font40{font-size:40px}
.font38{font-size:38px}
.font36{font-size:36px}
.font32{font-size: 32px;}
.font34{font-size:34px}
.font30{font-size:30px}
.font28{font-size:28px}
.font26{font-size:26px}
.font24{font-size:24px}
.font22{font-size:22px}
.font20{font-size:20px}


@font-face {
  font-family: 'Altinn-DINExp';
  src: url("../../fonts/Altinn-DINExp.otf");
}
@font-face {
  font-family: 'Altinn-DINExp-Bold';
  src: url("../../fonts/Altinn-DINExp-Bold.otf");
}
@font-face {
  font-family: 'Montserrat';
  src: url("../../fonts/Montserrat-Black.ttf");
}
/* @font-face {
  font-family: 'Altinn-DINCondensed';
  src: url("../../fonts/Altinn-DINCondensed.otf");
}
@font-face {
  font-family: 'Altinn-DINCondensed-Bold';
  src: url("../../fonts/Altinn-DINCondensed-Bold.otf");
} */

/* 页面顶部 ==  begin */
.navbarWrap {width: 100%;height: 100px;position: relative;z-index: 1000;transition: all 0.3s;}
.navbarWrap ul,.navbarWrap ul li{padding-left: 0;margin-bottom: 0;}
.navbarWrap .navbar-inner {margin: 0 auto;height: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0px 40px;max-width: 1920px;}
.navbarWrap .navbar-logo {flex-shrink: 0;max-width: 190px;}
.navbarWrap .navbar-menu {display: flex;align-items: center;list-style: none;}
.navbarWrap .navbar-menu > li {position: relative;height: 100%;display: flex;align-items: center;margin: 0px 20px;}
.navbarWrap .navbar-menu > li .firstnav {display: block;border-top: 1px solid #fff;padding: 0 14px;height: 100%;line-height: 100px;color: #666666;text-decoration: none;transition: color 0.3s;}
.navbarWrap .navbar-menu > li .right{display: none;cursor: pointer;}
.navbarWrap .navbar-menu > li:hover .firstnav {color: var(--color1);}
.navbarWrap .navbar-menu > li.active .firstnav{background: rgba(224, 233, 255, 0.30);border-top-color: var(--color1); color: var(--color1);}
.navbarWrap .navbar-submenu {overflow: hidden; padding-left: 0;position: absolute;top: 100%;left: 0;min-width: 180px;background: #fff;box-shadow:0px 6px 15px 0px rgba(80, 80, 82, 0.3);border-radius: 6px;opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.3s ease;list-style: none;}
.navbarWrap .navbar-menu > li:hover > .navbar-submenu {opacity: 1;visibility: visible;transform: translateY(0);}
.navbarWrap .navbar-submenu li a {display: block;padding: 12px 20px;color: #666666;transition:background 0.3s,color 0.3s;}
.navbarWrap .navbar-submenu li a:hover {background: #f6f6f6;color: #191919;}
.navbarWrap .navbar-submenu li.active{background: var(--color1);color: #fff;}
.navbarWrap .navbar-submenu li.active a,.navbarWrap .navbar-submenu li.active a:hover{color: #fff;background: var(--color1);}
.navbarWrap .navbarRight {display: flex;align-items: center;gap: 15px;flex-shrink: 0;}
.navbarWrap .navbar-menu.showMenu {transform: translateX(0);}
.navbarWrap .lang-btn {display: inline-block;border-radius: 4px; position: relative; line-height: 36px;width: 90px;text-align: center;color: #fff; padding-right:16px;background: var(--color1);border:1px solid var(--color1);cursor: pointer;transition: all 0.3s;}
.navbarWrap .lang-btn .icon{position: absolute;top: 0;bottom: 0;margin: auto;right: 10px;}
.navbarWrap .lang-btn:hover {background: #fff; color: var(--color1);}
.navbarWrap .lang-btn:hover path{fill: var(--color1);}
.navbarWrap .langbox{position: relative;}
.navbarWrap .icon-submenu {padding-left: 0;position: absolute;top: 100%;left: 0;min-width: 100px;background: #fff;box-shadow:0px 6px 15px 0px rgba(80, 80, 82, 0.3);border-radius: 6px;opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.3s ease;list-style: none;}
.navbarWrap .icon-submenu .item a {display: block;padding: 12px 20px;color: #666666;transition:background 0.3s,color 0.3s;}
.navbarWrap .icon-submenu .item a:hover {background: #f6f6f6;color: #191919;}
.navbarWrap .langbox:hover > .icon-submenu {opacity: 1;visibility: visible;transform: translateY(10);}
.navbarWrap .mobile-menu-btn {display: none;width: 36px;height: 36px;border: none;background: transparent;cursor: pointer;flex-direction: column;align-items: center;justify-content: center;gap: 5px;}
.navbarWrap .mobile-menu-btn span {display: block;width: 24px;height: 2px;background: #333;transition: all 0.3s;}
/* 页面顶部 ==  begin */
.navbarWrap.fixed {position: fixed;top: 0;left: 0;background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,0.1);height: 70px;}
body.navbar-fixed body {padding-top: 100px;}
.navbarWrap.fixed .navbar-inner {height: 70px; padding: 0px 20px;}
/* .navbarWrap.fixed .navbar-logo {max-width: 140px;} */
.navbarWrap.fixed .navbar-menu > li .firstnav{line-height: 70px;}
/* 页面顶部 ==  end */


/* 分页 */
.pagebox{text-align: right;font-size: 16px;margin-bottom: 100px;}
.pagebox .pagination{text-align: center;}
.pagebox .pagination>li>a,.pagebox .pagination>li>span{margin: 0px 5px;width: 42px;height: 42px;border: 1px solid #D0D0D0;padding: 0px;line-height: 42px; color:#999;}
.pagebox .pagination .disabled a{background: #F8F8F8;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{border-color: #333;color:#333 !important;background: #fff;}
.pagination>.active>a:hover{cursor: pointer;}

/* .pagebox #kkpager .pageBtnWrap{display: inline-block; margin: 20px auto;}
.pagebox .pageBtnWrap span,.pagebox .pageBtnWrap a{font-size:14px;margin: 0px 5px;border-radius: 3px;border: 1px solid #DDDDDD;padding: 4px 10px;color:#525252;}
.pagebox .pageBtnWrap .curr{border-color: #4288E8;color:#fff;}
.pagebox .pageBtnWrap .disabled{background: #F2F2F2;color:#8A8989;} */



.nodata{text-align: center;line-height: 45px;margin: 60px 0;height: 100%;width: 100%;}
.nodata img {max-height: 80%;max-width: 250px; width: auto !important;border-bottom: 1px solid transparent !important;}



/* 尾部 */
.footbox{background: #0A2463;}
.footbox .footbtm{background: #061948;color: #D0D0D0; text-align: center;line-height: 26px;padding: 15px 0px;}
.footbox .footTop{border-bottom: 1px solid rgba(255, 255, 255, 0.1);display: flex;justify-content: space-around;padding-top: 20px;}
.footbox .footTop .item{display: flex;align-items: center;margin-bottom:20px;padding-right: 20px;}
.footbox .footTop .item:nth-child(2){width: 300px;}
.footbox .footTop .item .icon{display: inline-block;width: 45px;height: 45px;border-radius: 50%;}
.footbox .footTop .item1 .icon{background: rgba(255, 255, 255, 0.5) url(../../images/index/icon6.png) no-repeat center; }
.footbox .footTop .item2 .icon{background: rgba(255, 255, 255, 0.5) url(../../images/index/icon7.png) no-repeat center; }
.footbox .footTop .item3 .icon{background: rgba(255, 255, 255, 0.5) url(../../images/index/icon8.png) no-repeat center; }
.footbox .footTop .item .itemRight{color: #fff;margin-left: 25px;width: calc(100% - 70px);}
.footbox .footTop .item .itemRight .name{line-height: 28px;margin-bottom: 4px;}
.footbox .footTop .item .itemRight .info{opacity: 0.7;line-height: 20px;}
.footbox .footCen{display: flex;justify-content: space-between;padding: 55px 0px;}
.footbox .footCen .cLeft,.footbox .footCen .cLink,.footbox .footCen .addressbox{flex: 1;}
.footbox .footCen .cLeft{padding-right: 5px;}
.footbox .footCen .cLeft .email{background: #fff;border-radius: 36px;padding: 8px 10px;display: flex;margin-top: 70px;}
.footbox .footCen .cLeft .email .icon{width: 48px;height: 48px;display: inline-block; background: url(../../images/index/icon9.png) no-repeat center;}
.footbox .footCen .cLeft .email .font{font-family: Altinn-DINExp-Bold;line-height: 48px;color: #1c1c1c;margin-right: 20px;padding: 0px 10px;}
.footbox .footCen .cLeft .email .sbtn{display: inline-block;background: #0B4DEC url(../../images/index/icon10.png) no-repeat center;width: 88px;height: 48px; border-radius: 24px;}
.footbox .footCen .cLeft{}
.footbox .footCen .addressbox{display: flex;justify-content: flex-end;}
.footbox .footCen .cLink{padding-left: 150px;}
.footbox .footCen .cLink .name{color: #FFFFFF;margin-bottom: 7px;}
.footbox .footCen .cLink .linkbox{}
.footbox .footCen .cLink .linkbox .item{line-height: 32px;padding: 7px 0px;}
.footbox .footCen .cLink .linkbox a{color: #D0D0D0;}
.footbox .footCen .addressbox{text-align: right;}

.go_top{position: fixed;z-index: 1
  ; box-shadow: 0 2px 10px rgba(0,0,0,0.1); display: flex;align-items: center;justify-content: center;right: 15px;bottom: 30px;width: 50px;height: 50px;border-radius: 50%;background: #0B4DEC;}
.go_top .icon{}
.go_top:hover{border: 1px solid var(--color1);background: #fff;}
.go_top:hover .icon path{fill: var(--color1);}


/* 首页 */
.bannerWrap .bannerbox{position: relative;padding-top: 40%;}
.bannerWrap .bannerbox .banner{position: absolute;width: 100%;height: 100%;top: 0;overflow: hidden;}
.bannerWrap .bannerbox .banner img{width: 100%;height: 100%;object-fit: cover;}
.bannerWrap .bannerbox .banner .item{position: relative;}
.bannerWrap .bannerbox .banner .item::after{position: absolute;display: block;content: '';width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.20);}
.bannerWrap .bannerbox .firstFontbox{position: absolute;z-index: 1; left: 0;right: 0;top: 0;bottom: 0; margin: auto;max-width: 1320px;}
.bannerWrap .bannerbox .firstFontbox .firstFontcon{height: 100%; display: flex;flex-direction: column;justify-content: center;}
.bannerWrap .bannerbox .firstFontbox .firstFont{font-size: 64px;font-family: "Montserrat";color: #fff;line-height: 100px;margin-bottom: 20px;}
.bannerWrap .bannerbox .btnWrap{text-align: center;z-index: 1;}
.bannerWrap .bannerbox .btnWrap .btnView{transition: all 0.3s;display: inline-block;border-radius: 8px;margin: 0px 10px;color: #fff;width: 165px;text-align: center;line-height: 56px ;}
.bannerWrap .bannerbox .btnWrap .btnView{background: none;border: 1px solid #fff;}
.bannerWrap .bannerbox .btnWrap .btnView:hover{background: var(--color1);border: 1px solid var(--color1);}
.bannerWrap .bannerbox .btnWrap .btn1{}
.bannerWrap .bannerbox .btnWrap .btn2{}
.bannerWrap .bannerbox .banner .bannerpagebox{position: absolute;text-align: center;left: 0;display: inline-block; right: 0;margin: auto; z-index: 11;width: auto;bottom: 35px;}
.bannerWrap .bannerbox .banner .swiper-page{display: inline-block; padding: 4px 20px; border-radius: 24px;background: rgba(255, 255, 255, 0.20); }
.bannerWrap .bannerbox .banner .swiper-page span{width: 12px;height: 12px;background: #fff;opacity: 0.4;margin: 0px 6px;}
.bannerWrap .bannerbox .banner .swiper-page .swiper-pagination-bullet-active{opacity: 1;}

.pubTip{color: #000;display: inline-block; font-family: "Altinn-DINExp-Bold"; line-height: 32px;border-radius: 36px;background: #FFCF30;padding: 0px 18px;margin: 7px 0px;}
.pubName{font-size: 64px;font-family: "Montserrat";color: rgba(0, 0, 0, 1);line-height: 78px;text-transform: uppercase;}
.pubName .font1{color: rgba(7, 52, 162, 1);}
.publicbox{display: flex;justify-content: space-between}
.publicbox .right{display: flex;align-items: center;}
.publicbox .right .font{display: inline-block;cursor: pointer; border-radius: 32px;border: 1px solid #FFFFFF;color: #fff;line-height: 38px;padding: 0px 24px;margin-left:12px;}
.publicbox .right .font.on{background: #fff;color: var(--color1);}
.publicbox1 .pubName{color: #fff;}

.aboutWrap{padding: 70px 0px 25px;}
.aboutWrap .fontWrap{margin: 40px 0px;}
.aboutWrap .fontWrap .fontLeft{width: 65%;position: relative;padding-right: 50px;}
.aboutWrap .fontWrap .fontLeft .fontbox{opacity: 0;position: absolute;display: none;}
.aboutWrap .fontWrap .fontLeft .fontbox.active{opacity: 1;position: relative;display: block;}
.aboutWrap .fontWrap .fontLeft .name{margin-bottom: 10px;line-height: 48px; font-family: "Altinn-DINExp-Bold";}
.aboutWrap .fontWrap .fontLeft .info{line-height: 32px;}
.aboutWrap .fontWrap .right{text-align: right;padding-top: 40px;}
.aboutWrap .imgWrap{display: flex;gap: 20px;justify-content: space-between;}
.aboutWrap .imgWrap .item{position: relative;border-radius: 20px;overflow: hidden;margin-bottom: 20px;padding-top: 29%;}
.aboutWrap .imgWrap .item:nth-child(1){width: 40.5%;}
.aboutWrap .imgWrap .item:nth-child(2){width: 23%;}
.aboutWrap .imgWrap .item:nth-child(3){width: 32%;}
.aboutWrap .imgWrap .item .img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.aboutWrap .imgWrap .item a{display: block;width: 100%;height: 100%;}
.aboutWrap .imgWrap .maskbox{opacity: 0;transition: all 0.3s; display: flex;flex-direction: column;justify-content: flex-end;position: absolute;padding: 24px; width: 100%;height: 100%;top: 100%;left: 0;background-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.8) 100%);}
.aboutWrap .imgWrap .maskbox .tit{margin-bottom: 24px; font-family: "Altinn-DINExp-Bold";color: #fff;}
.aboutWrap .imgWrap .maskbox .icon{display: flex;align-items: center;justify-content: center;width: 48px;height:48px;border-radius: 50%;border: 1px solid var(--color1); background:var(--color1);}
.aboutWrap .imgWrap .item:hover .maskbox,.aboutWrap .imgWrap .item.active .maskbox{top: 0;opacity: 1;}
.aboutWrap .imgWrap .item .icon:hover{border-color:#fff;background-color: transparent;}

.newsWrap{background-image:linear-gradient( 90deg, #0734A2 0%, #0B4DEC 100%);padding: 80px 0px;position: relative;}
.newsWrap .icon4{position: absolute;right: 0;bottom: 0;pointer-events: none;}
.newsWrap .newSwiperbox{position: relative;margin-top: 30px;}
.newsWrap .newSwiperbox .newSwiper{overflow: hidden;}
.newsWrap .newSwiperbox .swiperbtn{position: absolute;display: inline-block;width: 44px;height: 44px;border: 1px solid #fff;bottom: 0;cursor: pointer;}
.newsWrap .newSwiperbox .swiper-prev{background: url(../../images/index/icon5.png) no-repeat center;left: -44px;}
.newsWrap .newSwiperbox .swiper-next{background: url(../../images/index/icon2.png) no-repeat center;right: -44px;}
.newsWrap .newSwiperbox .swiperbtn:hover{background-color: #000;border-color: #000;}
.newsWrap .newSwiperbox .slidebox{background: #fff;position: relative;height: 420px;}
.newsWrap .newSwiperbox .slidebox .imgbox{position: relative;height: auto;padding-top: 56%;transition: all 0.3s ease;}
.newsWrap .newSwiperbox .slidebox .imgbox img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.newsWrap .newSwiperbox .slidebox .imgwrap{position: relative;}
.newsWrap .newSwiperbox .slidebox .time{position: absolute;left: 20px;top: auto; bottom: -16px; color: #fff;background: #28A745;line-height: 32px;padding: 0px 12px;transition: all 0.3s ease;}
.newsWrap .newSwiperbox .slidebox .con{padding: 24px 20px 0px 20px;}
.newsWrap .newSwiperbox .slidebox .con .name{color: #000;font-family: "Altinn-DINExp-Bold";line-height: 32px;margin-bottom: 8px;transition: all 0.3s ease;}
.newsWrap .newSwiperbox .slidebox .con .info{color: #666;line-height: 20px;transition: all 0.3s ease;}
.newsWrap .newSwiperbox .slidebox .con .iconbox{margin-top: 15px;display: none;transition: all 0.3s ease;}
.newsWrap .newSwiperbox .slidebox .con .icon{display: flex;align-items: center;justify-content: center;border: 1px solid var(--color1);width: 48px;height: 48px;border-radius: 50%;background: var(--color1);}
.newsWrap .newSwiperbox .slidebox .con .icon:hover{border-color:var(--color1);background-color: transparent;}
.newsWrap .newSwiperbox .slidebox .con .icon:hover svg path{stroke: var(--color1);}
.newsWrap .newSwiperbox .slidebox:hover .imgbox{padding-top: 47%;}
.newsWrap .newSwiperbox .slidebox:hover .time{bottom:auto;top: 20px;}
.newsWrap .newSwiperbox .slidebox:hover .con .name{-webkit-line-clamp: 4;}
.newsWrap .newSwiperbox .slidebox:hover .con .info{display: none;}
.newsWrap .newSwiperbox .slidebox:hover .con .iconbox{display: block;}

.serviceWrap{padding: 30px 0px 30px;}
.serviceWrap .serviceBox{display: flex;gap: 20px;margin: 20px 0px;}
.serviceWrap .serviceBox .item{margin-bottom: 20px;display: flex;flex-direction: column;justify-content: center;}
.serviceWrap .serviceBox .item .imgbox{border-radius: 20px;height: auto;}
.serviceWrap .serviceBox .item .hoverCard{transition: transform 0.1s ease-out;transform-style: preserve-3d;perspective: 1000px;}
.serviceWrap .serviceBox .item .title{font-family: Altinn-DINExp-Bold;}
.serviceWrap .serviceBox .item .title a{color: #000;line-height: 48px;display: inline-block;max-width: 100%;}
.serviceWrap .serviceBox .item .info{color: #333;margin: 20px 0px;}
.serviceWrap .serviceBox .item1{width: 32%;}
.serviceWrap .serviceBox .item2{width: 40%;}
.serviceWrap .serviceBox .item3{width: 23%;}
.serviceWrap .serviceBox .item1 .imgbox{margin: 40px 0px 30px;}
.serviceWrap .serviceBox .item2 .imgbox{position: relative;}
.serviceWrap .serviceBox .item2 .title{position: absolute;right: 0;bottom: 0;width: 100%;text-align: right;padding: 30px 20px;}
.serviceWrap .serviceBox .item2 .title a{color: #fff;width: 100%;}
.serviceWrap .serviceBox .item3 .title{margin: 65px 0px 20px;}
.serviceWrap .serviceBox .item3 .info{font-family: Altinn-DINExp-Bold;}

/* ================ International Education 列表页 ======================================== */
.banner{position: relative;text-align: center;}
.banner .container{position: relative;}
.banner .name{font-size: 64px;line-height: 100px; color: #fff;position: absolute;left: 0;bottom: 60px;font-family: Montserrat;}

.banner1{position: relative;text-align: center;}
.banner1 .container{position: absolute;left: 0;right: 0;bottom: 0;margin: auto;}
.banner1 .name{font-size: 64px;line-height: 100px; color: #fff;left: 0;bottom: 60px;font-family: Montserrat;text-align: left;}
.banner1 .childMenu{bottom: 0;display: flex;align-items: flex-end;}
.banner1 .childMenu .nav{display: inline-block;margin-right: 10px; }
.banner1 .childMenu a{color: #fff;padding: 20px; line-height: 30px;display: inline-block;background: rgba(0, 0, 0, 0.4);text-align: center;width: 280px;border-top: 2px solid rgba(255, 255, 255, 0.3);}
.banner1 .childMenu .active a{background: #fff;border-top-color: #0B4DEC;padding:26px 20px;color: #1c1c1c;font-size: 24px;font-weight: bold;}

.banner2{position: relative;}
.banner2 .name{font-size: 64px;line-height: 100px; color: #fff;font-family: Montserrat;}
.banner2 .container{position: absolute;left: 0;right: 0;bottom: 0;margin: auto;}
.banner2 .crumb{margin-bottom: 50px;margin-top: 15px;}

.ieFirstWrap{background: linear-gradient( 180deg, #0B4DEC 0%, #F5F5F5 100%);padding: 80px 0px 60px;}
.ieFirstWrap{}

.ieFirstWrap .imgWrap{display: flex;gap: 20px;justify-content: space-between;flex-wrap: wrap;margin: 40px 0px;}
.ieFirstWrap .imgWrap .item{position: relative;border-radius: 20px;overflow: hidden;}
.ieFirstWrap .imgWrap .item .img{width: 100%;height: 100%;object-fit: cover;}
.ieFirstWrap .imgWrap .item a{display: block;width: 100%;height: 100%;}
.ieFirstWrap .imgWrap .maskbox{transition: all 0.3s; display: flex;flex-direction: column;justify-content: flex-end;position: absolute;padding: 10px 40px; width: 100%;height: 100%;top: 0;left: 0;background-image: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);}
.ieFirstWrap .imgWrap .maskbox .tit{margin-bottom: 10px; font-family: "Altinn-DINExp-Bold";color: #fff;}
.ieFirstWrap .imgWrap .flagbox{margin-bottom: 12px;}
.ieFirstWrap .imgWrap .flagbox .flag{opacity: 0.6; display: inline-block;line-height: 20px;padding: 6px 8px;border-radius: 4px;margin-right: 8px;color: #fff;}
/* .ieFirstWrap .imgWrap .flagbox .flag1{background: rgba(255,207,48,0.6);}
.ieFirstWrap .imgWrap .flagbox .flag2{background: rgba(40,167,69,0.6);} */
.ieFirstWrap .imgWrap .flagbox .flag1{background: rgba(255,207,48,1);}
.ieFirstWrap .imgWrap .flagbox .flag2{background: rgba(40,167,69,1);}
.ieFirstWrap .imgWrap .icon{transition: all 0.3s;width: 0px;height: 0px;overflow: hidden; display: inline-block; border-radius: 50%; background:var(--color1);}
.ieFirstWrap .imgWrap .item:hover .maskbox,.ieFirstWrap .imgWrap .item.active .maskbox{padding-bottom: 40px; background-image:linear-gradient( 180deg, rgba(0,0,0,0) 0%, #0B4DEC 100%)}
.ieFirstWrap .imgWrap .item:hover .icon,.ieFirstWrap .imgWrap .item.active .icon{display: flex;align-items: center;justify-content: center;height:48px;width: 48px;border: 1px solid var(--color1);}
/* .ieFirstWrap .imgWrap .item:hover .flag1,.ieFirstWrap .imgWrap .item.active .flag1{background: rgba(255,207,48,1);}
.ieFirstWrap .imgWrap .item:hover .flag2,.ieFirstWrap .imgWrap .item.active .flag2{background: rgba(40,167,69,1);} */
.ieFirstWrap .imgWrap .item:hover .flag{opacity: 1;}
.ieFirstWrap .imgWrap .item .icon:hover{border-color:#fff;background-color: rgba(11, 77, 236, 0.2);}
.ieFirstWrap .imgWrap .item:nth-child(4n+1){flex:0 0 calc(58% - 10px);}
.ieFirstWrap .imgWrap .item:nth-child(4n+2){flex:0 0 calc(42% - 10px);}
.ieFirstWrap .imgWrap .item:nth-child(4n+3){flex:0 0 calc(42% - 10px);}
.ieFirstWrap .imgWrap .item:nth-child(4n){flex:0 0 calc(58% - 10px);}
.ieFirstWrap .morebox{text-align: center;}
.ieFirstWrap .morebox .morebtn{display: inline-block;width: 400px; color: #999;line-height: 28px;padding: 10px;background: #F5F5F5;border-radius: 8px 8px 8px 8px;}

.ieSecondWrap{background: #f5f5f5;padding: 80px 0px 40px;}
.ieSecondWrap .secondbox{display: flex;gap: 20px;flex-wrap: wrap;margin: 40px 0px;}
.ieSecondWrap .secondbox .itembox{background: #fff;border-radius: 16px;flex: 0 0 calc(25% - 15px); }
.ieSecondWrap .secondbox .item{padding: 30px 30px 35px;}
.ieSecondWrap .secondbox .item .iconbox{margin-bottom: 24px;}
.ieSecondWrap .secondbox .item .iconbox .icon{display: inline-block;width: 44px;height: 44px;border-radius: 50%;background: #f5f5f5;display: flex;align-items: center;justify-content: center;}
.ieSecondWrap .secondbox .item .iconbox .icon path{}
.ieSecondWrap .secondbox .item .name{font-family: Altinn-DINExp-Bold;line-height: 32px;min-height: 96px;color: #333;}
.ieSecondWrap .secondbox .itembox:hover{background:#E0E9FF;}
.ieSecondWrap .secondbox .item:hover .icon{background: var(--color1);}
.ieSecondWrap .secondbox .item:hover .icon path{fill: white;}

.ieThreeWrap{overflow: hidden;padding:70px 0px 40px;}
.ieThreeWrap .insp{display: flex;gap: 14px;margin: 40px 0px;overflow-x: auto;}
.ieThreeWrap .insp .item{height: 140px;flex: 1;}
.ieThreeWrap .insp .item a{font-family: Altinn-DINExp-Bold;background: #E0E9FF;border-radius: 16px;color: #1c1c1c;line-height: 28px;height: 100%; display: flex;align-items: flex-end;padding: 20px 5px 20px 15px;}
.ieThreeWrap .insp .item.active a,.ieThreeWrap .insp .item a:hover{color: #fff;background: #0B4DEC;}
.ieThreeWrap .inSwiperbox{position: relative;}
.ieThreeWrap .inSwiperbox::after,.ieThreeWrap .inSwiperbox::before{position: absolute;z-index: 3;top: 0; display: block;content: '';width: 600px;height: 100%;background: rgba(255, 255, 255, 0.4);}
.ieThreeWrap .inSwiperbox::after{left: -600px;}
.ieThreeWrap .inSwiperbox::before{right: -600px;}
.ieThreeWrap .inSwiper{position: relative;}
.ieThreeWrap .inSwiper .slidebox{display: flex;justify-content: space-between;}
.ieThreeWrap .inSwiper .slidebox .imgbox{position: relative;background: #999;height: auto;}
.ieThreeWrap .inSwiper .slidebox .imgbox a{display: block;top: 0;left: 0;width: 100%;height: 100%;position: absolute;}
.ieThreeWrap .inSwiper .slideLeft,.ieThreeWrap .inSwiper .slideRight{width: calc(50% - 5px);}
.ieThreeWrap .inSwiper .imgbox1{aspect-ratio: 596 / 580;}
.ieThreeWrap .inSwiper .imgbox2{aspect-ratio: 294 / 286;}
.ieThreeWrap .inSwiper .imgbox3{aspect-ratio: 596 / 286;}
.ieThreeWrap .inSwiper .slideRight{}
.ieThreeWrap .inSwiper .imgbtm{display: flex;justify-content: space-between;margin-top: 10px;}
.ieThreeWrap .inSwiper .imgbtm .imgbox{width: calc(50% - 5px);}
.ieThreeWrap .inSwiperbox .swiperbtn{position: absolute;cursor: pointer; z-index: 4; top: 0;bottom: 0;margin: auto; width: 44px;height: 44px;border-radius: 50%;background: #fff;display: flex;justify-content: center;align-items: center;}
.ieThreeWrap .inSwiperbox .swiper-prev{left: -28px;}
.ieThreeWrap .inSwiperbox .swiper-next{right: -28px;}
.ieThreeWrap .inSwiperbox .swiperbtn:hover{background: var(--color1);}
.ieThreeWrap .inSwiperbox .swiperbtn:hover path{stroke:#fff;}

.ieFourWrap{padding: 80px 0px;}
.ieFourWrap .fourbox{display: flex;gap: 20px;flex-wrap: wrap;margin-top: 70px;}
.ieFourWrap .fourbox .item{position: relative; background: #FEF9F0;margin-bottom: 55px; border-radius: 24px;padding: 40px 10px 40px 30px;width: calc(33.33% - 14px);}
.ieFourWrap .fourbox .item .itemCon{overflow: hidden;position: relative;z-index: 1;display: flex;flex-direction: column;}
.ieFourWrap .fourbox .item .title{line-height: 32px;min-height: 160px;margin: 20px 0px;padding-right: 10px;}
.ieFourWrap .fourbox .item .title{height: 150px;overflow-y: auto;}
/* .ieFourWrap .fourbox .item .title::-webkit-scrollbar{width: 4px;} */
.ieFourWrap .fourbox .perbox{display: flex;}
.ieFourWrap .fourbox .perbox .imgbox{width: 48px;height: 48px;border-radius: 50%;margin-right: 15px;}
.ieFourWrap .fourbox .perbox .right{display: flex;flex-direction: column;justify-content: center;}
.ieFourWrap .fourbox .perbox .name{font-family: Altinn-DINExp-Bold;color: #333;line-height: 24px;}
.ieFourWrap .fourbox .perbox .info{line-height: 20px;color: #999;max-width: 100%;}
.ieFourWrap .fourbox .item .bg{position: absolute;left: 0;bottom: -36px;}
.ieFourWrap .fourbox .item .bg svg{width: 100%;}
.ieFourWrap .fourbox .item1{background: #FEF9F0;}
.ieFourWrap .fourbox .item1 .bg svg path{fill:#FDF9EF;}
.ieFourWrap .fourbox .item2{background: #EEF3FF;}
.ieFourWrap .fourbox .item2 .bg svg{transform: scaleX(-1);}
.ieFourWrap .fourbox .item2 .bg svg path{fill:#EEF3FF;}
.ieFourWrap .fourbox .item3{background: #F2FBFF;}
.ieFourWrap .fourbox .item3 .bg svg path{fill:#F2FBFF;}
.ieFourWrap .fourbox .item:nth-child(2){transform: translateY(-20px);}

/* .ieFourWrap .fourbox .item:nth-child(4n + 1) {background: #FEF9F0;}
.ieFourWrap .fourbox .item:nth-child(4n + 1) .bg svg path {fill: #FDF9EF;}
.ieFourWrap .fourbox .item:nth-child(4n + 2) {background: #EEF3FF;}
.ieFourWrap .fourbox .item:nth-child(4n + 2) .bg svg {transform: scaleX(-1);}
.ieFourWrap .fourbox .item:nth-child(4n + 2) .bg svg path {fill: #EEF3FF;}
.ieFourWrap .fourbox .item:nth-child(4n + 3),.ieFourWrap .fourbox .item:nth-child(4n) {background: #F2FBFF;}
.ieFourWrap .fourbox .item:nth-child(4n + 3) .bg svg path,.ieFourWrap .fourbox .item:nth-child(4n) .bg svg path {fill: #F2FBFF;} */



.ieFiveWrap{background: url(../../images/index/banner.png) no-repeat center;background-size: cover; padding: 80px 0px;min-height:780px;}
.ieFiveWrap .forMenu{display: flex;border-bottom: 1px solid rgba(255, 255, 255, 0.2);margin-top: 10px;}
.ieFiveWrap .forMenu .item{flex: 1;line-height: 22px;text-align: center;color: #fff;padding: 17px 35px;opacity: 0.5;}
.ieFiveWrap .forMenu .item.active{border-bottom: 2px solid #fff;font-family: Altinn-DINExp-Bold;opacity: 1;}

.ieFiveWrap .fivebox{display: flex;gap: 20px;flex-wrap: wrap;margin-top: 40px;}
.ieFiveWrap .fivebox .itembox{}
.ieFiveWrap .fivebox .item{padding: 30px 20px 20px;background: rgba(255, 255, 255, 0.2);width: calc(33.33% - 14px);}
.ieFiveWrap .fivebox .item .iconbox{margin-bottom: 15px;}
.ieFiveWrap .fivebox .item .iconbox .icon{display: inline-block;width: 20px;height: 20px;background: url(../../images/index/circle.svg) no-repeat center;background-size: contain;}
.ieFiveWrap .fivebox .item .name{line-height: 24px;min-height: 96px;color: #fff;opacity: 0.8;}
.ieFiveWrap .fivebox .item:hover .name{opacity: 1;}


/* Culture Exchange 列表页 */
.listPage .listWrap{position: relative;margin-top: 50px;}
.listPage .listWrap .item{}
.listPage .listWrap .slidebox{background: #fff;position: relative;height: 420px;margin-bottom: 30px;}
.listPage .listWrap .slidebox .imgbox{position: relative;height: auto;padding-top: 56%;transition: all 0.3s ease;}
.listPage .listWrap .slidebox .imgbox img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.listPage .listWrap .slidebox .imgwrap{position: relative;}
.listPage .listWrap .slidebox .time{position: absolute;left: 20px;top: auto; bottom: -16px; color: #fff;background: #28A745;line-height: 32px;padding: 0px 12px;transition: all 0.3s ease;}
.listPage .listWrap .slidebox .con{padding: 24px 20px;}
.listPage .listWrap .slidebox .con .name{color: #000;font-family: "Altinn-DINExp-Bold";line-height: 32px;margin-bottom: 8px;transition: all 0.3s ease;}
.listPage .listWrap .slidebox .con .info{color: #666;line-height: 20px;transition: all 0.3s ease;}
.listPage .listWrap .slidebox .con .iconbox{margin-top: 15px;display: none;transition: all 0.3s ease;}
.listPage .listWrap .slidebox .con .icon{display: flex;align-items: center;justify-content: center;border: 1px solid var(--color1);width: 48px;height: 48px;border-radius: 50%;background: var(--color1);}
.listPage .listWrap .slidebox .con .icon:hover{border-color:var(--color1);background-color: transparent;}
.listPage .listWrap .slidebox .con .icon:hover svg path{stroke: var(--color1);}
.listPage .listWrap .slidebox:hover .imgbox{padding-top: 47%;}
.listPage .listWrap .slidebox:hover .time{bottom:auto;top: 20px;}
.listPage .listWrap .slidebox:hover .con .name{-webkit-line-clamp: 4;}
.listPage .listWrap .slidebox:hover .con .info{display: none;}
.listPage .listWrap .slidebox:hover .con .iconbox{display: block;}

.publishPage .pTitbox{border-left: 3px solid #0B4DEC;padding-left: 30px;margin-top: 50px;}
.publishPage .pTitbox .title{font-family: Montserrat;color: #000;line-height: 60px;text-transform: uppercase;}
.publishPage .pTitbox .info{margin-top: 24px; color: #333;line-height: 36px;}
.publishPage .publishWrap{margin: 60px auto;}
.publishPage .itembox{display: flex;margin-bottom: 45px;}
.publishPage .itembox .imgbox1{position: relative;width: 230px;padding: 0px 15px;}
.publishPage .itembox .imgbox1 .icon11{position: absolute;left: 0;bottom: -15px;width: 100%;}
.publishPage .item:nth-child(3n+1) .icon11{fill: rgba(192, 218, 198, 1);}
.publishPage .item:nth-child(3n+2) .icon11 path{fill: rgba(180, 229, 250, 1);}
.publishPage .item:nth-child(3n) .icon11 path{fill: rgba(243, 231, 191, 1);}
.publishPage .itembox .imgbox{width: 100%;height: 275px;position: relative;z-index: 1;}
.publishPage .itembox .right{display: flex;flex-direction: column;width: calc(100% - 230px);justify-content: space-between;padding-left: 20px;}
.publishPage .itembox .right .name{font-family: Altinn-DINExp-Bold;}
.publishPage .itembox .right .name a{color: #000000;}
.publishPage .itembox .right .name a:hover{color: #0B4DEC;}
.publishPage .itembox .right .author{color: #999;line-height: 32px;margin-top: 24px;}
.publishPage .itembox .right .info{color: #666666;line-height: 24px;}


.aboutPage .item{display: flex;margin:100px 0px;gap: 120px;align-items: center;}
.aboutPage .item:nth-child(2n){flex-direction: row-reverse;}
.aboutPage .item:nth-child(1) .con{width: 490px;}
.aboutPage .item:nth-child(1) .imgbox{width: 590px;}
.aboutPage .item:nth-child(2) .con{width: 590px;}
.aboutPage .item:nth-child(2) .imgbox{width: 490px;}
.aboutPage .item:nth-child(3) .con{width: 690px;}
.aboutPage .item:nth-child(3) .imgbox{width: 390px;}
.aboutPage .item .content{color: #333;line-height: 32px;margin-top: 20px;}


.programPage .pwrap{padding: 1px 0px;}
.programPage .pTitbox{max-width: 65%; border-left: 3px solid #0B4DEC;padding-left: 30px;margin-top: 50px;text-transform: uppercase;}
.programPage .pTitbox .title{font-family: Montserrat;color: #000;line-height: 60px;}
.programPage .pTitbox .info{margin-top: 24px; color: #333;font-family: Altinn-DINExp-Bold;line-height: 36px;}
.programPage .pInfo{color: #333;line-height: 32px;margin: 40px 0px;max-width: 75%;}
.programPage .phinfo{color: #333;line-height: 32px;margin: 30px 0px;padding-left:40px;max-width: 75%;}
.programPage .pName{color: #000;line-height: 48px;position: relative; font-family: Altinn-DINExp-Bold;padding-left: 40px;}
.programPage .pName::after{position: absolute;display: block;content: '';width: 10px;height: 10px;border-radius: 50%;background: #000;top: 0;bottom: 0;left: 10px;margin: auto;}
.programPage .pHWrap{display: flex;gap: 24px;flex-wrap: wrap;margin: 40px 0px;}
.programPage .pHWrap .item{padding: 40px;background: #f8f8f8;border-radius: 24px;width: calc(50% - 12px);}
.programPage .pHWrap .item .num{color: #D0D0D0;font-family: Montserrat;line-height: 78px;font-size: 64px;}
.programPage .pHWrap .item .name{font-family: Altinn-DINExp-Bold;color: #333;line-height: 36px;min-height: 110px;margin: 24px 0px 40px;}
.programPage .pHWrap .item .summary{color: #666;line-height: 32px;min-height: 160px;}
.programPage .pHWrap .item .num{}
.programPage .gridWrap{margin-bottom: 50px;}
.programPage .gridWrap .grid-item{width: calc(50% - 12px);margin-bottom: 24px;}
.programPage .gridWrap .gridItem{border-radius: 24px;border: 1px solid #D0D0D0;padding: 40px;}
.programPage .gridWrap .top{display: flex;padding-bottom: 8px;}
.programPage .gridWrap .top .imgbox{width: 140px;height: 140px;}
.programPage .gridWrap .top .rightbox{width: calc(100% - 140px);padding-left: 30px;}
.programPage .gridWrap .top .rightbox .name{font-family: Altinn-DINExp-Bold;color: #000;line-height: 32px;}
.programPage .gridWrap .top .rightbox .info{color: #666;line-height: 20px;margin-top: 10px;}
.programPage .gridWrap .btm{}
.programPage .gridWrap .btm .bItem{margin-top: 24px;}
.programPage .gridWrap .btm .name{font-family: Altinn-DINExp-Bold;color: #000;line-height: 24px;}
.programPage .gridWrap .btm .info{line-height: 24px;color: #333;margin-top: 10px;}
.programPage .fWrap{display: flex;gap: 24px;margin: 40px 0px;flex-wrap: wrap;}
.programPage .fWrap .item{width: calc(33.33% - 16px);}
.programPage .fWrap .itembox{background: #f8f8f8;border-radius: 15px;padding: 30px;}
.programPage .fWrap .iconbox{margin-bottom: 15px;}
.programPage .fWrap .iconbox .icon{display: inline-block;width: 44px;height: 44px; background: url(../../images/index/icon12.png) no-repeat center;}
.programPage .fWrap .itembox .name{color: #333;line-height: 36px;min-height: 110px; font-family: Altinn-DINExp-Bold;}
.programPage .fWrap .itembox .info{color: #666;line-height: 32px;min-height: 130px;margin-top: 15px;}
.programPage .dItbox{margin: 60px 0px 100px;}
.programPage .dItbox .dbtn{cursor: pointer; display: inline-block;padding: 12px 40px;background: #0B4DEC;border-radius: 8px;}
.programPage .dItbox .dbtn .font{display: inline-block;font-family: Altinn-DINExp-Bold;color: #fff;padding-left: 40px;line-height: 36px;background: url(../../images/index/icon15.png) no-repeat left center;}

/* 文章详情页 */
.detailBannerbox{position: relative;}
.detailBannerbox .detailBanner{position: absolute;padding: 30px 0px 40px; text-align: left; top: 0;bottom: 0;display: flex;left: 0;right: 0;margin: auto;flex-direction: column;justify-content: space-between;}
.crumb{padding-left: 40px;color: #fff;position: relative;}
.crumb .home{position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.crumb .home:hover path{stroke: #0B4DEC;}
.crumb li{display: inline-block;}
.crumb li a{line-height: 24px;color: #fff;}
.crumb li a:hover{color: #0B4DEC;}
.crumb>li+li:before {content: '/';padding: 0 5px; }

.crumb1{color: #666;}
.crumb1 li a{color: #666;}

.detail-page .title{line-height: 60px;font-family: Montserrat;}
.detailBannerbox .detailBanner .title{color: #fff;}

.detail-page .detailWrap{margin: 50px 0px 100px;}
/* .detail-page .detailWrap .title{color: #1c1c1c;display: none;} */
.detail-page .contentTxt{font-size: 16px;line-height: 32px;color: #1c1c1c;margin-bottom: 20px;}
.detail-page .contentTxt table.borderVisible td,.detail-page .contentTxt table.borderVisible th,.detail-page .contentTxt table.borderVisible caption{border: solid 1px #333;}

.detailTj{}
.detailTj .tjName{color: #0734A2;font-family: Altinn-DINExp-Bold;border-bottom: 1px solid #f0f0f0;position: relative;line-height: 48px;}
.detailTj .tjName::after{position: absolute;left: 0;bottom: 0; display: block;content: '';width: 50px;height: 3px;background: #0B4DEC;border-radius: 0px 0px 0px 0px;}
.detailTj .tjList{}
.detailTj .tjList .item{border-bottom: 1px solid #F0F0F0;padding: 20px 0px;}
.detailTj .tjList .item a{line-height: 32px;color: #1c1c1c;}
.detailTj .tjList .item a:hover{color: #0734A2;}

.cePagelist .ceWrap{margin-top: 50px;}
.cePagelist .ceFirst,.cePagelist .ceSecond{margin: 40px 0px 50px;display: flex;align-items: center;justify-content: space-between;}
.cePagelist .ceFirst{}
.cePagelist .ceFirst .left{width: 590px;color: #1c1c1c;line-height: 32px;}
.cePagelist .ceFirst .imgbox{width: 490px;}
.cePagelist .ceSecond{}
.cePagelist .ceSecond .left{width: 460px;}
.cePagelist .ceSecond .left .info{font-family: Altinn-DINExp-Bold;line-height: 36px;}
.cePagelist .ceSecond .left .con{color: #666;line-height: 32px;margin-top: 50px;}
.cePagelist .ceSecond .imgbox{width: 680px;max-width: calc(100% - 500px);}
.cePagelist .video{padding: 30px;position: relative;margin-bottom: 130px;}
.cePagelist .video .bg{position: absolute;width: calc(100% - 45px);height:calc(100% - 45px);background: #0B4DEC;left: 0;bottom: -15px;}
.cePagelist .video .icon{position: absolute;max-width: 15%; bottom: -15px;right: 0;width: auto;height: auto;z-index: 2;cursor: pointer;}
.cePagelist .video .imgbox{position: relative;z-index: 1;}
.cePagelist .video .videoUrl{width: 100%;height: 100%;object-fit: contain;}

/* 图书列表 */
.bookPage .crumb{margin: 30px 0px;}

.bookPage .bookTop{background: rgba(241, 245, 255, 1);padding-bottom: 50px;}
.bookPage .bookTop .top{padding-bottom: 1px;}
.bookPage .bookTop .bookimg{width: 280px;height: 385px;background:#eee;margin-bottom: 20px;}
.bookPage .bookTop .bookimg img{width: 100%;height: 100%;object-fit: cover;}
.bookPage .bookinfo{margin-left: 410px;position: relative;z-index: 1;}
.bookPage .bookinfo .tit{font-family: Altinn-DINExp-Bold;line-height: 46px;min-height: 100px;}
.bookPage .bookinfo .info{}
.bookPage .bookinfo .info .sigle{display: flex;line-height: 28px;padding: 7px 0px;}
.bookPage .bookinfo .info .left{margin-right: 10px; color: #999999;min-width: 75px;}
.bookPage .bookinfo .info .con{color: #666666;}
.bookPage .bookinfo .info .price{font-family: Altinn-DINExp-Bold;color: #000;margin: 30px 0px;}
.bookPage .bookinfo .shopWrap{display: flex;flex-wrap: wrap;}
.bookPage .bookinfo .shopWrap .type{margin-right: 10px;margin-bottom: 10px;}
.bookPage .bookinfo .shopWrap .type img{border-radius: 4px;}

.bookPage .bookmain{padding-top: 30px;}
.bookPage .bookmain .intro{padding: 15px 0px 1px;margin-bottom: 30px;}
.bookPage .bookmain .pdName{margin: 10px 0px; text-transform: uppercase;color: rgba(28, 28, 28, 1);font-family: Altinn-DINExp-Bold;position: relative;line-height: 28px;}
.bookPage .bookmain .pdName .bg{width: 28px;height: 28px;background: #0B4DEC;margin-right: -3px; display: inline-block;color: #fff;text-align: center;line-height: 35px;}
.bookPage .bookmain .theme{color: #333333;line-height: 32px;padding: 20px 0px;}

.bookPage .authorWrap{margin-top: 20px;}
.bookPage .authorWrap .item{margin-bottom: 36px;width: calc(50% - 18px);}
.bookPage .authorWrap .itembox{border-radius: 24px;border: 1px solid #D0D0D0;padding: 40px 20px 10px 40px;}
.bookPage .authorWrap .name{font-family: Altinn-DINExp-Bold;color: #1c1c1c;line-height: 36px;}
.bookPage .authorWrap .info{color: #666;line-height: 20px;margin-top: 10px;margin-bottom: 30px;width: 70%;}
.bookPage .authorWrap .tit{color: #0A2463;line-height: 24px;font-family: Altinn-DINExp-Bold;}
.bookPage .authorWrap .con{color: #333;line-height: 24px;margin-top: 10px;margin-bottom: 30px;}

.my-video-share-btn{
  position: absolute;
  right: 8px;
  bottom: 8px;
  background: rgba(0,0,0,0.5);
  color: #fff;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 4px;
  z-index: 999;
  pointer-events: auto;
}
.video-wrap-auto{
  position: relative;
  display: inline-block;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .detailBannerbox .detailBanner{width: 750px;}
}
@media screen and (min-width: 992px) {
  .detailBannerbox .detailBanner{width: 970px;}
}

@media screen and (min-width: 1230px) {
  .container,.detailBannerbox .detailBanner{width:1230px;}
}


@media (max-width: 1410px) {
  .navbarWrap .navbar-menu > li{margin: 0px 10px;}
}
@media (max-width: 1300px) {
  .navbarWrap .navbar-inner{padding: 0px 30px;}
  .navbarWrap .navbar-menu > li .firstnav{padding: 0px 5px;}
}
@media (max-width: 1200px) {
  .navbarWrap .navbar-menu > li{margin: 0px 5px;}
  .navbarWrap .navbar-menu > li .firstnav{font-size: 16px;}
  .navbarWrap .navbar-submenu{font-size: 14px;line-height: 20px;}
  .navbarWrap .navbar-submenu li a{}
  .navbarWrap .lang-btn{width: 100px;}

  .ieSecondWrap .secondbox .item{padding: 20px 10px 20px 20px;}

  .aboutPage .item{gap: 50px;}


  .cePagelist .ceSecond .left .con{margin-top: 20px;}

}
@media screen and (max-width: 1199px) {
  .font48{font-size: 42px;}
  .font42{font-size: 38px;}
  .font36{font-size: 32px;}
  .font34{font-size: 30px;}
  .font32{font-size: 26px;}
  .font30{font-size: 24px;}
  .font24{font-size: 22px;}
  .font22{font-size: 20px;}

  .pubName{font-size: 50px;line-height: 60px;}
  .banner .name{font-size: 50px;line-height: 60px;bottom: 10px;}
  .banner1 .name,.banner2 .name{font-size: 50px;line-height: 60px;}
  .banner1 .childMenu a{width: 200px;padding: 15px;}
  .banner1 .childMenu .active a{padding: 20px 15px;font-size: 20px;}

  .footbox .footCen .cLink{padding-left: 20px;flex: 1.5;}

  .programPage .pHWrap .item .num{font-size: 50px;line-height: 60px;}
}
@media screen and (max-width: 992px){
  .banner .bImg{min-height: 300px;object-fit: cover;}
  .banner1 .bImg{min-height: 300px;object-fit: cover;}
  .banner2 .bImg{min-height: 300px;object-fit: cover;}

  .navbarWrap {height: 60px;}
  .navbarWrap .navbar-menu {position: fixed;top: 60px;left: 0;width: 100%;height: calc(100vh - 60px);background: #fff;flex-direction: column;align-items: flex-start;padding: 20px;transform: translateX(-100%);transition: transform 0.3s ease;list-style: none;overflow-y: auto;}
  .navbarWrap .navbar-menu > li {width: 100%;height: auto;flex-direction: column;align-items: flex-start;border-bottom: 1px solid #eee;}
  .navbarWrap .navbar-menu > li .firstnav {height: 50px;line-height: 50px;font-size: 16px;}
  .navbarWrap .navbar-menu > li.active .firstnav{width: 100%;border-top: none;}
  .navbarWrap .navbar-menu > li.active{border-bottom-color:var(--color1) ;}
  .navbarWrap .navbar-menu > li .firstLevel{width: 100%;display: flex;justify-content: space-between;align-items: center;}
  .navbarWrap .navbar-menu > li:has(.navbar-submenu) .right {font-size: 15px;width: 50px;height: 50px; transition: transform 0.3s;display: flex;align-items: center;justify-content: center;}
  .navbarWrap .navbar-menu > li.showChild .right {transform: rotate(180deg);}
  .navbarWrap .navbar-submenu {position: static;width: 100%;box-shadow: none;opacity: 1;visibility: visible;transform: none;display: none;border-radius: 0;list-style: none;}
  .navbarWrap .navbar-menu > li.showChild > .navbar-submenu {display: block;}
  .navbarWrap .navbar-submenu li a {padding: 15px 20px 15px 40px;}
  .navbarWrap .mobile-menu-btn {display: flex;}
  .navbarWrap .mobile-menu-btn.showMenu span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}
  .navbarWrap .mobile-menu-btn.showMenu span:nth-child(2) {opacity: 0;}
  .navbarWrap .mobile-menu-btn.showMenu span:nth-child(3) {transform: rotate(-45deg) translate(5px, -5px);}


  .aboutWrap .fontWrap{margin: 20px 0px;}
  .aboutWrap .imgWrap .maskbox{padding: 15px 2px 10px 10px;}
  .aboutWrap .imgWrap .maskbox .tit{font-size: 18px;line-height: 24px;margin-bottom: 10px;}
  .aboutWrap .imgWrap .maskbox .icon{width: 35px;height: 35px;background-size: 18px;}
  
  .footbox .footTop .item{padding-right: 10px;}
  .footbox .footCen .cLeft .email{border-radius: 25px;}
  .footbox .footCen .cLeft .email .icon{width: 30px;height: 35px;}
  .footbox .footCen .cLeft .email .font{margin-right: 0;line-height: 35px;padding-left: 0;}
  .footbox .footCen .cLeft .email .sbtn{line-height: 35px;width: 70px;height: 35px;background-size: 18px;}
  

  .ieFirstWrap .imgWrap .maskbox{padding: 10px;}
  .ieFirstWrap .imgWrap .item:hover .maskbox, .ieFirstWrap .imgWrap .item.active .maskbox{padding-bottom: 15px;}
  .ieFourWrap .fourbox .item{padding: 20px 15px;}
  .ieFourWrap .fourbox .item .title{margin-top: 0;}
  .ieThreeWrap .insp{flex-wrap: wrap;}
  .ieThreeWrap .insp .item{width: 20%;flex: auto;}

  .programPage .pTitbox,.programPage .phinfo,.programPage .pInfo{max-width: 100%;}
  .programPage .pHWrap .item{width: 100%;}
  .programPage .pHWrap .item .name,.programPage .pHWrap .item .summary,.programPage .fWrap .itembox .name,.programPage .fWrap .itembox .info{min-height: auto;}
  .programPage .gridWrap .grid-item{width: 100%;}
  .programPage .fWrap{flex-direction: column;}

  .cePagelist .ceFirst .imgbox{width: 40%;}
  .cePagelist .ceFirst .left{width: 58%;}
  .cePagelist .ceSecond .imgbox{max-width: 33%;}
  .cePagelist .ceSecond .left{width: 65%;}

  .bookPage .bookinfo{margin-left: 300px;}
  .bookPage .bookinfo .tit{line-height: 38px;min-height: auto;}
  .bookPage .authorWrap .item{margin-bottom: 20px;}
  .bookPage .authorWrap .itembox{padding: 20px 10px 10px 20px;}
  .bookPage .authorWrap .info{width: 100%;}


}

@media screen and (max-width: 768px) {

  .container,.detailBannerbox .detailBanner{width: 100%;}

  .font48{font-size: 36px;}
  /* .font36{font-size: 24px;}
	.font24{font-size: 20px;}
	.font18{font-size: 16px;}
	.font16{font-size: 14px;}
	.font14{font-size: 12px;} */


  .navbarWrap .navbar-inner{padding: 0px 15px;}

  .newsWrap .newSwiperbox .swiperbtn{display: none;}

  .footbox .footTop{flex-direction: column;}
  .footbox .footCen{flex-direction: column;gap: 20px;}
  .footbox .footCen .cLeft .email{max-width: 320px;justify-content: space-around;margin-top: 30px;}
  .footbox .footCen .addressbox{text-align: center;justify-content: center;}

  .pubName{font-size: 42px;line-height: 50px;}
  .banner .bImg{min-height: 250px;}
  .banner .name{font-size: 42px;line-height: 50px;left: 15px;}
  .banner1 .bImg{min-height: 250px;}
  .banner1 .name{font-size: 42px;line-height: 50px;}
  .banner2 .bImg{min-height: 250px;}
  .banner2 .name{font-size: 42px;line-height: 50px;}

  .aboutWrap .imgWrap{gap: 10px;}
  .ieSecondWrap .secondbox{gap: 10px;}
  .ieSecondWrap .secondbox .itembox{flex: 0 0 calc(50% - 5px);}
  .ieFourWrap .fourbox .item{width: calc(50% - 10px);}

  .ieFiveWrap .forMenu{overflow-x: auto;}
  .ieFiveWrap .forMenu .item {flex: 0 0 auto; }
  .ieFiveWrap .forMenu .item .font{padding: 0px 10px;max-width: 250px;display: inline-block;}

  .ieFiveWrap .forMenu::-webkit-scrollbar,.ieThreeWrap .insp::-webkit-scrollbar {display: none;}

  .aboutPage .item{flex-direction: column !important;gap: 30px;}
  .aboutPage .item .con{width: 100% !important;}
  .aboutPage .item .imgbox{width: 100% !important;max-width: 90%;}
  .aboutPage .item .imgbox img{max-height: 300px;object-fit: contain;}

  
  .programPage .pHWrap .item .num{font-size: 42px;line-height: 50px;}


  /* .detailBannerbox .detailBanner .title{display: none;}
  .detail-page .detailWrap .title{display: block;margin-bottom: 30px;} */
  .detailBannerbox .detailBanner{position: relative;padding: 20px 15px;}
  .crumb li a,.crumb,.detailBannerbox .detailBanner .title{color: #1c1c1c;}
  .crumb .home path{stroke: #1c1c1c;}
  .banner2 .container{position: relative;}
  .banner2 .name{color: #1c1c1c;margin-top: 10px;}
  .banner2 .crumb{margin: 15px 0px;}
  
  .detail-page .detailWrap{margin-top: 0;}
  .detail-page .title{line-height: 50px;margin-top: 10px;}

  .cePagelist .ceFirst, .cePagelist .ceSecond{flex-direction: column;gap: 20px;margin: 30px 0px;}
  .cePagelist .ceFirst .left,.cePagelist .ceSecond .left{width: 100%;}
  .cePagelist .ceFirst .imgbox,.cePagelist .ceSecond .imgbox{max-width: 90%;width: auto;}
  .cePagelist .video{padding: 15px;}


  .bookPage .authorWrap .item{width: 100%;}
  .bookPage .bookTop .bookimg{width: 200px;height: 270px;}
  .bookPage .bookinfo{margin-left: 215px;}

  .programPage .pTitbox{margin-top: 10px;}

}

@media screen and (max-width: 540px) {
  .font48{font-size: 30px;}
  .font36{font-size: 24px;}
  .font34{font-size: 22px;}
  .font32{font-size: 20px;}
  .font30{font-size: 20px;}
  .font28{font-size: 20px;}
  .font26{font-size: 20px;}
  .font24{font-size: 20px;}
  .font22{font-size: 18px;}
  .font20{font-size: 18px;}
	.font18{font-size: 16px;}
	.font16{font-size: 14px;}
	.font14{font-size: 12px;}
	.font12{font-size: 10px;}

  .navbarWrap .navbarRight{gap: 10px;}
  .navbarWrap .lang-btn{width: 80px;line-height: 28px;}
  .navbarWrap .navbar-submenu li a{padding: 10px 10px 10px 20px;}
  
  .footbox .footTop .item .itemRight{margin-left: 15px;}
  .go_top{width: 40px;height: 40px;}


  .bannerWrap .bannerbox .banner .bannerpagebox{bottom: 10px;}

  .pubTip{font-size: 12px;line-height: 20px;padding: 0px 13px;margin: 2px 0px;}

  .pubName{font-size: 24px;line-height: 30px;}
  .publicbox .right .font{padding: 0px 5px;border-radius: 25px;}
  .banner .name{font-size: 24px;line-height: 30px;}
  .banner .bImg{min-height: 200px;}
  .banner1 .name{font-size: 24px;line-height: 30px;}
  .banner1 .bImg{min-height: 200px;}
  .banner1 .childMenu a{width: auto;padding: 8px 15px;}
  .banner1 .childMenu .active a{padding: 12px 15px;font-size: 18px;}
  .banner2 .name{font-size: 24px;line-height: 30px;}
  .banner2 .bImg{min-height: 200px;}

  .aboutWrap{padding: 30px 0px 5px;}
  .aboutWrap .fontWrap{flex-direction: column;}
  .aboutWrap .fontWrap .fontLeft{width: 100%;padding-right: 0;}
  .aboutWrap .fontWrap .fontLeft .name{line-height: 32px;margin-bottom: 5px;}
  .aboutWrap .fontWrap .fontLeft .info{line-height: 28px;}
  .aboutWrap .fontWrap .right{padding-top: 10px;display: none;}
  /* .aboutWrap .imgWrap{gap: 10px;flex-direction: column;}
  .aboutWrap .imgWrap .item:nth-child(1),.aboutWrap .imgWrap .item:nth-child(2),.aboutWrap .imgWrap .item:nth-child(3){width: 100%;} */
  .aboutWrap .imgWrap .item{text-align: center;border-radius: 10px;}
  .aboutWrap .imgWrap .item .maskbox{text-align: left;}
  .aboutWrap .imgWrap .maskbox .tit{font-size: 14px;line-height: 20px;margin-bottom: 5px;}
  .aboutWrap .imgWrap .maskbox .icon{width: 20px;height: 20px;background-size: 5px;}

  .newsWrap{padding: 30px 0px;}
  .newsWrap .newSwiperbox{margin-top: 20px;}
  .newsWrap .newSwiperbox .slidebox{height: 340px;}
  .newsWrap .newSwiperbox .slidebox .con .name{line-height: 18px;}

  .serviceWrap .serviceBox{gap: 0px;flex-direction: column;}
  .serviceWrap .serviceBox .item{width: auto;}
  .serviceWrap .serviceBox .item .title a{line-height: 30px;}
  .serviceWrap .serviceBox .item2 .title{padding: 20px 10px;}
  .serviceWrap .serviceBox .item1 .imgbox{margin: 0px 0px 10px;}
  .serviceWrap .serviceBox .item3 .title{margin: 0;}

  .footbox .footCen{padding: 20px 0px;}
  .footbox .footCen .cLink .linkbox .item{line-height: 22px;}


  .ieFirstWrap{padding: 30px 0px;}
  .ieFirstWrap .imgWrap{gap: 10px;margin: 20px 0px;}
  /* .ieFirstWrap .imgWrap .flagbox{display: none;}
  .ieFirstWrap .imgWrap .maskbox .tit{margin-bottom: 0;}
  .ieFirstWrap .imgWrap .iconBox{display: none;} */
  .ieFirstWrap .imgWrap .item:nth-child(n) {flex: 0 0 100%;}
  .ieFirstWrap .morebox .morebtn{width: 200px;}

  .ieSecondWrap{padding: 30px 0px 10px;}
  .ieSecondWrap .secondbox{margin: 20px 0px;}
  .ieSecondWrap .secondbox .item{padding-left: 10px;padding-right: 5px;}
  .ieSecondWrap .secondbox .item .name{line-height: 24px;min-height: 75px;}

  .ieThreeWrap{padding: 30px 0px 10px;}
  .ieThreeWrap .insp{margin: 20px 0px;}
  .ieThreeWrap .insp .item{height: 110px;width: 25%;flex: auto;}
  .ieThreeWrap .insp .item a{line-height: 24px;padding: 15px 10px;}

  .ieThreeWrap .inSwiper .slidebox{flex-direction: column;}
  .ieThreeWrap .inSwiper .slideLeft, .ieThreeWrap .inSwiper .slideRight{width: 100%;}
  .ieThreeWrap .inSwiper .imgbox1{margin-bottom: 10px;}
  /* .ieThreeWrap .inSwiper .slideLeft, .ieThreeWrap .inSwiper .slideRight{width: calc(50% - 2px);} */
  .ieThreeWrap .inSwiper .imgbtm .imgbox{width: calc(50% - 2px);}
  .ieThreeWrap .inSwiper .imgbtm{margin-top: 4px;}
  
  

  .ieFourWrap{padding: 30px 0px;}
  .ieFourWrap .fourbox{margin-top: 20px;}
  .ieFourWrap .fourbox .item{width: 100%;margin-bottom: 0px;}
  .ieFourWrap .fourbox .item .bg{display: none;}
  .ieFourWrap .fourbox .item:nth-child(2){transform: translateY(0);}
  .ieFourWrap .fourbox .perbox .imgbox{width: 40px;height: 40px;}
  .ieFiveWrap{padding: 30px 0px;}
  .ieFiveWrap .fivebox{gap: 16px;margin-top: 20px;}
  .ieFiveWrap .fivebox .item{width: calc(50% - 8px);padding: 20px 10px 10px;}
  .ieFiveWrap .fivebox .item .iconbox{margin-bottom: 5px;}

  .listPage .listWrap .item{width: 100%;}

  .aboutPage .item{margin: 50px 0px;}

  .programPage .pTitbox{padding-left: 10px;}
  .programPage .pTitbox .title,.publishPage .pTitbox .title{line-height: 40px;}
  .programPage .pTitbox .info,.publishPage .pTitbox .info{font-size: 16px;line-height: 28px;margin-top: 12px;}
  /* .programPage .pHWrap .item .num{font-size: 24px;line-height: 30px;} */
  .programPage .pInfo{margin: 15px 0px;line-height: 28px;}
  .programPage .pName::after{width: 6px;height: 6px;left: 5px;}
  .programPage .pName{padding-left: 20px;}
  .programPage .pHWrap{margin: 20px 0px;gap: 15px;}
  .programPage .pHWrap .item{padding: 20px;}
  .programPage .pHWrap .item .name{margin: 10px 0px 15px;line-height: 32px;}
  .programPage .pHWrap .item .summary{line-height: 28px;}
  .programPage .phinfo{margin: 5px 0px 25px;padding-left: 20px;}
  .programPage .gridWrap{margin-bottom: 20px;}
  .programPage .fWrap{margin: 20px 0px;gap: 15px;}
  .programPage .gridWrap .grid-item{margin-bottom: 15px;}
  .programPage .gridWrap .gridItem{padding: 20px;border-radius: 15px;}
  .programPage .gridWrap .top .imgbox{width: 100px;height: 100px;}
  .programPage .gridWrap .top .rightbox{width: calc(100% - 100px);padding-left: 15px;}
  .programPage .gridWrap .top .rightbox .name{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;line-height: 20px;}
  .programPage .gridWrap .top .rightbox .info{-webkit-line-clamp: 2;}
  .programPage .fWrap .itembox{padding: 20px 5px 20px 20px;}
  .programPage .fWrap .itembox .name{line-height: 30px;}
  .programPage .fWrap .itembox .info{line-height: 26px;}

  .publishPage .itembox{margin-bottom: 20px;}
  .publishPage .itembox .imgbox1{width: 130px;padding: 0;}
  .publishPage .itembox .imgbox{height: 160px;}
  .publishPage .itembox .imgbox1 .icon11{display: none;}
  .publishPage .itembox .right{width: calc(100% - 130px);padding-left: 10px;}
  .publishPage .itembox .right .author{margin-top: 0;line-height: 20px;}
  .publishPage .itembox .right .info{-webkit-line-clamp:3;}

  
  .detail-page .title{line-height: 40px;}
  .detailTj .tjList .item{padding: 10px 0px;}
  .detailTj .tjList .item a{line-height: 26px;}

  .cePagelist .ceFirst{margin-top: 5px;}
  .cePagelist .ceFirst .left{line-height: 28px;}
  .cePagelist .ceSecond .left .info{line-height: 32px;}
  .cePagelist .ceSecond .left .con{margin-top: 0;line-height: 28px;}
  .cePagelist .video .bg,.cePagelist .video .icon{bottom: -5px;}
  .cePagelist .video .bg{width: calc(100% - 15px);}


  .bookPage .bookTop .bookimg{margin: 0 auto 15px;float: none; }
  .bookPage .bookinfo{margin-left: 0;}
}
@media screen and (max-width: 400px){

}
@media screen and (max-width: 360px){
	
}
@media screen and (max-width: 320px) {

}