@media screen and (max-width: 1800px) {
.w1640 { width: 90% }
}
@media screen and (max-width: 1600px) {
.prdInnerHead .w1640 { padding: 0 }
.swiper-box1>.w1640 .appprev,
.swiper-box1>.w1640 .appnext { -webkit-transform: translate(0, -50%); transform: translate(0, -50%) }
.time .swiper .appprev { -webkit-transform: translate(-130%, -50%); transform: translate(-130%, -50%) }
.time .swiper .appnext { -webkit-transform: translate(130%, -50%); transform: translate(130%, -50%) }
.swiper-profile .prev { margin-right: 32vw }
.swiper-profile .next { margin-left: 32vw }
}
@media screen and (max-width: 1440px) {
.w1400 { width: 90% }
.advantageHead .w1400 { width: 100% }
.swiperTimeBox .item .text { height: 10vw }
.swiper-time { padding-right: 13vw; -webkit-box-sizing: border-box; box-sizing: border-box }
}
@media screen and (max-width: 1366px) {
.indexPrd .w1640 .swiper { margin: 1.8vw 0 }
.indexProject .w1640 .list { margin-top: 4vw }
.swiperPrdBox .font { padding: 30px; padding-bottom: 0 }
.swiperPrdBox .font p { margin-bottom: 20px }
.profile .w1200 { width: 70vw }
.swiper-profile { height: 32vw }
.swiper-profile .prev { margin-right: 37.5vw }
.swiper-profile .next { margin-left: 37.5vw }
.swiper-profile .swiper-wrapper .swiper-slide { width: 70vw }
.newsInnerBox .w1400 { padding: 0 }
.indexNewsList .list:hover p { height:calc(12px * 2 * 1.8)
}
}
@media screen and (max-width: 1280px) {
.w1200 { width: 90% }
.swiperTimeBox .item:nth-child(1) { -webkit-transform: translate(0) !important; transform: translate(0) !important }
.indexNewsList .list:hover h5 { margin-bottom: 0 }
.indexNewsList .list:hover p { display: none }
.time .swiper .appprev { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.time .swiper .appnext { -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%) }
.swiper-time { padding: 0 }
.swiper-time .swiper-wrapper .swiper-slide.swiper-slide-next+.swiper-slide { opacity: 0 }
}
@media screen and (max-width: 1200px) {
.prdInnerHeadFont .shubiao { display: none }
}
@media screen and (max-width: 1024px) {
.dehuikeji { height: auto }
.dehuikeji>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.cloudSassList { width: 40% }
.cloud .w1400 .cloudImg { width: 55% }
.cloud .w1400 .font { margin-right: 3vw }
.advantageHead .w1400 { overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; overflow: -moz-scrollbars-none; overflow: -webkit-scrollbars-none }
.advantageHead .w1400::-webkit-scrollbar {
display:none
}
.advantageHead .w1400 section { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; -ms-flex-negative: 0; flex-shrink: 0 }
.advantageHead .w1400 .navigation { display: none }
.advantageSwiper .w1400 { width: 100% }
.advantageSlide { -ms-flex-wrap: wrap; flex-wrap: wrap }
.advantageSlide figure { width: 100% }
.advantageSlide .font { width: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0; margin-top: 5vw }
.indexProgramme { padding-top: 0 !important }
.indexSection { padding: 0 }
.indexProgramme .swiper-programme .swiper-wrapper .swiper-slide img { height: auto }
.p5vw { padding: 3vw 0 !important }
.prdInnerHead { height: 50vw }
.prdInnerHead { margin-top: 75px }
.cloud { margin-top: 75px }
.indexNews .w1640 .indexNewsBox { -ms-flex-wrap: wrap; flex-wrap: wrap }
.indexNews .w1640 .indexNewsBox .swiper { width: 100% }
.indexNewsimg .text { height: auto; padding: 30px; width: 100%; background: rgba(255,255,255,0.9) }
.indexNewsimg .text i { display: none }
.indexNewsList { padding-left: 0; margin-top: 15px }
.scrollWrapper { position: static; will-change: auto }
.swiper-box1>.w1640 .appprev,
.swiper-box1>.w1640 .appnext { display: none }
.navUl { display: none }
.box1text .w1640 figure { display: none }
.subnavHead { margin-top: 0px }
.swiper-box1 { margin-top: 75px }
header { height: 75px }
header .w1640 { width: 94% }
header .w1640 .logo img { height: 4vw }
.wx { display: none }
.wx i { font-size: 4vw }
.mobileMenu { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 2vw }
.footerText { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.footerText .item { margin: 0; max-width: 100% }
.footerIcon { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px }
.contactItems .item { width: 46% }
.contactItems .item i { -webkit-transform: translateY(0); transform: translateY(0); font-size: 20px }
.culture { height: 50vw }
.swiperTimeBox .item:nth-child(1) { -webkit-transform: translateX(0); transform: translateX(0) }
.newsInnerBoxTitle div .bdshare a { font-size: 20px }
.profile .w1200 { width: 90% }
.swiperTimeBox .item .text { padding: 15px; height: 12vw }
.swiper-profile { height: auto; width: 100% }
.swiper-profile .prev,
.swiper-profile .next { width: auto; height: auto; padding: 1vw; white-space: nowrap; background: rgba(255,255,255,0.3) }
.swiper-profile .prev p,
.swiper-profile .next p { position: static; -webkit-transform: translate(0, 0); transform: translate(0, 0); color: #fff; font-size: 12px }
.swiper-profile .prev { right: auto; left: 3%; margin-right: 0 }
.swiper-profile .next { margin-left: 0; left: auto; right: 3% }
.swiper-profile .swiper-wrapper .swiper-slide { width: 100% }
.swiper-profile .swiper-wrapper .swiper-slide .swiperProfileImg { width: 100% }
.newsSwiper .font p { -webkit-line-clamp: 2 }
.myCooperateInput input { height: 5vw }
.myCooperate .w1200 button { height: 5vw }
.myCooperateArea .list { height: 5vw }
.myCooperateArea .list ul { max-height: 20vw }
.myCooperateArea .list ul li { height: 4vw }
.InnerHead { margin-top: 0px }
.caseInnerArea { margin-top: 5vw }
.caseInnerArea .areaLeft { width: 70% }
.caseInnerArea .areaLeft .swiper-areaFont { width: 100% }
.caseInnerArea .areaRight .swiper-area { height: 28vw }
@-webkit-keyframes spin2 { from {
-webkit-transform:translate(50%, 17.5vw) rotate(0turn) translate(-50%, -17.5vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%);
transform:translate(50%, 17.5vw) rotate(0turn) translate(-50%, -17.5vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%)
}
to { -webkit-transform: translate(50%, 17.5vw) rotate(1turn) translate(-50%, -17.5vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%); transform: translate(50%, 17.5vw) rotate(1turn) translate(-50%, -17.5vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%) }
}
@keyframes spin2 { from {
-webkit-transform:translate(50%, 17.5vw) rotate(0turn) translate(-50%, -17.5vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%);
transform:translate(50%, 17.5vw) rotate(0turn) translate(-50%, -17.5vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%)
}
to { -webkit-transform: translate(50%, 17.5vw) rotate(1turn) translate(-50%, -17.5vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%); transform: translate(50%, 17.5vw) rotate(1turn) translate(-50%, -17.5vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%) }
}
.areaLeftSwiper .dot { width: 35vw; height: 35vw }
.areaLeftSwiper .dot:after { width: 34.5vw; height: 34.5vw }
.areaLeftSwiper .dot figure img { width: 30vw; height: 30vw }
.profileNum .item div b { width: 3.5vw; height: 3.5vw; position: static; margin-left: 0.7813vw }
.indexProjectitem { width: 48% }
.indexProjectitem:nth-child(3) { display: none }
.indexProjectitem .text { height: 6vw }
.casePrd .w1400 .casePrdItem .indexProjectitem:nth-child(3) { display: block }
.indexPrd .w1640 .swiper .swiper-prd { width: 100% }
.indexPrd .w1640 .swiper .prdNext,
.indexPrd .w1640 .swiper .prdPrev { display: none }
.indexProgramme { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse }
.indexProgramme .font { width: 100%; padding: 30px 5%; text-align: center }
.indexProgramme .font .ititle { text-align: center }
.indexProgramme .font .learn { margin-left: auto; margin-right: auto }
.indexProgramme .swiper-programme { width: 100% }
.indexProgramme .programmeItems { position: static; height: 20vw }
.indexProgramme .programmeItems a { width: 25%; height: 100% }
.learn { width: 120px; height: 35px }
.indexPrd .w1640 { padding: 0 }
.swiper-box1 { height: auto !important }
.box1img { height: auto }
.box1img img { height: auto }
.box1img video { height: auto }
.subnavBody { height: 40px }
.subnavBody .w1640 { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; overflow: -moz-scrollbars-none; overflow: -webkit-scrollbars-none }
.subnavBody .w1640::-webkit-scrollbar {
display:none
}
.subnavBody .w1640 a { -ms-flex-negative: 0; flex-shrink: 0 }
.prdItem { width: 48% }
.prdItem .font { padding: 15px }
.prdInnerTable .item { min-height: 5vw }
.prdInnerSpecial .prdInnerSpecialBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 90%; height: auto; border: none }
.prdInnerSpecial .prdInnerSpecialBox:after { display: none }
.prdInnerSpecialItems { position: static; width: 100%; margin-top: 60px }
.prdInnerSpecial { padding: 60px 0 }
.prdInnerSpecialInnerBox { width: auto; height: auto; border: none }
.prdInnerSpecialInnerBox .dot { width: 30vw; height: 30vw }
.prdInnerSpecialInnerBox .dot figure { width: 25vw }
.prdInnerSpecialItem { position: static; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important }
.prdInnerSpecialItem i { margin-right: 30px; width: 50px; height: 50px }
.prdInnerSpecialItem p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: static; width: 100%; margin: 0 !important; -webkit-transform: translate(0, 0); transform: translate(0, 0) }
.programmeItems a i { font-size: 30px }
.profileBot .w1400 { padding: 0 }
.swiper-box1 .shubiao { display: none }
.deepmao { top: -75px }
}
@media screen and (max-width: 768px) {
.prdInnerFunction,
.prdInnerSpecial,
.prdInnerData,
.case,
.indexProject,
.casePrd,
.caseInner,
.caseInnerSystem,
.caseInnerApp,
.myCooperate,
.news,
.time,
.indexNews,
.indexPrd,
.cloud,
.cloudSass,
.cloudData,
.cloudEnd { padding: 30px 0 }
.fixedScroll { width: 70px }
.fixedScroll img { width: 100% }
.fixedScroll { padding: 3vw 1vw }
.fixedScroll span { margin: 1vw 0 !important }
.cloudSassBox { -ms-flex-wrap: wrap; flex-wrap: wrap }
.cloudEnd .item { margin-top: 5vw }
.cloudSassList { padding-left: 0; width: 100%; margin-bottom: 5vw }
.cloudSassList .item .head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.cloudSassList .item .head figure { position: static; -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7) }
.cloudDataHead { overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; overflow: -moz-scrollbars-none; overflow: -webkit-scrollbars-none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-bottom: none }
.cloudDataHead::-webkit-scrollbar {
display:none
}
.cloudDataHead section { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; padding: 0; padding-bottom: 10vw }
.cloudDataHead section:after { -webkit-transform: translateY(-4vw); transform: translateY(-4vw); height: 3px }
.cloudDataHead section:before { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-width: 2vw }
.cloudDataSlide .list div:first-child { width: 35%; padding: 2vw }
.cloudDataSlide .list div:last-child { width: 64%; padding: 2vw }
.cloudSassSwiper { width: 100%; height: auto; border-radius: 0 }
.cloud .w1400 { -ms-flex-wrap: wrap; flex-wrap: wrap }
.cloud .w1400 .font { width: 100%; margin: 0; margin-bottom: 5vw }
.cloud .w1400 .cloudImg { width: 100% }
.download { padding: 2vw 4vw; margin: 3vw 0 5vw; display: inline-block }
.advantage { padding: 30px 0 }
.advantageHead { margin: 15px 0 30px }
.advantageSlide .font .line { margin: 10px 0 15px; height: 2px }
.advantageHead .w1400 section i { margin-right: 10px }
.advantageHead .w1400 section:after { height: 2px }
.prdDetails { margin-top: 3vw }
.prdDetails a { padding: 1.5vw 4vw; border-radius: 10vw }
.p5vw { padding: 5vw 0 !important }
.indexProgramme { padding-top: 0 !important }
.deepmao { top: -50px }
.mobileMenu .mobileMenu_box { width: 26px; height: 18px }
.mobileNav .box { padding-top: 50px }
.mobileNav .box .mobileNavItems .mobileNavItem .head h5 { font-size: 16px }
.indexNewsimg .text { padding: 10px 15px; position: static; background: #fafafa }
.indexNewsList .list { padding: 10px 5px }
.cloud { margin-top: 50px }
.prdInnerHead { margin-top: 50px }
.swiper-box1 { margin-top: 50px }
.subnavHead { margin-top: 0px }
.ne-search { top:-20px; padding:0px; }
.swiper-box1 .swiper-pag span { width: 6px; height: 6px; margin: 0 4px !important }
header { height: 50px }
header .w1640 .logo img { height: 40px }
.mobileMenu { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 2vw }
footer { padding: 15px 0 }
.footerText { -ms-flex-wrap: wrap; flex-wrap: wrap }
.footerText .item { width: auto; margin: 10px 0 }
.profile .w1200 { margin-bottom: 30px }
.footerIcon { margin-top: 10px }
.footerIcon .margin { margin: 15px 0 5px; width: 100%; text-align: center }
.profileBot .w1400 figure { margin-left: 50px; width: 200px }
.profileBot .w1400 figure .bg img { width: 90px }
.contact { padding-top: 30px }
.contactItems .item { width: 100%; margin-bottom: 20px }
.contactItems .item i { font-size: 5vw }
.contactItems .item .text { margin-left: 15px }
.profile { padding: 30px 0 0 }
.swiper-time { margin-top: 30px }
.culture { height: 60vw }
.culture .w1400 { width: 95%; margin-left: 5%; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; overflow: -moz-scrollbars-none; overflow: -webkit-scrollbars-none }
.culture .w1400::-webkit-scrollbar {
display:none
}
.culture .w1400 .item { -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-negative: 0; flex-shrink: 0; width: 60% }
.culture .ptitle { display: none }
.cultureTitle { display: block !important; margin-bottom: 20px }
.culture .w1400 .item .text .line { margin: 8px auto }
.culture .w1400 .item .text p { font-size: 12px }
.honorList { margin: 20px 0 }
.honorList .honorItem { padding: 10px 0 }
.honorList .honorItem p { margin: 0 10px }
.honorList .honorItem .dot { width: 6px; height: 6px }
.honor { padding: 30px 0 }
.time .swiper .appprev { width: 30px; height: 30px; background: #e60012; border-radius: 50%; z-index: 4; font-size: 15px; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%) }
.time .swiper .appprev:after { display: none }
.time .swiper .appnext { width: 30px; height: 30px; border-radius: 50%; background: #e60012; z-index: 4; font-size: 15px; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%) }
.time .swiper .appnext:after { display: none }
.newsInnerBoxTitle div .bdshare { margin-left: 10px }
.newsInnerBoxTitle div .bdshare a { font-size: 15px }
.swiperTimeBox .item .text { height: 35vw }
.newsInnerBox { padding-top: 30px }
.newsInnerBox .w1400 h5 { font-weight: 400 }
.newsInnerBoxTitle div i { margin-right: 5px }
.newsList { padding-bottom: 30px }
.newsListItem { -ms-flex-wrap: wrap; flex-wrap: wrap }
.newsListItem figure { width: 100% }
.newsListItem .font { width: 100%; margin: 0; padding: 15px 0; -webkit-box-sizing: border-box; box-sizing: border-box }
.newsListItem time { display: none }
.news .w1400 .appprev,
.news .w1400 .appnext { width: 30px; height: 30px; bottom: 60%; -webkit-transform: translateY(50%); transform: translateY(50%) }
.news .w1400 .appprev { right: auto; left: 0 }
.news .w1400 .appnext { left: auto; right: 0 }
.newsSwiper { -ms-flex-wrap: wrap; flex-wrap: wrap }
.newsSwiper figure { width: 100% }
.newsSwiper .font { width: 100%; margin: 0; padding: 15px }
.myCooperateTitle { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.myCooperateTitle h6 { display: block; width: 100%; text-align: center; margin-bottom: 10px }
.myCooperateText { margin: 15px 0 !important; padding-left: 0 }
.myCooperate .w1200 button { height: 8vw }
.cooperate { margin-top: 0px }
.myCooperateArea .list { height: 8vw }
.myCooperateArea .list ul { max-height: 24vw }
.myCooperateArea .list ul li { height: 6vw; font-size: 12px }
.myCooperateInput { -ms-flex-wrap: wrap; flex-wrap: wrap }
.myCooperateInput input { width: 100%; height: 8vw; margin-bottom: 10px }
.subnavHead .bannerText .w1640 figure { display: none }
.subnavHead .bannerText .w1640>span { display: none }
.cooperate { -ms-flex-wrap: wrap; flex-wrap: wrap }
.cooperate .item { width: 100% }
.cooperate .item.active .bg .line { height: 10px; margin-bottom: 5px }
.cooperate .item .bg h5 { margin: 10px 0 }
.InnerHead { height: 10vw }
.InnerHead .more{ display:none; }
.InnerBox { padding-top: 30px }
.InnerBox .w1400 .InnerBoxTitle { margin: 15px 0 }
.InnerBox .w1400 .InnerBoxTitle div { margin: 5px 0 }
.InnerBox .w1400 .swiper .swiperBox .prev,
.InnerBox .w1400 .swiper .swiperBox .next { width: 30px; height: 30px; font-size: 12px }
.swiper-thumb .swiper-wrapper .swiper-slide figure:after { border: 2px solid rgba(0,0,0,0) }
.subnavHead .bannerText .w1640 .line { height: 2px }
.subnavHead .bannerText .w1640 small { display: none }
.caseInnerData { padding-top: 30px }
.caseInnerApp .w1640 .caseInnerAppSwiper .appprev,
.caseInnerApp .w1640 .caseInnerAppSwiper .appnext { width: 30px; height: 30px; font-size: 12px }
.caseInnerArea { -ms-flex-wrap: wrap; flex-wrap: wrap }
.caseInnerArea .areaLeft { width: 100% }
.caseInnerArea .areaLeft .swiper-areaFont { width: 100% }
.caseInnerArea .areaRight { margin-top: 5vw; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100% }
.caseInnerArea .areaRight .swiper-area { height: 20vw; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 5vw }
.areaLeftSwiper { -ms-flex-wrap: wrap; flex-wrap: wrap }
.areaLeftSwiper .font { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; margin-right: 0; margin-bottom: 5vw }
.areaLeftSwiper .dot { width: 60vw; height: 60vw; margin-left: auto; margin-right: auto }
.areaLeftSwiper .dot:after { width: 58vw; height: 58vw }
.areaLeftSwiper .dot .littledot { width: 2vw; height: 2vw }
.areaLeftSwiper .dot figure img { width: 50vw; height: 50vw }
@-webkit-keyframes spin2 { from {
-webkit-transform:translate(50%, 30vw) rotate(0turn) translate(-50%, -30vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%);
transform:translate(50%, 30vw) rotate(0turn) translate(-50%, -30vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%)
}
to { -webkit-transform: translate(50%, 30vw) rotate(1turn) translate(-50%, -30vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%); transform: translate(50%, 30vw) rotate(1turn) translate(-50%, -30vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%) }
}
@keyframes spin2 { from {
-webkit-transform:translate(50%, 30vw) rotate(0turn) translate(-50%, -30vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%);
transform:translate(50%, 30vw) rotate(0turn) translate(-50%, -30vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%)
}
to { -webkit-transform: translate(50%, 30vw) rotate(1turn) translate(-50%, -30vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%); transform: translate(50%, 30vw) rotate(1turn) translate(-50%, -30vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%) }
}
.subnavBody { height: 10vw }
.profileNum { -ms-flex-wrap: wrap; flex-wrap: wrap }
.profileNum .item { width: 50%; margin: 10px 0 }
.profileNum .item div { -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.profileNum .item div small { font-size: 22px }
.profileNum .item div b { width: 20px; height: 20px; font-size: 10px }
.profileNum .line { display: none }
.casePrd .paging { margin-top: 15px }
.indexProjectitem { width: 100%; margin-bottom: 20px }
.indexProjectitem:hover { -webkit-transform: translate(0, 0); transform: translate(0, 0) }
.indexProjectitem:nth-child(3) { display: block }
.indexProjectitem .text { min-height: 40px; padding: 0 15px }
.programmeItems a h6 { display: none }
.programmeItems a .jia { display: none }
.programmeItems a i { font-size: 24px }
.swiperPrdBox { -ms-flex-wrap: wrap; flex-wrap: wrap }
.swiperPrdBox figure { width: 100% }
.swiperPrdBox .font { width: 100%; padding: 15px; background: #E1E1E1 }
.swiperPrdBox .font .line { width: 30px; height: 2px; margin: 10px 0 15px }
.swiperPrdBox .font p { -webkit-line-clamp: 2; margin-bottom: 15px }
.swiper-prdGalley .swiper-wrapper .swiper-slide { border: 1px solid rgba(0,0,0,0) }
.prd { padding: 30px 0 }
.prd .paging { margin-top: 0 }
.paging a { width: 30px; height: 30px; margin: 0 4px }
.caseItem { margin-bottom: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap }
.caseItem figure { width: 100% }
.caseItem .font { width: 100%; padding: 15px }
.prdItem { width: 100%; margin-bottom: 20px }
.prdInnerSpecial .prdInnerSpecialBox { width: 80% }
.prdInnerTable .item { min-height: 13vw }
.prdInnerTable .item div { padding: 0 15px !important }
.prdInnerSpecialInnerBox .dot { width: 70vw; height: 70vw; padding: 0 }
.prdInnerSpecialInnerBox .dot h5 { margin-bottom: 20px }
.prdInnerSpecialInnerBox .dot figure { width: 43vw }
.prdInnerSpecialItems { margin-top: 30px }
.prdInnerSpecialItem i { width: 40px; height: 40px }
.prdInnerFunctionItem { -ms-flex-wrap: wrap; flex-wrap: wrap }
.prdInnerFunctionItem figure { width: 100% }
.prdInnerFunctionItem .font { width: 100%; padding: 20px 0 }
.prdInnerHead { height: auto; padding: 30px 0 }
.prdInnerHead .w1640 { position: static; -webkit-transform: translate(0); transform: translate(0) }
.prdInnerHeadFont { width: 100%; text-align: center }
.prdInnerHeadFont .line { height: 2px; margin-left: auto; margin-right: auto }
.prdInnerHeadSwiper { width: 100% }
.prdInnerHeadSwiper .swiper-prdpag span { width: 6px; height: 6px; margin: 0 5px }
}