html{background: #fff;}
body{font-family:"Altinn-DINExp","SourceHanSansCN-Medium", "SourceHanSansCN", "Microsoft Yahei";color:#242424;max-width:1920px;margin: 0 auto;}
.hide,.hidden{display: none!important;}
a{color: #242424;}
a:hover{color: #242424;}
a:focus{outline: none;text-decoration:none}
img{max-width: 100%;}
.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;}
.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%;}
.imgbox img.conImg{object-fit: contain;}
.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;}
.line3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.line4{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.line5{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.line6{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.line9{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;}
.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;}

.col-4{width: 33.33%;float: left;}

@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: 'Altinn-DINCondensed';
  src: url("../../fonts/Altinn-DINCondensed.otf");
}
@font-face {
  font-family: 'Altinn-DINCondensed-Bold';
  src: url("../../fonts/Altinn-DINCondensed-Bold.otf");
}
@font-face {
  font-family: 'IMPACT';
  src: url("../../fonts/IMPACT.TTF");
}


:root{--color1:#5958f4;}
.font20 {font-size: 20px;}
.font22 {font-size: 22px;}
.font24 {font-size: 24px;}
.font26 {font-size: 26px;}
.font28 {font-size: 28px;}
.font30 {font-size: 30px;}
.font36 {font-size: 36px;}



/* 页面顶部 ==  begin */
.navbarWrap {width: 100%;height: 110px;position: relative;z-index: 1000;}
.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: 15px 50px;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;}
.navbarWrap .navbar-menu > li .firstnav {display: block;padding: 0 20px;height: 100%;line-height: 48px;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: var(--color1);color: #fff;border-radius: 6px;}
.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-search {position: relative;display: flex;align-items: center;}
.navbarWrap .search-btn {width: 48px;height: 48px;border: none;background: #191919 url(../../images/0225/icon23.png) no-repeat center;background-size: 20px;border-radius: 50%;cursor: pointer;transition: background-color 0.3s;}
.navbarWrap .search-btn:hover {background-color: var(--color1);}
.navbarWrap .search-box {position: absolute;right: 0px;top: 50%;transform: translateY(-50%);width: 0;overflow: hidden;transition: width 0.3s ease;display: flex;align-items: center;}
.navbarWrap .search-box.active {width: 240px;right: 0;}
.navbarWrap .search-box input {width: 100%;height: 48px;padding: 0 45px 0 18px;border: 1px solid #ddd;border-radius: 21px;outline: none;}
.navbarWrap .search-box input:focus {border-color: var(--color1);}
.navbarWrap .search-close {position: absolute;right: 12px;width: 28px;height: 28px;border: none;background: transparent;cursor: pointer;display: flex;align-items: center;justify-content: center;color: #999;font-size: 16px;}
.navbarWrap .search-close:hover {color: #333;}
.navbarWrap .navbar-menu.showMenu {transform: translateX(0);}
.navbarWrap .search-box.showMenu {width: 260px;}
.navbarWrap .lang-btn {display: inline-block; position: relative; line-height: 32px;width: 100px;text-align: center;color: #fff; padding: 8px 7px 8px 0px;background: var(--color1);border:1px solid var(--color1);border-radius: 24px;cursor: pointer;transition: all 0.3s;}
.navbarWrap .lang-btn .icon{position: absolute;top: 0;bottom: 0;margin: auto;right: 13px;}
.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;}
/* 页面顶部 ==  end */


/* 页面底部 ==  begin */
.index .footerbox{height: 465px;margin-top: 0;}
.footerbox {width: 100%;background: #2b2c85;color: #fff;display: flex;flex-direction: column;justify-content: flex-end;margin-top: 50px;}
.footerbox .footbox{height: 280px;padding-top: 25px;}
.footer-top {display: flex;justify-content: space-between;}
.footer-bottom {text-align: center;margin-top: 20px; line-height: 28px;padding: 16px 0px;border-top: 1px solid rgba(255,255,255,0.1);}
.footer-top .name {margin-bottom: 15px;line-height: 40px;font-family: Altinn-DINCondensed-Bold;}
.footer-left,.footer-middle,.footer-right{flex: 1;}
.footer-left .contact-item {display: flex;align-items: flex-start;gap: 15px;margin-bottom: 20px;line-height: 26px;}
.footer-left .contact-item img {flex-shrink: 0;margin-top: 4px;object-fit: contain;width: 18px;height: 20px;}
.footer-left .contact-item span{opacity: 0.8;}
.footer-middle {text-align: center;}
.footer-middle .phone {margin-bottom: 15px;line-height: 38px;font-family: Altinn-DINCondensed-Bold;}
.footer-middle .social-btns {display: flex;justify-content: center;gap: 15px;}
.footer-middle .social-btn {width: 50px;height: 50px;cursor: pointer;position: relative;}
.footer-middle .social-btn .icon {opacity: 0.7;}
.footer-middle .social-btn:hover .icon {opacity: 1;}
.footer-middle .wechat-qrcode {position: absolute;bottom: 60px;left: 50%;transform: translateX(-50%);background: #fff;border-radius: 8px;padding: 10px;display: none;z-index: 10;}
.footer-middle .social-btn:hover .wechat-qrcode {width: 420px;display: flex;justify-content: space-around;}
.footer-middle .wechat-qrcode img {width: 75px;height: 75px;display: block;margin-bottom: 5px;}
.footer-middle .wechat-qrcode span {color: #333;font-size: 12px;display: block;}
.footer-right {text-align: right;}
.footer-right .rightbox{display: inline-block;text-align: left;}
.footer-right .bookstore-btns {display: flex;gap: 15px;justify-content: center;}
.footer-right .bookstore-btn {width: 50px;height: 50px;border-radius: 50%;background: rgba(255,255,255);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: background 0.3s;}
.footer-right .bookstore-btn:hover {background: rgba(255,255,255,0.4);}
/* 页面底部 ==  end */

.fancyWrap{border-radius: 10px;}
.fancyWrap video{max-width: 100%;}

.bannerWrap{width: calc(100% - 30px);margin: 0 auto;position: relative;}
.bannerWrap .mask{position: absolute;z-index: 9;height: 3.2%;}
.bannerWrap .rb{right: -1px;bottom: -1px;height: 11.9%;}
.bannerWrap .lt{left: -1px;top: -1px;}
.bannerWrap .lb{left: -1px;bottom: -1px;}
.bannerWrap .rt{right: -1px;top: -1px;}
.bannerWrap .popWrap{width: 18.5%; padding: 15px;z-index: 11; position: absolute;right: 50px;top: 50px;background: rgba(255,255,255,0.5);border-radius: 16px;border: solid 2px rgba(255,255,255,0.8);}
.bannerWrap .popWrap .imgbox{border-radius: 8px;position: relative;padding-top: 55.5%;}
.bannerWrap .popWrap .imgbox a{display: block;position: absolute;top: 0;width: 100%;height: 100%;}
.bannerWrap .popWrap .imgbox .morebtn{position: absolute;left: 10px;bottom: 10px; padding:0px 30px 0px 15px;line-height: 28px; border-radius: 15px;background: rgba(0, 0, 0, 0.45) url(../../images/0225/icon3.png) no-repeat calc(100% - 3px) center;border: 1px solid rgba(255,255,255);color: #fff; }
.bannerWrap .popWrap .title{margin-top: 12px;font-family: Altinn-DINExp-Bold;}
.bannerWrap .popWrap .title a{color: #ffffff;line-height: 26px;display: inline-block;max-width: 100%;}
.bannerWrap .popWrap .intro{color: rgba(255,255,255,0.6);line-height: 26px;margin-top: 5px;}

.bannerWrap .followUs{position: absolute;z-index: 11;left: 50px;top: 50px;}
.bannerWrap .followUs .name{color: #fff;line-height: 28px;margin-bottom: 15px;}
.bannerWrap .followUs .social-btns {display: flex;justify-content: center;gap: 15px;}
.bannerWrap .followUs .social-btn {width: 50px;height: 50px;cursor: pointer;position: relative;}
.bannerWrap .followUs .social-btn .icon {opacity: 1;}
.bannerWrap .followUs .social-btn:hover .icon {opacity: 0.8;}
.bannerWrap .followUs .wechat-qrcode {position: absolute;top: 60px;left: 0;background: #fff;border-radius: 8px;padding: 10px;display: none;z-index: 10;}
.bannerWrap .followUs .social-btn:hover .wechat-qrcode {width: 420px;display: flex;justify-content: space-around;}
.bannerWrap .followUs .wechat-qrcode img {width: 75px;height: 75px;display: block;margin-bottom: 5px;}
.bannerWrap .followUs .wechat-qrcode span {color: #333;font-size: 12px;display: block;text-align: center;}

.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 .swiper-page{position: absolute;z-index: 11;width: auto;left: 50px;bottom: 30px;}
.bannerWrap .bannerbox .banner .swiper-page span{width: 12px;height: 12px;background: #fff;opacity: 0.5;}
.bannerWrap .bannerbox .banner .swiper-page .swiper-pagination-bullet-active{opacity: 1;}
.bannerWrap .bannerbox .banner .item a{width: 100%;height: 100%; display: block; position: relative;}
/* .bannerWrap .bannerbox .banner .item a::after{position: absolute;display: block;content: '';width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.3);} */
.bannerWrap .bannerbox .banner .item a::after{position: absolute;display: block;content: '';width: 100%;height: 100%;top: 0;left: 0;}

.pub-title{position: relative;padding-left: 18px;display: flex;justify-content: space-between;margin: 30px 0px;height: 72px;}
.pub-title::after{position: absolute;display: block;content: '';height: 100%;width: 5px;background: var(--color1);left: 0;top: 0;bottom: 0;margin: auto;}
.pub-title .left{display: flex;flex-direction: column;justify-content: space-between;}
.pub-title .left1{}
.pub-title .name{font-family: Altinn-DINCondensed-Bold;color: #242424;font-size: 60px;line-height: 55px;}
.pub-title .info{font-family: Altinn-DINCondensed;font-size: 20px;color: #999999;line-height: 17px;}
.pub-title .figure{display: inline-block;width: 80%;height: 1px;background: #f4f4f4;position: absolute;right: 0;bottom: 0;}
.pub-title .more{display: flex;align-items: center;padding-top: 15px;}

.pub-title1 .name{color: #fff;}
.pub-title1 .info{color: #fff;}
.pub-title1::after{background: #fff;}
.pub-title1 .figure{background: rgba(255,255,255,0.4);}

.aboutWrap .pub-title .name{margin-bottom: -10px;}

.aboutWrapbox{padding: 1px 0px;position: relative;}
.aboutWrapbox .trp{position: absolute;top: -35%;right: 2.5%;z-index: 1;}

.aboutWrap{position: relative;z-index: 1; background: url(../../images/0225/icon12.png) no-repeat center top;margin: 40px 0px 70px;padding-top: 70px;}
.aboutWrap .right{text-align: right;}
.aboutWrap .aboutLogo{display: inline-block;position: relative;padding-right: 10%;}
.aboutWrap .aboutLogo .video{position: absolute;top: 58%;right: 0;max-width: 67%;}
.aboutWrap .aboutLogo .videobtn{position: relative;border-radius: 0px 32px 0px 0px;border: solid 5px #ffffff;overflow: hidden;}
.aboutWrap .aboutLogo .videoIcon{position: absolute;right: 10px;bottom: 10px;}
.aboutWrap .intro{color: #242424;line-height: 26px;margin: 35px 0px;}
.aboutWrap .numberWrap{display: flex;flex-wrap: wrap;}
.aboutWrap .numberWrap .item{width: 50%;margin-bottom: 25px;}
.aboutWrap .numberWrap .num{color: var(--color1);font-family: Altinn-DINExp-Bold;line-height: 46px;margin-bottom: -5px;}
.aboutWrap .numberWrap .font{position: relative;display: inline-block;}
.aboutWrap .numberWrap .sign{position: absolute;font-size: 22px;font-family: 'Altinn-DINExp';right: -15px;top: -2px;height: 10px;line-height: 20px;}
.aboutWrap .numberWrap .info{color: #9393b0;line-height: 24px;}
.aboutWrap .moreWrap{padding: 15px 0px;}
.aboutWrap .moreWrap .morebtn{display: inline-block;width: 160px;text-align: center;color: #fff; line-height: 46px;border: 1px solid var(--color1); background-color: var(--color1);border-radius: 24px;transition: all 0.3s;}
.aboutWrap .moreWrap .morebtn:hover{color: var(--color1);background: #fff;}

.productWrap{position: relative;color: #ffffff;width: calc(100% - 30px);margin: 0 auto;}
.productWrap .icon21{position: absolute;top: 77%;left: 2.5%;}
/* .productWrap .icon21{position: absolute;left: ;} */
.productWrap .productBox{position: relative;background: var(--color1);border-radius: 0px 32px 0px 32px;padding: 40px 0px 75px;margin: 80px 0px;}
.productWrap .productBox .mask{position: absolute;height: 8.33%;}
.productWrap .productBox .icon26{left: 0;top: 1px;transform: translateY(-100%);}
.productWrap .productBox .icon27{right: 0;bottom: 1px;transform: translateY(100%);}

.productWrap .productNav{margin: 30px 0px 45px;position: relative;}
.productWrap .productNav .maskShow{position: absolute;top: 0;bottom: 0;margin: auto; display: block;content: ''; width: 50px;height: 30px;pointer-events: none;}
.productWrap .productNav .next{right: 0;background: linear-gradient(90deg,rgba(89, 88, 244,0), rgba(89, 88, 244,1));}
.productWrap .productNav .prev{left: 0;background: linear-gradient(270deg,rgba(89, 88, 244,0), rgba(89, 88, 244,1));}
.productWrap .productNavLeft .prev{display: none !important;}
.productWrap .productNavRight .next{display: none !important;}
.productWrap .scroll{display: flex;overflow-x: auto;overflow-y: hidden;cursor: pointer;white-space: nowrap;width: auto; scrollbar-width: none;scrollbar-color: transparent transparent;}
.productWrap .scroll .item{display: inline-flex;line-height: 45px;padding: 0px 10px;}
.productWrap .scroll .item+.item{margin-left: 10px;}
.productWrap .scroll .item.cur{font-size: 20px;position: relative;font-family: Altinn-DINExp-Bold;background: #fff;color: var(--color1);border-radius: 6px;}
/* .productWrap .scroll .item.cur::after{position: absolute;right: -13px; display: block;content: '';width:8px;height: 8px;border-radius: 50%; border: 2px solid #fff;} */

.productCon .proTop{}
.productCon .proTop .imgbox{width: 290px;height: 380px;background: #fff;}
.productCon .proTop .rightbox{margin-left: 360px;padding-right: 80px;}
.productCon .proTop .rightbox .catalog .font{max-width: 100%;color: #fff; background: #101010;display: inline-block;line-height: 30px;padding: 0px 10px;position: relative;}
.productCon .proTop .rightbox .catalog .font::after{position: absolute;display: block;content: '';width: 10px;height: 10px;right: -1px;bottom: -1px;background-color: var(--color1);clip-path: polygon(0 100%, 100% 0, 100% 100%);}
.productCon .proTop .rightbox .title{margin: 14px 0px;}
.productCon .proTop .rightbox .title a{color: #ffffff;font-family: Altinn-DINExp-Bold;line-height: 36px;}
.productCon .proTop .rightbox .title a:hover{opacity: 0.8;}
.productCon .proTop .rightbox .info{opacity: 0.6;line-height: 26px;padding: 5px 0px;}
.productCon .proTop .rightbox .summary{line-height: 28px;margin: 24px 0px 40px;}
.productCon .proTop .rightbox .btnwrap{display: flex;align-items: center;position: relative;}
.productCon .proTop .rightbox .btnwrap .carbox{position: absolute;top: 90%;left: -10px;padding: 10px;}
.productCon .proTop .rightbox .shopcar{width: 48px;height: 48px;display: inline-block;border: 1px solid #191919; background: #191919 url(../../images/0225/icon10.png) no-repeat center;border-radius: 50%;}
/* .productCon .proTop .rightbox .shopcar:hover{background-color: var(--color1);border-color:#fff;} */
.productCon .proTop .rightbox .pbtn{border-radius: 22px;display: inline-block; border: solid 1px #ffffff;font-family: Altinn-DINExp-Bold;line-height: 42px;padding: 0px 30px;margin-left: 15px;}
.productCon .proTop .rightbox .btn1{background: #fff;color: var(--color1);}
.productCon .proTop .rightbox .btn2{color: #ffffff;}
.productCon .proTop .rightbox .pbtn:hover{opacity: 0.8;}
.productCon .proBtm{display: flex;margin-top: 50px;}
.productCon .proBtm .item{width:33.33%;margin-bottom: 20px;}
.productCon .proBtm .imgbox{width: 145px;height: 180px;background: #fff;}
.productCon .proBtm .rightbox{margin-left: 165px;padding-right: 10px;}
.productCon .proBtm .rightbox .catalog .font{max-width: 100%;color: #fff; background: #101010;display: inline-block;line-height: 30px;padding: 0px 10px;position: relative;}
.productCon .proBtm .rightbox .catalog .font::after{position: absolute;display: block;content: '';width: 10px;height: 10px;right: -1px;bottom: -1px;background-color: var(--color1);clip-path: polygon(0 100%, 100% 0, 100% 100%);}
.productCon .proBtm .rightbox .title{margin: 10px 0px 25px;min-height: 80px;}
.productCon .proBtm .rightbox .title a{color: #ffffff;font-family: Altinn-DINExp-Bold;line-height: 26px;}
.productCon .proBtm .rightbox .title a:hover{opacity: 0.8;}
.productCon .proBtm .rightbox .info{opacity: 0.6;line-height: 26px;padding: 5px 0px;}


.newWrapbox .newTop{overflow: hidden;position: relative;margin-bottom: 30px;}
.newWrapbox .newTop .item{display: flex;}
.newWrapbox .newTop .imgbox{width: 74.5%;position: relative;padding-top: 42%;background: #f8f8f8;}
.newWrapbox .newTop .imgbox a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.newWrapbox .newTop .rightbox{width: 25.5%;padding-left: 35px;min-width: 310px;}
.newWrapbox .newTop .date{position: relative;width: 50px;height: 50px;background: #2B2C85;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.newWrapbox .newTop .date::after{position: absolute;left: -60px; display: block;content: '';width: 30px;height: 3px;background-color: #2B2C85;top: 0;bottom: 0;margin: auto; }
.newWrapbox .newTop .date .day{color: #ffffff;line-height: 20px;}
.newWrapbox .newTop .date .mon{color: #ffffff;opacity: 0.6;line-height: 16px;}
.newWrapbox .newTop .title{font-family: Altinn-DINExp-Bold;margin: 25px 0px;}
.newWrapbox .newTop .title a:hover{color: var(--color1);}
.newWrapbox .newTop .info{color: #999999;line-height: 28px;}
.newWrapbox .newTop .swiper-page{position: absolute;z-index: 11;width: auto;left: 40px;bottom: 30px;}
.newWrapbox .newTop .swiper-page span{width: 10px;height: 10px;background: #fff;opacity: 0.5;}
.newWrapbox .newTop .swiper-page .swiper-pagination-bullet-active{opacity: 1;}

.newWrap .box{margin-bottom: 10px;}
.newWrap .imgWrap{position: relative;padding-top: 56%;}
.newWrap .imgbox{position: absolute;top: 0;background: #f8f8f8;}
.newWrap .imgWrap .date{position: absolute;bottom: -10px;left: 10px; width: 50px;height: 50px;background: #2B2C85;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.newWrap .imgWrap:hover .date{background: #5958F4;}
.newWrap .imgWrap .date .day{color: #ffffff;line-height: 20px;}
.newWrap .imgWrap .date .mon{color: #ffffff;opacity: 0.6;line-height: 16px;}
.newWrap .newTit{padding: 10px;margin: 20px 0px;}
.newWrap .newTit a{color: #242424;font-family: Altinn-DINExp-Bold;min-height:92px;}
.newWrap .newTit a:hover{color: var(--color1);}
 
.resourceWrap{background: url(../../images/0225/bg2.png) no-repeat center;background-attachment: fixed; border-radius: 32px;width: calc(100% - 30px);margin: 50px auto -180px;position: relative;padding: 30px 0px 140px;}
.resourceWrap .resourcebox{margin: 0px -10px; display: flex;justify-content: space-between;padding-top: 15px;overflow: hidden;}
.resourceWrap .resourcebox .item{margin-bottom:20px;padding: 0px 10px;position: relative;padding-top: 32%;}
.resourceWrap .resourcebox .item3{margin-top: -10px;}
.resourceWrap .resourcebox .item .box{display: flex;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.resourceWrap .icon33{position: absolute;left: 0;right: 0;margin: auto;bottom: 0;max-width: 75%;}

#aboutVideo iframe{max-width: 100%;}

/* 左侧菜单 */
.left-nav .name{font-family: Altinn-DINExp-Bold;color: #242424;line-height: 36px;margin-bottom: 35px;}
.left-nav ul{list-style: none;padding: 0;margin: 0;}
.left-nav li{list-style: none;}
.left-nav .menu-link {line-height: 22px; display: flex;align-items: center;justify-content: space-between;padding: 12px 10px 12px 0px;color: #666666;text-decoration: none;cursor: pointer;transition: all 0.3s;}
/* .left-nav .menu-item-level1{margin-bottom: 1px;} */
.left-nav .menu-item-level1 .level1:hover{color: #242424;font-family: Altinn-DINExp-Bold;}
.left-nav .menu-arrow {width: 20px;height: 20px;font-size: 30px; display: flex;align-items: center;justify-content: center;color: #666;flex-shrink: 0;}
.left-nav .menu-item-level1:not(.has-submenu) .menu-arrow {display: none;}
.left-nav .menu-submenu {display: none;list-style: none;padding: 0;margin: 0;background: #f8f8f8;border-radius:0px 0px 6px 6px;}
.left-nav .menu-item-level2 .menu-link.level2 {display: block;padding: 6px 15px 6px 27px;color: #555;background: #f8f8f8;text-decoration: none;}
.left-nav .menu-item-level2 .menu-link.level2.active,.left-nav .menu-item-level2 .menu-link.level2:hover {color: var(--color1);font-family: Altinn-DINExp-Bold;}
.left-nav .menu-item-level1.active > .menu-link.level1,.left-nav .menu-item-level1.active > .menu-link.level1{background: #f8f8f8;}
.left-nav .menu-item-level1.active .level1{color: #242424;font-family: Altinn-DINExp-Bold;padding: 12px 10px 12px 15px;border-radius: 6px 6px 0px 0px;}
.left-nav .menu-item-level1.active .menu-arrow{color: var(--color1);}
.left-nav .menu-item-level1.active > .menu-submenu {display: block;padding: 2px 0px 10px;}

/* 列表-搜索模块 */
.searchWrap{margin-bottom: 40px;}
.searchWrap .searchBox{display: flex;}
.searchWrap .searchBox .itembox{margin-right: 10px;}
.searchWrap .searchBox .ipt{border: solid 1px #666666;height: 36px;width: 250px;padding: 0px 10px;background: #fff;}
.searchWrap .searchBox .ipt:focus{outline: none;}
.searchWrap .searchBox .caretbtn{display: inline-block;width: 10px;height: 10px;background: url(../../images/0225/icon34.png) no-repeat center;}
.searchWrap .searchBox .dropBtn{display: flex;align-items: center;justify-content: space-between;}
.searchWrap .searchBox .dropdown-menu{font-size: 16px;}
.searchWrap .searchBox .searchBtn{display: inline-block;width: 36px;height: 36px;background:#101010 url(../../images/0225/icon35.png) no-repeat center;}
.searchWrap .searchBox .searchBtn:hover{background-color: var(--color1);}

/* 公共banner */
.publicBanner{width: calc(100% - 30px);position: relative; margin: 0 auto 20px;padding-top: 24%;border-radius: 25px;overflow: hidden;}
.publicBanner .bannerbox{position: absolute;width: 100%;height: 100%;top: 0;}
.publicBanner .bannerbox img{width: 100%;height: 100%;object-fit: cover;}
.publicBanner .bannerbox .font{font-size: 78px;font-family: IMPACT; color: #fff;background: rgba(0,0,0,0.3);display: flex; align-items: center;justify-content: center; position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}

/* 分页 */
.page{display: flex;justify-content: space-between;font-size: 16px;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;padding: 20px 0px;}
.page .pagetotal{color: #666666;display: flex;align-items: center;}
.page .pagetotal span{color: var(--color1);}
.page .pageright{display: flex;}
.page .pageright a{display: inline-block;width: 36px;line-height: 34px;text-align: center;border: solid 1px #c3c3c3;}
.page .pageright a.cur{color: #fff;background: var(--color1);}
.page .pageright .pagebtn{background: #171717;color: #fff;}
.page .pageright .pagebtn:hover{background: var(--color1);}
.page .pageright .gowrap{margin-left: 20px;}
.page .pageright .gonum{width: 36px;height: 36px;text-align: center; border: 1px solid #c3c3c3;}
.page .pageright .gonum:focus{outline: none;}
.page .pageright .gobtn{width: 36px;text-align: center; line-height: 36px;background: #171717;color: #fff;display: inline-block;}
.page .pageright .gobtn:hover{background: var(--color1);}

.kkpagerbox > div{display: flex;align-items: center;}
.kkpagerbox .infoTextAndGoPageBtnWrap{margin-left: 20px;}
.kkpagerbox #kkpager_gopage_wrap{display: flex;align-items: center;flex-direction: row-reverse;}
.kkpagerbox #kkpager_btn_go{float: right;width: 36px;text-align: center; line-height: 34px;border: none; background: #171717;color: #fff;display: inline-block;}
.kkpagerbox #kkpager_btn_go:hover{background: var(--color1);}
.kkpagerbox #kkpager_btn_go_input{width: 36px;height: 36px;text-align: center; border: 1px solid #c3c3c3;}
.kkpagerbox #kkpager_btn_go_input:focus{outline: none;}
.kkpagerbox .pageBtnWrap span,.kkpagerbox .pageBtnWrap a{margin: 0px 2px; display: inline-block;width: 36px;line-height: 34px;text-align: center;border: solid 1px #c3c3c3;}
.kkpagerbox .pageBtnWrap .curr{color: #fff;background: var(--color1);}
.kkpagerbox .pagebtn{background: #171717;color: #fff;}
.kkpagerbox .pagebtn:hover{background: var(--color1);}
.kkpagerbox .pagebtn.disabled{display: none;}




/* 面包屑导航 */
.crumb{font-size: 16px;line-height: 26px;color: #999;padding: 15px 0px;}
.crumb a{color: #999;}
.crumb a:hover{color: var(--color1);}
.crumb a.cur{color: #242424;}


/* 产品轮播 */
.bookSwiper{width: calc(100% - 30px);margin: 0 auto 30px;overflow: hidden;position: relative;padding-bottom: 10px;}
.bookSwiper .slidebox{position: relative;}
.bookSwiper .slidebox::after{position: absolute;top: 0;left: 0; display: block;content: ''; width: 100%;height: calc(100% - 40px);border-radius: 16px;}
.bookSwiper .itembox{position: relative;z-index: 1;padding-bottom: 10px;display: flex;}
.bookSwiper .itembox .imgWrap{position: relative;padding-top: 51%;width: 40%;margin: 10px; box-shadow: 0px 8px 20px 0px rgba(174, 180, 190, 0.3);background: #fff;}
.bookSwiper .itembox .imgbox{position: absolute;top: 0;}
.bookSwiper .itembox .rightbox{padding:30px 35px 50px 20px;display: flex;flex-direction: column;justify-content: space-between;}
.bookSwiper .itembox .rightbox .catalog .font{max-width: 100%;color: #fff; background: #101010;display: inline-block;line-height: 30px;padding: 0px 10px;position: relative;}
.bookSwiper .itembox .rightbox .catalog .font::after{position: absolute;display: block;content: '';width: 10px;height: 10px;right: -1px;bottom: -1px;clip-path: polygon(0 100%, 100% 0, 100% 100%);}
.bookSwiper .slidebox:nth-child(3n+1) .catalog .font::after,.bookSwiper .slidebox:nth-child(3n+1)::after{background: #e6f2ed;}
.bookSwiper .slidebox:nth-child(3n+2) .catalog .font::after,.bookSwiper .slidebox:nth-child(3n+2)::after{background: #eae6f2;}
.bookSwiper .slidebox:nth-child(3n+3) .catalog .font::after,.bookSwiper .slidebox:nth-child(3n+3)::after{background: #e7f3f9;}
.bookSwiper .itembox .rightbox .title{margin: 22px 0px;}
.bookSwiper .itembox .rightbox .title a{color: #101010;font-family: Altinn-DINExp-Bold;line-height: 30px;}
.bookSwiper .itembox .rightbox .title a:hover{color: var(--color1);}
.bookSwiper .itembox .rightbox .info{opacity: 0.6;line-height: 26px;padding: 5px 0px;color: #666666;}
.bookSwiper .bookpage{position: absolute;z-index: 11;text-align: center; left: 0;right: 0;bottom: 0; margin: auto;}
.bookSwiper .bookpage span{width: 10px;height: 10px;background: #000000;opacity: 0.4;}
.bookSwiper .bookpage .swiper-pagination-bullet-active{opacity: 1;}



/* 产品列表页 */
.bookList{}
.bookList .itembox{margin-bottom: 35px;}
.bookList .itembox .imgwrap{position: relative;padding-top: 100%;transition: transform 0.3s ease;border-radius: 10px;overflow: hidden;}
.bookList .itembox .imgwrap:hover{transform: translateY(-10px);}
.bookList .itembox .imgbox{position: absolute;width: 100%;height: 100%;top: 0;background: #f8f8f8;border: 2px solid #f8f8f8;overflow: hidden;}
.bookList .itembox .bookbtn{transition: transform 0.3s ease;opacity: 0; position: absolute;width: 100%;height: 100%;top: 0;background:rgba(0, 0, 0, 0.3);display: flex;align-items: center;justify-content: center;}
.bookList .itembox .imgwrap:hover .bookbtn{opacity: 1;}
.bookList .itembox .bookbtn .but{display: inline-block;width: 48px;height: 48px;background: #000;border-radius: 50%;margin: 0px 5px; }
.bookList .itembox .bookbtn .btn1{background: #191919 url(../../images/0225/icon28.png) no-repeat center;}
.bookList .itembox .bookbtn .btn2{background: #5958f4 url(../../images/0225/icon29.png) no-repeat center;}
.bookList .itembox .message{}
.bookList .itembox .message {min-height: 125px;}
.bookList .itembox .message .title{font-family: Altinn-DINExp-Bold;line-height: 24px;padding: 10px 0px;margin-bottom: 5px;}
.bookList .itembox .message .title a{color: #101010;}
.bookList .itembox .message .title a:hover{color: var(--color1);}
.bookList .itembox .message .author{color: #7d7d7d;opacity: 0.6;line-height: 26px;}

/* 产品详情页 */
.product-detail{}
.product-detail .productTop{background: #f8f8f8;position: relative;overflow: hidden;}
.product-detail .productTop .icon30{height: 73%; position: absolute;bottom: -15px;right: 0;}
.product-detail .productTop ul,.product-detail .productTop ul li{padding-left: 0;margin-bottom: 0;list-style: none;}
.product-detail .productTop .top{margin: 50px auto;padding-bottom: 1px;}
.product-detail .productTop .bigimgbox{width: 500px;position: relative;padding-top: 100%;}
.product-detail .productTop .bigimgbox .bigimgcon{position: absolute;top:15%;left: 15%; width: 70%;height: 70%;z-index: 1;display: flex;align-items: center;justify-content: center;}
.product-detail .productTop .bigimgbox .bigimgcon img{padding: 10px;background: #fff;box-shadow: 0px 20px 60px 0px rgba(65,65,112,0.3);}
.product-detail .productTop .bigimgbox::after{display: block;content: '';position: absolute;top: 0; width: 100%;height: 100%;border-radius: 50%;background: var(--color1);}
.product-detail .productTop .img-list{display: flex;justify-content: center;margin: 35px 0px;}
.product-detail .productTop .img-list li{margin: 0px 4px;}
.product-detail .productTop .img-list .imgbox{width: 60px;height: 60px;background: #fff;border: 2px solid #fff;}
.product-detail .productTop .img-list .imgbox.active{border-color: #333;}

.product-detail .bookinfo{margin-left: 570px;position: relative;z-index: 1;}
.product-detail .bookinfo .catalog{margin-top: 20px;}
.product-detail .bookinfo .catalog .font{max-width: 100%;color: #fff; background: #101010;display: inline-block;line-height: 30px;padding: 0px 10px;position: relative;}
.product-detail .bookinfo .catalog .font::after{position: absolute;background: #f8f8f8; display: block;content: '';width: 10px;height: 10px;right: -1px;bottom: -1px;clip-path: polygon(0 100%, 100% 0, 100% 100%);}
.product-detail .bookinfo .tit{font-family: Altinn-DINExp-Bold;line-height: 46px;margin: 20px 0px 30px;}
.product-detail .bookinfo .info{}
.product-detail .bookinfo .info .sigle{display: flex;line-height: 28px;padding: 7px 0px;}
.product-detail .bookinfo .info .left{margin-right: 10px; color: #999999;min-width: 75px;}
.product-detail .bookinfo .info .con{color: #666666;}
.product-detail .bookinfo .shopWrap{display: flex;margin: 60px 0px 40px;}
.product-detail .bookinfo .shopWrap .car{margin-right: 20px; width: 48px;height: 48px;display: inline-block;border: 1px solid #191919; background: #191919 url(../../images/0225/icon10.png) no-repeat center;border-radius: 50%;}
.product-detail .bookinfo .shopWrap .car:hover{background-color: var(--color1);border-color:#fff;}
.product-detail .bookinfo .shopWrap .type{margin-right: 10px;}
.product-detail .bookinfo .downWrap{margin: 20px 0px;}
.product-detail .bookinfo .downWrap .downbtn{line-height: 44px;display: inline-block;padding: 0px 30px 0px 20px;border-radius: 22px;background: var(--color1);color: #fff;}
.product-detail .bookinfo .downWrap .downbtn font{display: inline-block;padding-left: 30px;background: url(../../images/0225/icon31.png) no-repeat left center;font-family: Altinn-DINExp-Bold;}

.product-detail .bookmain{padding-top: 40px;}
.product-detail .bookmain .intro{padding: 15px 0px 1px;margin-bottom: 30px;}
.product-detail .bookmain .pdName{margin: 15px 0px; text-transform: uppercase;color: #242424;font-family: Altinn-DINCondensed-Bold;position: relative;padding-left: 15px;line-height: 20px;}
.product-detail .bookmain .pdName::after{position: absolute;left: 0;bottom: 0; display: block;content: '';width: 5px;height: 40px;background-color: #5958f4;}
.product-detail .bookmain .theme{color: #333333;line-height: 30px;padding: 15px;}

/* business 相关页面 */
.listMenu{width: calc(100% - 30px);margin: -20px auto 0px;}
.listMenu .topListnav{transform: translateY(-100%);margin-bottom: -40px; border-radius: 0px 0px 25px 25px; font-family: Altinn-DINExp-Bold;background: rgba(0, 0, 0, 0.3);border-top: 1px solid rgba(255,255,255,0.3);}
.listMenu .topListnav .topwrap{display: flex;}
.listMenu .topListnav .item{flex: 1;text-align: center;border-top: 2px solid transparent;margin-top: -2px;}
.listMenu .topListnav .item.active{background: rgba(89, 88, 244,0.8);border-top-color: #fff;}
.listMenu .topListnav a{color: #fff;line-height: 80px;text-transform: uppercase;display: block;}
.listMenu .topListnav a:hover{opacity: 0.8;}
.listMenu .btmListnav{font-family: Altinn-DINExp-Bold;}
.listMenu .btmListnav .btmwrap{display: flex;gap: 20px;}
.listMenu .btmListnav .item{background: rgba(243, 243, 243,0.5);line-height: 65px;text-align: center;flex: 1;}
.listMenu .btmListnav .item a{color: #999;display: block;}
.listMenu .btmListnav .item a:hover{color: #242424;}
.listMenu .btmListnav .item.active{background: rgba(243, 243, 243,1);}
.listMenu .btmListnav .item.active a{color: #242424;}


.business-detail{}
.business-detail .btw{width: 76%;padding: 30px 0px 40px;}
.business-detail .busTitle{font-family: Altinn-DINCondensed-Bold;color: #242424;line-height: 60px;font-size: 50px;margin:20px 0px;}
.business-detail .busIntro{color: #242424;line-height: 32px;}
.business-detail .busShort{text-transform: uppercase;font-family: Altinn-DINExp-Bold;color: #242424;line-height: 26px;position: relative;padding:20px 0px 20px 22px;background: url(../../images/0225/badge.png) no-repeat left center;}

.business-detail .solItem{display: flex;margin-bottom: 30px;}
.business-detail .solItem .imgwrap{width: 65%;}
.business-detail .solItem .right{width: 35%; position: relative;display: flex;flex-direction: column;justify-content: flex-end;padding-bottom: 40px;}
.business-detail .solItem .right .name{font-family: Altinn-DINExp-Bold;color: #242424;line-height: 26px;position: relative;}
.business-detail .solItem .right .name::after{position: absolute;top: 0;bottom: 0;margin: auto; display: block;content: '';width: 30px;height: 3px;background: #242424;}
.business-detail .solItem .right .name .namecon{position: relative;display: inline-block;}
.business-detail .solItem .right .name .namecon .font{position: relative;z-index: 1;}
.business-detail .solItem .right .name .namecon::after{width: 100%;height: 12px;position: absolute;display: block;content: '';bottom: -3px; background: linear-gradient(90deg, #5958F4, #4DBAFF);opacity: 0.4;}
.business-detail .solItem .right .info{color: #242424;line-height: 32px;margin: 25px 0px;}

.business-detail .solItem1 .right{padding-left: 80px;}
.business-detail .solItem1 .right .name::after{left: -95px;}
.business-detail .solItem2{flex-direction: row-reverse;}
.business-detail .solItem2 .right{padding-right: 80px;}
.business-detail .solItem2 .right .name::after{right: -95px;}

/* business 年份时间轴 */
.timeline-container {position: relative;}
.timeline-container .timeline {position: relative;padding-top: 30px;}
.timeline-container .timeline::before {content: "";position: absolute;left: 140px;top: 0;bottom: 0;width: 2px;background:rgba(36, 36, 36, 0.2);z-index: 1;}
.timeline-container .timeline .icon36{position: absolute;top: -15px;left: 128px;}
.timeline-container .timeline-item {position: relative;padding-left: 205px;margin-bottom: 30px;}
.timeline-container .timeline-item .year {font-size: 50px;font-family: Altinn-DINExp-Bold; position: absolute;left: 0;color: #242424;}
.timeline-container .timeline-item .year1{display: flex;flex-direction: column;align-items: flex-end;}
.timeline-container .timeline-item .year1 .lin1{position: absolute;width: 23px;height: 10px;background: url(../../images/0225/icon38.png) no-repeat center; top: 50%;transform: translateY(-10px);}
.timeline-container .timeline-item .content {display: flex;flex-direction: column;}
.timeline-container .timeline-item .textGroup{position: relative;}
.timeline-container .timeline-item .circlebox{display: flex;position: absolute;top: 20px; left: -70px;z-index: 1;align-items: center;}
.timeline-container .timeline-item .circlebox .icon{display: inline-block;}
.timeline-container .timeline-item .circlebox .icon1{width: 12px;height: 12px;border-radius: 50%;overflow: hidden;background: #fff;border: 1px solid rgba(36, 36, 36, 1);}
.timeline-container .timeline-item .circlebox .icon3{width: 15px;height: 15px;background: rgba(15, 22, 26, 1);border-radius: 50%;overflow: hidden;}
.timeline-container .timeline-item .circlebox .icon2{width: 50px;height: 2px;background: #242424;}
.timeline-container .timeline-item .image {width: 40%;height: 310px;}
.timeline-container .timeline-item .image .imagecon{width: 100%;height: 100%;}
.timeline-container .timeline-item .image .imagecon img{width: 100%;height: 100%;object-fit: contain;}
.timeline-container .timeline-item .text {flex: 1;}
.timeline-container .textGroup {flex: 1;display: flex;flex-direction: row;margin-bottom: 30px;}
.timeline-container .textGroup .text{padding: 55px 60px;color: #242424;line-height: 32px;}
.timeline-container .textGroup .text .con{position: relative;}
.timeline-container .textGroup .text .con::after{position: absolute;top: -30px; display: block;content: '';width: 40px;height: 3px;background: linear-gradient(90deg, #5958F4, #4DBAFF);opacity: 0.4;}

.timeline-Noimg .textGroup .text .con::after{display: none;}
.timeline-Noimg .textGroup .text{padding: 12px 0px 15px 60px;}
.timeline-Noimg .textGroup{margin-bottom: 15px;}


/* business 图书列表 */
.bookItem .pubItem{display: flex;gap: 25px;margin-top: 10px;}
.bookItem .pubItem .book{flex: 1;padding: 15px;position: relative;margin-bottom: 50px;}
.bookItem .pubItem .book::after{position: absolute;right: -1px;bottom: -1px; display: block;content: '';width: 15%;height: 15%;background: #FFFFFF;clip-path: polygon(100% 100%, 100% 0%, 0% 100%);}
.bookItem .pubItem .book .image{position: relative;padding-top: 78%;}
.bookItem .pubItem .book .image img{object-fit: contain;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.bookItem .pubItem .book .name{text-align: center;color: #242424;line-height: 26px;height: 90px;display: flex;align-items: center;justify-content: center;}
.bookItem .book1{background: #EEF8F4;}
.bookItem .book2{background: #E8F2FF;}
.bookItem .book3{background: #EAF5FA;}
.bookItem1:nth-child(even) .pubItem .book:nth-child(2) {transform: translateY(-30px);}
.bookItem1:nth-child(odd) .pubItem .book:nth-child(2) {transform: translateY(30px);}
.bookItem2 .book:nth-child(even){transform: translateY(-30px);}
.bookItem2 .book:nth-child(odd){transform: translateY(0px);}


/* aboutus */
.aboutus .bigTitle{font-family: Altinn-DINCondensed-Bold;color: #242424;line-height: 60px;font-size: 50px;}
.aboutus .aboutItem{display: flex;gap: 45px;margin: 35px 0px;}
.aboutus .aboutItem .item{flex: 1;margin-bottom: 20px;}
.aboutus .aboutItem .name{text-transform: uppercase;font-family: Altinn-DINExp-Bold;line-height: 34px;margin: 25px 0px;}
.aboutus .aboutItem .info{line-height: 28px;}
.aboutus video{width: 100%;object-fit: contain;}
.aboutus .videobox iframe{max-width: 100%;}

/* 文章详情页 */
.detailPage{}
.detailPage .detailTop{background: #F8F8F8 url(../../images/0225/NEWS.png) no-repeat right bottom;background-size: 30%;padding-bottom: 35px;}
.detailPage .detailTop .conTitle{font-family: Altinn-DINExp-Bold;line-height: 46px;color: #101010;margin: 30px 0px;}
.detailPage .detailTop .conDay{color: #666;line-height: 28px;}
.detailPage .detailTop{}
.detailPage .detailBtm{margin-top: 50px;}
.detailPage .art-content,.detailPage .art-content p{color: #333;line-height: 36px;overflow-wrap: break-word;}


.recentBox .rName{margin: 15px 0px; text-transform: uppercase;color: #242424;font-family: Altinn-DINCondensed-Bold;position: relative;padding-left: 15px;line-height: 20px;}
.recentBox .rName::after{position: absolute;left: 0;bottom: 0; display: block;content: '';width: 5px;height: 40px;background-color: #5958f4;}


/* 右侧悬浮框 */
.fixImg{position: fixed;right: 12px;bottom: 40%;}
.fixImg .fixwrap{position: relative;font-family: Altinn-DINCondensed-Bold;}
.fixImg .fixwrap .icon37{cursor: pointer;position: relative;z-index: 1;}
.fixImg .fixwrap .tipwrap{opacity: 0; position: absolute;background: #FFFFFF;transition: all 0.3s ease;transform: translateY(-50%);top: 50%; box-shadow: 0px 3px 10px 0px rgba(174,174,190,0.4);border-radius: 10px;padding: 5px 20px;}
.fixImg .fixwrap .tipwrap .item{border-bottom: 1px solid #F1F1F1;}
.fixImg .fixwrap .tipwrap .item:last-child{border: none;}
.fixImg .fixwrap .tipwrap .item a{line-height: 38px;opacity: 0.6;}
.fixImg .fixwrap .tipwrap .item .ai{opacity: 1; background: linear-gradient(to right, #5958f4, #e43333);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.fixImg .fixwrap .tipwrap .item a:hover{opacity: 1;}
.fixImg .fixwrap:hover .tipwrap{opacity: 1;transform: translateX(calc(-100% - 10px)) translateY(-50%);}



/* 联系我们 */
.contact .contactbox{background: url(../../images/en/icon13.png) no-repeat;background-size: 100% auto;padding:48px 25px 48px 35px;}
.contact .contactbox .item{width: 50%;}
.contact .tablebox table{background: #fff;width: 90%;margin: 25px 0px;}
.contact .tablebox table td{border: solid 1px #cacaca;line-height: 35px;}
.contact .p30{padding-left: 30px;width: 200px;}
.contact .p20{padding-left: 20px;}
.contact .pimg{width: 35px;text-align: center;}

/* 搜索结果页 */
.result .topnav{color: #939393;padding: 25px 0px;}
.result .topnav span{color: var(--color1);}
.result .topnav .name{font-weight: bold;}
.result .navbar {margin-bottom: 0;border: none;}
.result .search-wrap {position: relative;min-height: 300px;}
.result .search-loading {width: 100%;height: 100%;position: absolute;z-index: 100;background: #fff url(../../images/loading-search.svg) center center no-repeat;}
.result .item{margin-bottom: 25px;}
.result .title{color: #808080;font-weight: bold;font-size: 18px;line-height: 28px;}
.result .content{color: #808080;font-size: 14px;line-height: 24px;padding: 10px 0px;}
.result .link{color: #335a9a;font-size: 14px;line-height: 24px;word-break: break-all;}
.result .data{color: #00a45d;font-size: 14px;line-height: 24px;}
.result font[color="red"]{color: #c52828;}


.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;}



@media (min-width: 1230px) {
  .container{width: 1220px;padding: 0px 10px;}
}
@media (max-width: 1500px) {
  .listMenu .topListnav a{line-height: 60px;}
  .listMenu .btmListnav .item{line-height: 50px;}

}
@media (max-width: 1400px) {
  .navbarWrap .navbar-menu > li .firstnav{padding: 0px 10px;}

}
@media (max-width: 1230px) {
  .listMenu{font-size: 18px;}
}
@media (max-width: 1200px) {
  .productCon .proTop .rightbox{padding-right: 0;margin-left: 310px;}
  .navbarWrap .navbar-menu > li .firstnav{font-size: 14px;padding: 0px 5px;}
  .navbarWrap .navbar-submenu{font-size: 14px;line-height: 20px;}
  .navbarWrap .navbar-submenu li a{}
  .navbarWrap .lang-btn{width: 100px;}

  .newWrapbox .newTop .title{margin: 15px 0px;}
  .newWrapbox .newTop .info{-webkit-line-clamp: 7;}

  .searchWrap .searchBox .ipt{width: 200px;}

  .bookSwiper .itembox .rightbox{padding: 10px 10px 40px 10px;}

  .publicBanner .bannerbox .font{font-size: 56px;}
 
  .product-detail .productTop .bigimgbox{width: 400px;}
  .product-detail .bookinfo{margin-left: 420px;}
  .product-detail .bookinfo .tit{font-size: 30px;line-height: 40px;margin: 10px 0px;}
  .product-detail .bookinfo .info{font-size: 16px;}
  .product-detail .bookinfo .info .sigle{line-height: 24px;}
  .product-detail .bookinfo .shopWrap{margin: 40px 0px 20px;}

  .listMenu .topListnav .topwrap,.listMenu .btmListnav .btmwrap{display: flex; flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none;-webkit-overflow-scrolling: touch;cursor: grab;}
  .listMenu .topListnav .item{padding: 0px 15px;white-space: nowrap;}
  .listMenu .btmListnav .item{white-space: nowrap;padding: 0px 10px;}


  .business-detail .solItem1 .right{padding-left: 40px;}
  .business-detail .solItem1 .right .name::after{left: -55px;}
  .business-detail .solItem2 .right{padding-right: 40px;}
  .business-detail .solItem2 .right .name::after{right: -55px;}

  


}
@media (max-width: 992px) {  
  .hideScroll{overflow: hidden;height: 100vh;}
  
  .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 .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);}
  .navbarWrap .search-box.showMenu {width: 160px;}
  .navbarWrap .lang-btn {padding: 6px 12px 6px 0px;border-radius: 18px;}
  .navbarWrap .lang-btn .icon{right: 8px;}
  .navbarWrap .navbar-logo img {height: 40px;}
  
  .footer-left, .footer-middle, .footer-right{flex: auto;}


  .bannerWrap .popWrap{padding: 5px;top: 15px;right: 15px;}
  .bannerWrap .popWrap .imgbox .morebtn,.bannerWrap .popWrap .intro{display: none;}
  .bannerWrap .popWrap .title{font-size: 14px;margin-top: 5px;}
  .bannerWrap .followUs{top: 15px;left: 15px;}
  .bannerWrap .bannerbox .banner .swiper-page{left: 15px;bottom: 15px;}


  .aboutWrap{padding-top: 0;}
  .aboutWrap .right{text-align: center;}

  .productCon .proTop .imgbox{width: 220px;height: 290px;}
  .productCon .proTop .rightbox{margin-left: 235px;}
  .productCon .proTop .rightbox .title{margin: 4px 0px;}
  .productCon .proTop .rightbox .info{padding: 0;}
  .productCon .proTop .rightbox .summary{margin: 5px 0px;}
  .productCon .proBtm{flex-direction: column;}
  .productCon .proBtm .item{width: 100%;}

  .productWrap .productBox{margin: 0;}
  .productWrap .productBox .mask{display: none;}

  .newWrapbox .newTop .date{display: none;}
  .newWrapbox .newTop .title{margin-top: 0;}

  .publicBanner .bannerbox .font{font-size: 46px;}

  .product-detail .productTop .bigimgbox{width: 300px;}
  .product-detail .productTop .img-list li{margin: 0px 2px;}
  .product-detail .bookinfo{margin-left: 340px;}
  .product-detail .bookinfo .catalog{margin-top: 0;}
  .product-detail .bookinfo .tit{font-size: 24px;line-height: 30px;}
  .product-detail .bookinfo .info .sigle{padding: 3px 0px;}
  .product-detail .bookinfo .shopWrap{margin: 20px 0px 10px;}
  
  .business-detail .solItem .imgwrap{width: 55%;}
  .business-detail .solItem .right{width: 45%;padding-bottom: 0;}
  .business-detail .solItem .right .info{margin:15px 0px 0px;line-height: 28px;}


  .timeline-container .textGroup .text{padding: 20px 0px 0px 20px;}
  .timeline-container .textGroup .text .con::after{top: -20px;}
  .timeline-container .timeline::before{left: 100px;}
  .timeline-container .timeline .icon36{left: 88px;}
  .timeline-container .timeline-item .year{font-size: 40px;}
  .timeline-container .timeline-item{padding-left: 140px;}
  .timeline-container .timeline-item .circlebox{left: -45px;}
  .timeline-container .timeline-item .circlebox .icon2{width: 26px;}

  .timeline-Noimg .textGroup .text{padding: 12px 0px 0px 20px;}


  .bookItem .pubItem{gap: 10px;}
  .bookItem2 .pubItem{flex-wrap: wrap;}
  .bookItem2 .pubItem .book{flex: 0 0 calc(50% - 5px);}

  .aboutus .aboutItem{flex-direction: column;gap: 15px;}
  .aboutus .aboutItem .name{margin: 10px 0px 5px;}


  .contact .contactbox .item{width: 100%;}
  .contact .tablebox table{width: 100%;}
}
@media (max-width: 991px) {
  /* 移动端一级 - 横向滑动 */
  .left-nav {margin-bottom: 15px;}
  .left-nav .name{display: none;}  
  .left-nav .menu-list {display: flex;flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none;padding: 0 10px;-webkit-overflow-scrolling: touch;cursor: grab;}
  .left-nav .menu-list.active {cursor: grabbing;}
  .left-nav .menu-list::-webkit-scrollbar {display: none;}
  .left-nav .menu-item-level1 {flex-shrink: 0;}
  .left-nav .menu-link.level1 {padding: 12px 15px;white-space: nowrap;border-right: 1px solid #e5e5e5;}
  .left-nav .menu-item-level1.active > .menu-link.level1 {color: #005a9d;background: #f0f0f0;border-radius: 6px;}
  
  /* 隐藏桌面端二级 */
  .left-nav .menu-submenu {display: none !important;}
  
  /* 移动端二级 - 横向滑动 */
  .mobile-submenu-wrapper {display: block;background: #f8f8f8;border-top: 1px solid #e5e5e5;padding: 10px 0;}
  .mobile-submenu-wrapper.hidden {display: none;}
  .mobile-submenu-list {display: flex;flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none;padding: 0 10px;-webkit-overflow-scrolling: touch;cursor: grab;touch-action: none;}
  .mobile-submenu-list.active {cursor: grabbing;}
  .mobile-submenu-list::-webkit-scrollbar {display: none;}
  .mobile-submenu-list a {flex-shrink: 0;padding: 8px 15px;margin-right: 10px;background: #fff;border: 1px solid #e5e5e5;border-radius: 20px;color: #333;text-decoration: none;white-space: nowrap;}
  .mobile-submenu-list a.active {background: #005a9d;color: #fff;border-color: #005a9d;}
}
@media (min-width: 992px) {
  .mobile-submenu-wrapper {display: none !important;}
}
@media (max-width: 768px) {
  .container{width: 100%;}

  .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;}


  .pub-title{height: 55px;}
  .pub-title .name{font-size: 50px;line-height: 45px;}
  .pub-title .info{font-size: 14px;line-height: 10px;}


  .footerbox .footbox,.index .footerbox{height: auto;}
  .footer-top {flex-direction: column;gap: 20px;}
  .footer-top .footer-middle .name{display: none;}
  .footer-top::after {display: none;}
  .footer-middle .social-btns{position: relative;}
  .footer-middle .social-btn{position: static;}
  .footer-middle .social-btn:hover .wechat-qrcode{max-width: 100%;}
  .footer-left, .footer-middle, .footer-right,.footer-right .rightbox {text-align: center;}
  .footer-left .contact-item {justify-content: center;}
  

  
  .bannerWrap .followUs{display: none;}

  /* .productWrap .scroll .item+.item{margin-left: 30px;} */

  .productWrap .icon21,.aboutWrapbox .trp{display: none;}
  .productWrap .productBox{padding: 10px 0px;}
  .productCon .proTop .rightbox .title a{line-height: 28px;}
  .productCon .proTop .rightbox .info{line-height: 24px;}
  .productCon .proTop .rightbox .summary{line-height: 24px;margin: 10px 0px 30px;}
  .productCon .proTop .rightbox .shopcar{width: 40px;height: 40px;background-size: 50%;}
  .productCon .proTop .rightbox .pbtn{padding: 0px 20px;line-height: 38px;}
  
  .newWrapbox .newTop .info{line-height: 22px;}
  
  .resourceWrap{margin: 0px auto 20px;padding: 15px 0px 50px;border-radius: 20px;}
  .resourceWrap .icon33{display: none;}

  
  .publicBanner .bannerbox .font{font-size: 38px;}

  
  .searchWrap .searchBox{display: flex;flex-wrap: wrap;}
  .searchWrap .searchBox .itembox{margin-bottom: 10px;}

  .product-detail .productTop .top{margin: 0px auto 20px;}
  .product-detail .productTop .icon30{display: none;}
  .product-detail .productTop .bookimg{float: none;}
  .product-detail .productTop .bigimgbox{padding-top: 300px;margin: 0 auto;}
  .product-detail .productTop .img-list{margin: 20px 0px;}
  .product-detail .bookinfo{margin-left: 0;}
  .product-detail .bookinfo .shopWrap .car{margin-right: 10px;}
  .product-detail .bookinfo .shopWrap .type{margin-right: 5px;}


  .listMenu{margin-top: 0;width: 100%;}
  .listMenu .topListnav{transform: translateY(0);margin-bottom: 20px;background: none; border-radius: 0;}
  .listMenu .topListnav .topwrap{background: rgba(0, 0, 0, 0.6);}

  
  .business-detail .btw{width: 100%;padding: 15px 0px 20px;}
  .business-detail .busTitle{font-size: 40px;margin: 0;}
  .business-detail .busIntro{line-height: 28px;}

  .business-detail .solItem{flex-direction: column-reverse;}
  .business-detail .solItem .imgwrap{width: 100%;}
  .business-detail .solItem .right{width: 100%;padding: 0;}
  .business-detail .solItem .right .info{margin-bottom: 15px;}
  .business-detail .solItem1 .right .name::after{display: none;}

  .timeline-container .timeline::before{left: 5px;}
  .timeline-container .timeline .icon36{left: -7px;}
  .timeline-container .timeline-item{padding-left: 20px;padding-top: 40px;}
  .timeline-container .timeline-item .year{top: -20px;left: 20px;}
  .timeline-container .timeline-item .year1{flex-direction: row;align-items: center;}
  .timeline-container .timeline-item .year1 .lin1{position: relative;transform: translateY(0px);}
  .timeline-container .timeline-item .circlebox{flex-direction: column;left: -23px;top: -40px;}
  .timeline-container .timeline-item .circlebox .icon2{width: 2px;height: 60px;}

  .timeline-Noimg .timeline-item .circlebox .icon2{height: 50px;}
  .timeline-Noimg .textGroup .text{padding-left: 10px;}
  

  .aboutus .bigTitle{font-size: 40px;margin: 0;}

  .detailPage .detailTop .conTitle{line-height: 34px;margin: 15px 0px;}

}

@media screen and (max-width: 540px) {
	body{font-size: 12px;}
	.font30{font-size: 24px;}
	.font28{font-size: 22px;}

	.font12{font-size: 10px;}

  .navbarWrap .navbarRight{gap: 10px;}
  .navbarWrap .lang-btn{width: 80px;line-height: 28px;}
  .navbarWrap .search-btn{width: 40px;height: 40px;background-size: 17px;}
  .navbarWrap .search-box input{height: 42px;padding: 0px 30px 0px 10px;}
  .navbarWrap .search-close{right: 6px;}
  .navbarWrap .navbar-submenu li a{padding: 10px 10px 10px 20px;}

  .footer-top .name{margin-bottom: 0px;}
  .footer-left .contact-item{margin-bottom: 5px;}
  .footer-middle .phone{margin-bottom: 0px;}
  .footer-middle .wechat-qrcode img{width: 70px;height: 70px;}
  .footer-middle .wechat-qrcode span{font-size: 10px;}
  .footer-bottom{padding: 10px 0px;}
  
  .pub-title{height: 45px;padding-left: 10px;margin: 15px 0px;}
  .pub-title .name{font-size: 30px;line-height: 35px;}
  .pub-title .info{font-size: 12px;line-height: 10px;}
  .pub-title .figure{display: none;}
  .pub-title .more img{max-width: 50px;}

  .page .pagetotal{display: none;}

  .bannerWrap .popWrap{display: none;}

  .aboutWrap{margin: 20px 0px 40px;}
  .aboutWrap .intro{margin: 20px 0px;}
  .aboutWrap .numberWrap .item{margin-bottom: 10px;}
  .aboutWrap .numberWrap .info{line-height: 16px;}
  .aboutWrap .moreWrap .morebtn{width: 130px;line-height: 35px;}

  .productWrap .productNav{margin: 10px 0px;font-size: 14px;}
  .productWrap .scroll .item{line-height: 32px;}
  /* .productWrap .scroll .item+.item{margin-left: 20px;} */
  .productWrap .scroll .item.cur::after{right: -8px;}
  .productWrap .scroll .item.cur{font-size: 16px;}

  .productWrap .productBox{border-radius: 0px 20px 0px 20px;}
  .productCon .proTop .imgbox{width: 145px;height: 180px;}
  .productCon .proTop .rightbox{margin-left: 165px;}
  .productCon .proTop .rightbox .title{margin: 10px 0px 20px;}
  .productCon .proTop .rightbox .title a{font-size: 16px;-webkit-line-clamp: 3;}
  .productCon .proTop .rightbox .summary{display: none;}
  .productCon .proBtm{margin-top: 20px;}
  .productCon .proTop .rightbox .btnwrap{display: none;}


  .newWrap .col-xs-6{width: 100%;}
  .newWrap .newTit{margin: 10px 0px;}

  .newWrapbox .newTop{padding-bottom: 30px;border-bottom: 1px solid #ddd;}
  .newWrapbox .newTop .item{flex-direction: column;}
  .newWrapbox .newTop .imgbox{width: 100%;padding-top: 56%;}
  .newWrapbox .newTop .rightbox{margin-top: 20px;padding-left: 0;width: 100%;position: relative;}
  .newWrapbox .newTop .date{display: flex;position: absolute;top: -50px;left: 10px;}
  .newWrapbox .newTop .date::after{display: none;}
  .newWrapbox .newTop .title a{-webkit-line-clamp: 2;}
  .newWrapbox .newTop .info{-webkit-line-clamp: 3;}
  
  .newWrap .newTit a{min-height: auto;}

  .resourceWrap{border-radius: 10px;}
  .resourceWrap .resourcebox{flex-wrap: wrap;}

  .publicBanner{border-radius: 5px;min-height: 150px;}
  .publicBanner .bannerbox .font{font-size: 30px;}

  .bookSwiper .itembox .rightbox .title{margin: 10px 0px;}
  .bookSwiper .itembox .rightbox .title a{line-height: 22px;-webkit-line-clamp:3;}

  .bookList .itembox{width: 50%;margin-bottom: 15px;}

  .product-detail .productTop .bigimgbox{width: 220px;padding-top: 220px;}
  .product-detail .bookinfo .tit{font-size: 20px;line-height: 26px;}
  .product-detail .bookinfo .info{font-size: 14px;}
  .product-detail .bookinfo .info .left{min-width: 55px;}
  .product-detail .bookmain .theme{padding: 5px 0px;}
  .product-detail .bookmain .intro{margin-bottom: 10px;}


  .listMenu{font-size: 16px;}
  .listMenu .topListnav{margin-bottom: 15px;}
  .listMenu .topListnav .item{padding-top: 3px;}
  .listMenu .topListnav a{line-height: 40px;}
  .listMenu .btmListnav .item{line-height: 35px;}


  .business-detail .busTitle{font-size: 36px;}

  .timeline-container .textGroup{flex-direction: column;margin-bottom: 10px;}
  .timeline-container .timeline-item .image{width: 100%;}
  .timeline-container .timeline-item .year{font-size: 34px;}
  .timeline-container .textGroup .text{margin-top: 20px;padding: 20px 0px;line-height: 28px;}
  
  .timeline-Noimg .timeline-item{padding-top: 25px;}
  .timeline-Noimg .timeline-item .circlebox{top: -30px;}
  .timeline-Noimg .textGroup .text{padding: 0;margin-top: 0;}
  .timeline-Noimg .timeline-item .circlebox .icon2{height: 23px;}

  
  .bookItem .pubItem{flex-direction: column;}
  .bookItem .pubItem .book{margin-bottom: 10px;}
  .bookItem1:nth-child(even) .pubItem .book:nth-child(2) {transform: translateY(0px);}
  .bookItem1:nth-child(odd) .pubItem .book:nth-child(2) {transform: translateY(0px);}
  .bookItem2 .book:nth-child(even){transform: translateY(0px);}
  
  .aboutus .bigTitle{font-size: 36px;}
  .aboutus .aboutItem{margin: 10px 0px;}

  .detailPage .detailTop{padding-bottom: 15px;}
  .detailPage .detailTop .conTitle{margin: 5px 0px 10px; }
  .detailPage .detailBtm{margin-top: 20px;}
  .detailPage .art-content, .detailPage .art-content p{line-height: 28px}


  .contact .p30{width: auto;}
  .contact .tablebox table td{word-break: break-all;padding: 5px 10px;line-height: 20px;}
 
}
@media screen and (max-width: 440px) {
  .productCon .proTop .imgbox,.productCon .proBtm .imgbox{width: 100px;height: 125px;}
  .productCon .proTop .rightbox,.productCon .proBtm .rightbox{margin-left: 115px;}
  .productCon .proTop .rightbox .info,.productCon .proBtm .rightbox .info{display: none;}
  .productCon .proTop .rightbox .title,.productCon .proBtm .rightbox .title{margin: 10px 0px 0px;}

}