:root { --theme: #AE3933; --font-size-base: 14px; --font-size-sm: 15px; --font-size-mid: 17px; --font-size-lg: 28px; }


* { margin: 0; padding: 0; }

body { font-size: 14px; }

*,
*:focus,
*:hover { outline: none; }

a,
a:hover,
a:active,
a:visited,
a:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; background: none; text-decoration: none; /* color: rgba(255, 255, 255, .7); */ }

.flex-row { display: flex; }

.flex1 { flex: 1; }

.text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.aligncenter { align-items: center; }

.nodata { margin: 50px auto; display: none; text-align: center; }

.nodata img { }

.mainContainer { width: 1300px; margin: 0 auto; position: relative; z-index: 11; }
.lgContainer { min-width: 1300px; max-width: 1920px; margin: 0 auto; position: relative; background-repeat: no-repeat; background-size: cover; }
.pading-bot-lg { padding-bottom: 50px; }
/* 内容 */
.section-title { padding: 50px 0; text-align: center; }

.section-title .title { font-size: var(--font-size-lg); line-height: 2; }

.section-title .subtitle { font-size: 17px; line-height: 24px; text-transform: uppercase; }
.section-foot { padding: 50px 0; }

.section-foot .btn-more { margin: 0 auto; }

.containerMask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); }

.btn-more { display: flex; justify-content: center; align-items: center; width: 366px; line-height: 50px; border-radius: 4px; border: 1px solid var(--theme); margin: 0 auto 50px; background: initial; color: var(--theme); cursor: pointer; }

.breadCrumbs { padding: 20px; color: #666666; line-height: 19px; font-size: 14px; background: #FFF; border-radius: 15px 15px 0 0; }

.breadCrumbs .bread-item { position: relative; }

.breadCrumbs a { color: #666666; }

.breadCrumbs a:hover { color: var(--theme); }

.breadCrumbs .bread-item::after { content: '>'; }

.breadCrumbs .bread-item:last-child::after { content: ''; }

.filter { background: #FFF; padding: 0 25px; border-radius: 0 0 15px 15px; }

.filter .filter-row { display: flex; padding-top: 15px; border-top: 1px dashed #DDDDDD; }

.filter-row .type-title { width: 50px; font-size: var(--font-size-sm); font-weight: bold; color: #000000; line-height: 26px; }

.filter-row .type-list { display: flex; flex-wrap: wrap; }

.filter-row .type-item { display: block; padding: 3px 8px; line-height: 19px; background: #FFF; border-radius: 4px; font-size: var(--font-size-base); color: #666666; margin-bottom: 15px; margin-right: 20px; cursor: pointer; }

.filter-row .type-item.active { background: var(--theme); color: #FFF; }

.Pagination { display: flex; align-items: center; justify-content: center; padding: 50px 0; }

.Pagination .pager,
.Pagination .btn { width: 40px; height: 40px; font-size: 14px; color: #666; background: #FFFFFF; border: 1px solid #E5E5E5; display: flex; align-items: center; justify-content: center; margin-left: 10px; cursor: pointer; }

.Pagination .pager.current { background: var(--theme); color: #FFF; border: 1px solid var(--theme); }

.Pagination .btn { width: 90px; }

.Pagination .btn .iconfont { position: relative; top: 1px; }

.pageMask { display: none; position: fixed; z-index: 2999; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); }

.popWindow { display: none; position: fixed; z-index: 2999; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }

.popup-yysj { display: none; }

.popup-yysj.active { display: flex; }

.popup-yysj .yysj_img { background: #FFF; display: flex; align-items: center; }

.popup-yysj .yysjForm { width: 414px; padding: 30px 30px 15px; box-sizing: border-box; background: #FFF; position: relative; display: flex; flex-direction: column; }

.popup-yysj .yysjForm .icon-guanbi { position: absolute; right: 15px; top: 15px; color: #666; cursor: pointer; }

.popup-yysj .yysjForm .title { font-size: 26px; font-weight: bold; color: #000000; text-align: center; }

.popup-yysj .yysjForm .subtitle { font-size: 14px; font-weight: 500; color: #666666; text-align: center; margin: 5px 0; }

.popup-yysj .yysjForm .input-row { border: 1px solid #E4E4E4; width: 100%; margin: 0 0 10px; height: 44px; flex: initial; }

.popup-yysj .yysjForm .input-row input { font-size: 14px; }

.popup-yysj .yysjForm .input-row .iconfont { color: #999; }

.popup-yysj .yysjForm .form_btn { width: 100%; height: 44px; line-height: 44px; margin: 10px 0; }

button:disabled { background: #ddd; color: #FFF; cursor: initial; opacity: 1 !important; }

.popup-yysj .formContainer { flex: 1; display: flex; flex-direction: column; margin-top: 15px; }

.popup-yysj .form_footer { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; }

.popup-yysj .form_footer .privacy,
.privacy { display: flex; align-items: center; color: #666; font-size: 12px; }

.popup-yysj .form_footer .privacy .checkinput, .checkinput { cursor: pointer; }

.popup-yysj .form_footer .privacy .checkbox, .checkinput .checkbox { flex: initial; margin-right: 3px; position: relative; top: 2px; }

.popup-yysj .form_footer .privacy .link, .privacy .link { color: var(--theme); }

.popup-yysj .form_footer .tips { color: #999; font-size: 12px; }


/* 导航栏 */
.navibar-height { height: 60px; display: none; }

.topNavibar { box-sizing: border-box; width: 100%; padding: 0 30px; min-width: 1200px; height: 60px; z-index: 999; background-color: rgba(255,255,255,.5); display: flex; align-items: center; position: fixed; left: 0; top: 0; }

.topNavibar.fixed { background: #FFF; border-bottom: 1px solid #E3E3E3; }

.topNavibar .img-logo,
.topNavibar .img-logo-bian { height: 35px; }

.topNavibar .navlist { display: flex; flex: 1; justify-content: flex-end; margin: 0 50px; }

.topNavibar .navlist .nav-item { line-height: 22px; margin-left: 60px; position: relative; }

.topNavibar .nav-item a { color: #000; font-size: 15px; }

.topNavibar .nav-item.current a { color: var(--theme); font-weight: bold; }

.topNavibar .nav-item a:hover { color: var(--theme); }

.topNavibar .nav-item.current::after { content: ''; display: block; width: 95%; height: 4px; background: var(--theme); position: absolute; bottom: -18px; left: 50%; transform: translateX(-50%); }

.topNavibar .hotline { color: var(--theme); font-size: 18px; display: flex; align-items: center; font-family: Impact; }

.topNavibar .hotline .icon { width: 27px; line-height: 27px; height: 27px; background-color: var(--theme); border-radius: 50%; margin-right: 10px; color: #FFF; text-align: center; }

.topNavibar .hotline .icon .iconfont { font-size: 12px; }
.topNavibar .consulting-online .iconfont { margin-right: 5px; }
.topNavibar .consulting-online { display: flex; align-items: center; justify-content: center; border: 1px solid var(--theme); color: var(--theme); font-size: 13px; width: 120px; height: 34px; border-radius: 19px; margin: 0 50px; }


/* 头部Banner */
.header.pd,
.body.pd { padding-top: 70px; }
.bannerSwiper { --swiper-theme-color: var(--theme); }
.swiper-header-item { /*height: 820px;*/ overflow: hidden; display: flex; align-items: center; justify-content: center; background: #000; position: relative; }
.swiper-header-item .mainContainer { position: absolute; left: 50%; top: 50%; height: 100%; transform: translate(-50%,-50%); display: flex; justify-items: flex-start; align-items: center; overflow: hidden; }
.swiper-header-item .mainContainer .content { width: 50%; word-break: break-all; }

.banner1-bg { width: 100%; display: inline-block; vertical-align: middle; }
.banner1-link { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 12; }
/*自定义分页器的样式*/
#swiper-header .swiper-pagination { bottom: 120px; }

#swiper-header .swiper-pagination-bullet { width: 34px; height: 8px; display: inline-block; background: #000; opacity: .7; margin: 0 5px; border-radius: 4px; }

#swiper-header .swiper-pagination-bullet-active { opacity: 0.9; background-color: #FFF; }

.bannerForm { position: absolute; left: 0; right: 0; bottom: 0; z-index: 99; background: rgba(0, 0, 0, 0.8); height: 110px; display: flex; align-items: center; }

.bannerForm .leftTitle, .footerFixedForm .leftTitle { color: #FFF; margin-right: 25px; }

.bannerForm .leftTitle { width: 100px; flex: 1; }

.leftTitle h3 { font-size: 28px; line-height: 37px; }

.leftTitle p { line-height: 19px; margin-top: 8px; color: #BDBDBD; }

.bannerForm .mainContainer { }
.bannerForm .mainContainer .formBox { display: flex; align-items: center; }

.bannerForm .privacyTips { width: 100%; margin: 0 auto; display: flex; align-items: center; color: #BDBDBD; font-size: 12px; justify-content: flex-end; }

.bannerForm .privacyTips .tips { margin-right: 40px; }
.bannerForm .privacyTips .privacy .link, .footerFixedForm .privacyTips .privacy .link { color: #cfcfcf; }

.bannerForm .iconfont { color: var(--theme); }

.bannerForm form { flex: 1; }

.footerFixedForm { display: none; position: fixed; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); z-index: 99; min-width: 1500px; }

.footerFixedForm .formContainer { display: flex; align-items: center; width: 1500px; flex-wrap: wrap; margin: 0 auto; padding: 15px; }
.footerFixedForm .btn-close { position: absolute; right: 15px; top: 15px; border: 2px solid #bbb; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #bbb; padding: 5px; cursor: pointer; }
.footerFixedForm .btn-close .iconfont { font-size: 12px; }

.footerFixedForm .leftTitle { flex: 1; width: 100px; }

.footerFixedForm .privacyTips { width: 100%; display: flex; justify-content: flex-end; align-items: center; color: #666; font-size: 12px; }
.footerFixedForm .privacyTips .tips { margin-right: 40px; }
.input-row { display: flex; align-items: center; flex: 1; height: 44px; background: #FFFFFF; border-radius: 2px; padding: 0 15px; box-sizing: border-box; margin-right: 10px; }

.input-row:last-child { margin-right: 0; }

input { font-size: 14px; flex: 1; border: 0; outline: none; padding-left: 10px; }

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button { -webkit-appearance: none !important; }

.form_btn { width: 120px; height: 44px; line-height: 44px; background: var(--theme); border-radius: 2px; border: 0; color: #fff; cursor: pointer; font-size: 14px; }

.form_btn:hover { opacity: .8; }

.al-swiper-container { }

.al-swiper-container .swiper-slide { text-align: center; width: auto; position: relative; padding-bottom: 70px; }
.al-swiper-container .inner { color: inherit; }
.al-swiper-container .inner .figure img { display: block; height: 300px; border-radius: 6px; margin: 0 auto; }

.al-swiper-container .gallery-item-desc { text-align: left; display: inline-block; padding-top: 46px; transition-duration: 1.2s; position: absolute; bottom: 0; left: 0; right: 0; }

.al-swiper-container .gallery-item-desc h3 { line-height: 1.16667; font-weight: 600; letter-spacing: .009em; font-size: 20px; }

.al-swiper-container .gallery-item-desc p { margin-top: 1em; font-size: 15px; }

.al-swiper-container .swiper-slide-active { transform: scale(1); }

/*.al-swiper-container .gallery-item-desc {
    padding-top: 26px;
    width: 90%;
}*/

.al-swiper-container .swiper-button-next,
.al-swiper-container .swiper-button-prev { top: 40%; background-color: rgba(210,210,210,.6); color: #FFF; background-size: 15px 15px; border-radius: 50%; width: 52px; height: 52px; transition: all .5s; outline: none; opacity: 0; }

.al-swiper-container .swiper-button-next:after,
.al-swiper-container .swiper-button-prev:after { font-size: 16px; }

.mouse-hover .swiper-button-next, .mouse-hover .swiper-button-prev { opacity: 1; }

.al-swiper-container .swiper-button-next:hover, .al-swiper-container .swiper-button-prev:hover { background-color: rgba(210,210,210,.8); }

.al-swiper-container .swiper-button-next { right: 0px; }

.al-swiper-container .swiper-button-prev { left: 0px; }

.al-swiper-container .swiper-button-next.swiper-button-disabled,
.al-swiper-container .swiper-button-prev.swiper-button-disabled { opacity: 0; }

#alWheel { --swiper-theme-color: #FFFFFF; --swiper-navigation-size: 30px; }

.al-list { display: flex; flex-wrap: wrap; }

.al-list .al-item { width: 420px; margin-right: 20px; margin-bottom: 44px; position: relative; }

.al-list .al-item:nth-child(3n) { margin-right: 0; }

.al-list .al-item .al-cover { width: 420px; height: 420px; }

.al-list .al-item .al-title { font-size: 18px; line-height: 24px; margin-top: 12px; color: #000; }

.al-list .al-item .al-desc { color: #666; line-height: 19px; margin-top: 9px; }

.al-list .al-item .al-tag { position: absolute; z-index: 20; left: 50%; top: 50%; transform: translate(-50%,-50%); background: rgba(0, 0, 0, 0.8); color: #FFF; width: 50px; height: 50px; border-radius: 25px; }

.alWheel { margin-bottom: 50px; }

.alWheel-item { height: 580px; position: relative; }

.alWheel .alWheel-bg { width: 100%; height: 100%; }

.alWheel-item .al-tag { position: absolute; z-index: 20; left: 50%; transform: translateX(-50%); top: 30px; background: rgba(0, 0, 0, 0.8); color: #FFF; padding: 7px 15px; border-radius: 4px; }

.alWheel-item .al-content { width: 370px; height: 580px; background: rgba(0, 0, 0, 0.8); padding: 35px; position: absolute; z-index: 21; right: 400px; top: 0; box-sizing: border-box; color: #FFF; }

.alWheel-item .al-content .title { font-size: 22px; }

.alWheel-item .al-content .subtitle { margin-top: 17px; line-height: 28px; font-size: 14px; }

.alWheel-item .al-content .article { margin-top: 30px; line-height: 28px; font-size: 14px; }

.al-left { width: 40%; --swiper-theme-color: #ffffff; --swiper-navigation-size: 30px; }
.al-left .swiper-button-prev, .al-left .swiper-button-next { background: rgba(0,0,0,.6); padding: 10px 5px; }
.pc_cases_left_li { height: 520px; display: block; position: relative; overflow: hidden; }
.pc_cases_left_li img { width: 100%; height: 100%; object-fit: cover; transition: all .3s ease; }
.pc_cases_left_li:hover img { transform: scale(1.1); }
.cases_left_li_zz { position: absolute; bottom: 0; left: 0; background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0)); width: 100%; height: 50%; }
.cases_left_li_zz p { font-size: 18px; color: #fff; font-weight: 1000; position: absolute; bottom: 0; left: 0; padding: 0 36px; box-sizing: border-box; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.al-right { flex: 1; display: flex; flex-wrap: wrap; }
.al-right .pc_cases_left_li { height: 252px; width: calc(50% - 15px); box-sizing: border-box; margin-left: 15px; margin-bottom: 15px; }

.cyclopedia { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; }

.cyclopedia .cyc-item { width: 400px; height: auto; margin-top: 30px; margin-left: 50px; }
.cyclopedia .cyc-item.firstcol { margin-left: 0; }
.cyclopedia .cyc-item:nth-child(1) { margin-left: 0; margin-top: 0; }
.cyclopedia .cyc-item:nth-child(2), .cyclopedia .cyc-item:nth-child(3) { margin-top: 0; }



.cyclopedia .cyc-item .category { width: 100%; height: 154px; border-radius: 4px; overflow: hidden; position: relative; }

.cyclopedia .cyc-item .category .cover { width: 100%; height: 100%; object-fit: cover; }

.cyclopedia .cyc-item .category .mask { position: absolute; z-index: 16; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #FFF; font-size: 22px; line-height: 32px; display: flex; align-items: center; padding: 0 20px; box-sizing: border-box; }

.cyclopedia .cyc-item .cyc-link { display: block; font-size: var(--font-size-sm); color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.cyclopedia .cyc-item .cyc-link:hover { color: var(--theme); }

.advantage { margin-top: 80px; }

.img-desc-bg { display: block; height: 100%; width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; }

.advantage-list { display: flex; flex-wrap: wrap; justify-content: center; }

.advantage-item { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-right: 25px; width: 240px; height: 160px; border-radius: 4px; /*background: rgba(0, 0, 0, 0.5);*/ color: #FFF; margin-bottom: 25px; cursor: pointer; }


.advantage-item:nth-child(5n) { margin-right: 0; }

.advantage-item .icon { width: 50px; height: 50px; }


.advantage-item .title { font-size: var(--font-size-sm); line-height: 21px; margin-top: 25px; font-weight: bold; }


.advantage-item .desc { font-size: var(--font-size-base); color: #999999; line-height: 25px; height: 25px; margin-top: 6px; display: block; }
.trial-button { width: 300px; height: 50px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; background-color: var(--theme) !important; border-radius: 4px; }

.trial-button:hover { opacity: .9; }
.trial-button.center { margin: 0 auto; }
.product_intro { padding: 50px 0; }
.product_intro .mainContainer { display: flex; align-items: center; justify-content: center; }
.prod-itr-image { min-width: 500px; min-height: 100px; margin-right: 100px; }
.prod-itr-image.right { margin: 0 0 0 100px; }
.product_intro .trial-button { width: 150px; height: 40px; margin-top: 40px; }




.product_intro .textContent { min-width: 380px; max-width: 400px; }

.product_intro .textContent .flex-row { margin-bottom: 20px; margin-top: 30px; }

.product_intro .textContent .title { font-size: 30px; }
.product_intro .textContent .desc { font-size: 15px; margin-top: 10px; }

.product_intro .prod-itr-item { display: flex; flex-wrap: wrap; align-items: center; }

.product_intro .textClass { font-size: 13px; margin-right: 4px; position: relative; top: 4px; flex-shrink: 0; white-space: nowrap; }

.product_intro .prod-itr-item .textBage { background-color: #F3F4F9; padding: 5px 9px; color: #555555; font-size: 13px; margin-left: 6px; margin-bottom: 6px; border-radius: 2px; }

.news { margin-bottom: 50px; }

.cover-item { width: 660px; height: 525px; position: relative; }

.cover-item .cover-img { width: 100%; height: 100%; display: block; }

.cover-item .footer-info { position: absolute; left: 0; right: 0; bottom: 0; height: 90px; background: rgba(0, 0, 0, 0.6); color: #FFF; padding: 0 20px; }

.cover-item .footer-info .title { font-size: 18px; line-height: 24px; margin: 23px 0 6px; }

.cover-item .footer-info .desc { font-size: 14px; font-weight: 400; color: #BBBBBB; line-height: 20px; }

.news-list { width: 100%; height: 525px; display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; }

.news-item { width: calc(100% - 710px); height: 105px; padding: 25px 0; margin-left: 50px; box-sizing: border-box; border-top: 1px solid #F3F3F3; cursor: pointer; }

.news-item:last-child { border-bottom: 1px solid #F3F3F3; }

.news-item .title { font-size: 18px; line-height: 24px; margin-bottom: 9px; color: #333333; }

.news-item:hover .title { color: var(--theme); }

.news-item .desc { font-size: 14px; font-weight: 400; color: #999999; line-height: 20px; flex: 1; width: 50%; }

.news-item .datetime { font-size: 14px; font-weight: 400; color: #999999; line-height: 20px; }

.reason { background: rgba(0, 0, 0, 0.7) url('../img/case_1.jpg') no-repeat center center; background-size: 100%; margin-top: 80px; }

.reason-list { display: flex; }

.reason-item { flex: 1; text-align: center; color: #FFF; padding: 80px 0; }

.reason-item .title { font-size: 32px; color: #FFFFFF; line-height: 43px; }

.reason-item .desc { margin-top: 20px; font-size: 16px; color: #999999; line-height: 21px; }

#Team { flex: 1; margin: 0 47px; }

.team-member-next,
.team-member-prev { width: 46px; height: 46px; background: var(--theme); border-radius: 50%; text-align: center; line-height: 46px; flex-shrink: 0; cursor: pointer; margin-top: 120px; }

.team-member-next.swiper-button-disabled,
.team-member-prev.swiper-button-disabled { background: #E5E5E5; }

.team-member-next .iconfont,
.team-member-prev .iconfont { font-size: 18px; color: #FFF; }

#Team .swiper-wrapper { }

.team-member.swiper-slide { /*width: 256px;*/ width: auto !important; text-align: center; }

.team-member.swiper-slide a { display: block; position: relative; }

/*.team-member.swiper-slide a:hover { box-shadow: 0px 6px 9px 0px rgba(235, 235, 235, 0.5); }*/

.team-member.swiper-slide .photo { height: 290px; margin-bottom: 140px; border-radius: 5px; vertical-align: middle; }

.team-member.swiper-slide .info { padding: 20px 15px; height: 140px; position: absolute; bottom: 0; left: 0; right: 0; box-sizing: border-box; }

.team-member.swiper-slide .name { font-size: 20px; font-weight: bold; color: #000000; line-height: 27px; }

.team-member.swiper-slide .dutuies { font-size: 16px; color: #666666; line-height: 21px; margin: 14px 0 10px; }

.team-member.swiper-slide .desc { font-size: 16px; color: #666666; line-height: 21px; }

.teamSwiperContainer { display: flex; align-items: center; justify-content: center; }
.teamSwiper2 { width: 1300px; margin: 0 30px; }
.team-member-2 a { display: block; height: 450px; position: relative; border-radius: 10px; overflow: hidden; color: #FFF; }
.team-member-2 .photo { height: 100%; width: 100%; object-fit: cover; transition: all .3s ease; }
.team-member-2:hover .photo { transform: scale(1.1); }
.team-member-2 .info { position: absolute; bottom: 0; left: 0; right: 0; height: 90px; border-top: 2px solid #CB0514; border-color: var(--theme); background: rgba(0,0,0,0.5); padding: 0 15px; display: flex; align-items: center; }
.team-member-2 .info-text { flex: 1; width: 50%; }
.team-member-2 .info-btn { width: 78px; height: 28px; text-align: center; line-height: 28px; color: #fff; font-size: 14px; border-radius: 6px; background: var(--theme); }
.team-member-2.swiper-slide .name { font-size: 18px; font-weight: bold; line-height: 27px; }

.team-member-2.swiper-slide .dutuies { font-size: 14px; line-height: 21px; margin-top: 5px; }
.teamSwiperContainer .team-member-next,
.teamSwiperContainer .team-member-prev { margin: 0; border-radius: 5px; height: 60px; line-height: 60px; background: rgba(0,0,0,.8); }
.teamSwiperContainer .team-member-next.swiper-button-disabled,
.teamSwiperContainer .team-member-prev.swiper-button-disabled { opacity: .5; }
.teamSwiperContainer .iconfont { font-size: 22px; }


.cwpageForm { width: 830px; text-align: center; margin: 0 auto; padding-bottom: 50px; }

.cwpageForm .privacyTips { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 30px; }

.cwpageForm .privacyTips .tips { color: #666; font-size: 12px; }
.cwpageForm .privacyTips .privacy .link { color: var(--theme); }

.cwpageForm .form_btn { width: 400px; height: 50px; margin: 10px 0; }

.cwpageForm .flex-row { flex-wrap: wrap; }

.cwpageForm .input-row { margin: 5px; }

.cwpageForm .input-row,
.cwpageForm input { background: #E9E9E9; color: #666666; }

.cwpageForm textarea { display: block; height: 100px; background: #E9E9E9; border-radius: 2px; padding: 15px; width: 100%; box-sizing: border-box; margin: 10px 5px 0 5px; font-family: MicrosoftYaHei; font-size: 14px; font-weight: 400; color: #666666; line-height: 20px; }


/* 悬浮工具 */
.floating { position: fixed; right: 20px; top: 30%; z-index: 999; }

.floating-item { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; user-select: none; -webkit-user-select: none; margin-top: 20px; cursor: pointer; }

.floating-item.dark .icon { color: #FFF; background: var(--theme); }

.floating-item .numBage { position: absolute; width: 25px; height: 20px; background: var(--theme); border-radius: 10px; border: 2px solid #FFFFFF; color: #FFF; font-size: 12px; font-weight: bold; text-align: center; box-sizing: border-box; line-height: 16px; left: -7px; top: 5px; }

.floating-item .icon { width: 50px; height: 50px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; background: #FFF; border: 1px solid var(--theme); color: var(--theme); }

.floating-item .icon img { width: 20px; }

.floating-item .icon .iconfont { font-size: 20px; }

.floating-item .title { width: 60px; height: 20px; font-size: 12px; color: #333; border-radius: 10px; background: #FFF; line-height: 20px; text-align: center; margin-top: 6px; }

.floating-item .hoverContent { display: none; position: absolute; left: -120px; top: 50%; transform: translateY(-50%); }

.hoverContent img { display: block; }

.hoverContent p { background: #FFF; text-align: center; padding: 3px 0; }

.floating-item:hover .hoverContent { display: block; }


#Trial.body { padding: 80px 0 200px; }

#Trial .maincon { width: 1200px; margin: 0 auto; margin-top: 82px; position: relative; }

#Trial .maincon::after { content: ''; display: block; width: 1px; height: 360px; background: #EBEBEB; position: absolute; left: 50%; }

.trailform { width: 478px; }

.trailform .tf-desc { color: #888888; line-height: 2; }

.trailqrcode { width: 282px; display: flex; flex-shrink: 0; flex-direction: column; align-items: center; margin-left: 260px; }

.trailqrcode h3 { line-height: 2.2; }

.input_group { width: 100%; border: 1px solid #DEDEDE; margin: 20px 0; padding: 0 20px; box-sizing: border-box; height: 50px; line-height: 50px; display: flex; align-items: center; }

.input_group span { padding-right: 20px; position: relative; font-weight: bold; }

.input_group span::after { display: block; content: ''; position: absolute; right: 0; height: 14px; width: 1px; background-color: #E1E1E1; top: 50%; transform: translateY(-50%); }

.input_group input { flex: 1; border: 0; outline: none; padding-left: 14px; }

/* 底部footer */
.footer { min-width: 1200px; background: #333; color: #FFF; padding-top: 10px; padding-bottom: 10px; }

.footer .mainContent { display: flex; justify-content: center; align-items: center; padding: 33px 0; width: 1300px; margin: 0 auto; }

.footer .qrcodeGroup { display: flex; /*flex:1;*/ }
.qrcodeGroup ._item { margin-right: 30px; }

.footer .contact { /*flex: 1;*/ display: flex; flex-direction: column; align-items: flex-start; }
.footer .contact p { margin-top: 15px; }
.footer .contact p:first-child { font-size: 22px; margin-top: 0; font-weight: bold; }

.footer .qrcodeGroup .right-text { margin: 5px 0px; text-align: center; }

.footer .qrcodeGroup img { width: 100px; height: 100px; }

.footer .line { width: 1px; height: 64px; background-color: #424242; margin: 0 50px; }

.footer .hotline .top { font-size: 28px; color: #DDDDDD; line-height: 37px; display: flex; align-items: center; }

.footer .hotline .top .tel { font-size: 34px; color: #FFF; line-height: 46px; font-weight: bold; }

.footer .hotline .bot { display: flex; justify-content: space-between; font-size: 14px; color: #FFFFFF; line-height: 19px; margin-top: 18px; }

.footer .navlist { display: flex; justify-content: center; border-top: 1px solid #424242; border-bottom: 1px solid #424242; }

.footer .navlist a { font-size: 14px; color: #DDDDDD; padding: 16px 22px; display: block; }

.footer .copyright { display: flex; justify-content: center; padding: 14px 20px; font-size: 12px; color: #999; }

.footer .copyright .address { padding: 0 15px; }
.footer .copyright .address a { color: #999; }

.footer .friendlylink { display: flex; padding: 0 15px; }

.footer .friendlylink a, .footer .friendlylink span { font-size: 12px; color: #999; margin-right: 10px; }

/* --------------------------------------------------整装产品--------------------------------------------------------------------- */
#swiper-product { --swiper-theme-color: #FFFFFF; /* 设置Swiper风格 */ }

#swiper-product .swiper-pagination { bottom: 22px; }

#swiper-product .swiper-pagination-bullet { width: 34px; height: 8px; display: inline-block; background: #000; opacity: .7; margin: 0 5px; border-radius: 4px; }

#swiper-product .swiper-pagination-bullet-active { opacity: 0.9; background-color: #FFF; }

#swiper-product .swiper-slide { display: flex; justify-content: center; background: #000; }

.swiper-product-banner { height: 520px; max-width: 100%; vertical-align: middle; }

.more-vertical { transform: rotate(90deg); margin-left: 5px; }
/* --------------------------------------------------精品案例--------------------------------------------------------------------- */
.caseContainerBg { background: #000 url('../img/casecontainer_bg.jpg') no-repeat; background-size: 100%; }

.caseContainer { width: 794px; margin: 0 auto; }

#swiperCase .swiper-slide { display: flex; align-items: center; justify-content: center; }

.caseContainerBg .team-member-next, .caseContainerBg .team-member-prev { margin: 0; position: absolute; top: 339px; }

.caseContainerBg .team-member-next { right: 0; }

.swiper-case-img { width: 100%; height: 533px; }

.case-title { text-align: center; font-size: 30px; color: #FFFFFF; line-height: 40px; padding: 30px 0; }

.case-prev, .case-next { width: 30px; height: 80px; background: #494949; display: flex; align-items: center; justify-content: center; color: #999; }

.case-prev:hover, .case-next:hover { background: #D1D1D1; cursor: pointer; color: #333; }

.caseList { flex: 1; display: flex; align-items: center; overflow-x: scroll; margin: 24px 18px; scrollbar-width: none; /* firefox */ -ms-overflow-style: none; /* IE 10+ */ }

.caseList::-webkit-scrollbar { display: none; /* Chrome Safari */ }

.caseList .case-thumbnail { margin: 0 8px; }

.caseList .case-thumbnail.current { margin: 0 2px; padding: 6px; border: 1px solid #FFFFFF; }

.caseList .case-thumbnail.current .case-thumbnail-img { width: 120px; }

.caseList .case-thumbnail:first-child { margin-left: 0; }

.caseList .case-thumbnail:last-child { margin-right: 0; }

.caseList .case-thumbnail-img { width: 100px; height: 80px; vertical-align: middle; }

.case-info { font-size: 14px; color: #FFFFFF; line-height: 19px; margin: 15px 0; }

.case-text { font-size: 16px; color: #FFFFFF; line-height: 32px; padding-bottom: 30px; }

/* --------------------------------------------------设计团队--------------------------------------------------------------------- */
.team-list { padding-bottom: 30px; margin-top: 25px; background-color: #FFF; }

.member-row { display: flex; padding: 30px 0; border-bottom: 1px dashed #DDDDDD; }

.member-row:first-child { border-top: 1px dashed #DDDDDD; }

.member-row .photo { width: 200px; display: block; flex-shrink: 0; }

.member-row .maincon { flex: 1; display: flex; flex-direction: column; padding-left: 40px; font-size: 14px; font-family: MicrosoftYaHei; color: #666666; line-height: 1.7; }

.member-row .maincon .header,
.designer-row .maincon .header { display: flex; align-items: center; }

.member-row .maincon .resume { font-size: 16px; color: #666666; line-height: 21px; margin-left: 20px; }

.member-row .maincon .introduction { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 15px; }

.member-row .name { font-size: 22px; font-weight: bold; color: #000000; line-height: 35px; }

.member-row .maincon .callhim { display: block; width: 140px; line-height: 40px; background: var(--theme); border-radius: 4px; color: #FFF; text-align: center; cursor: pointer; }

.member-footer { flex: 1; display: flex; align-items: flex-end; margin-top: 15px; }

.member-row .maincon .callhim:hover { opacity: .8; }



.designerContainer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); }

.designerContainer .designer-row { display: flex; width: 1300px; margin: 0 auto; font-size: 16px; font-family: MicrosoftYaHei; color: #FFFFFF; line-height: 31px; height: 100%; align-items: center; }

.designer-row .photo { margin-left: 60px; width: 350px; object-fit: cover; }

.designer-row .name { font-size: 36px; line-height: 48px; margin-right: 20px; }

.designer-row .maincon { flex: 1; }

.designer-row .maincon .introduction { height: 155px; overflow: hidden; }

.designer-row .maincon .callhim { display: block; width: 248px; line-height: 57px; text-align: center; font-size: 18px; color: var(--theme); font-weight: bold; background: #FFFFFF; border-radius: 33px; }

.designer-row .maincon .resume .label_item:after { content: "·"; padding: 0 0 0 5px; }

.designer-row .maincon .resume .label_item:last-child:after { display: none; }

/* --------------------------------------------------最新资讯--------------------------------------------------------------------- */

.newsList { border-top: 1px dashed #DDDDDD; margin-bottom: 50px; background-color: #FFF; }

.newsList .newsItem { display: flex; padding: 30px 30px; border-bottom: 1px dashed #DDDDDD; }

.newsList .newsItem:last-child { border-bottom: 0; }

.newsItem .cover { width: 200px; }

.newsItem .maincon { flex: 1; width: 50%; margin-left: 40px; display: flex; flex-direction: column; }

.newsItem .title { font-size: 22px; font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; font-weight: bold; color: #000000; line-height: 1; }

.newsItem .introduction { font-size: 14px; font-family: MicrosoftYaHei; color: #666666; margin-top: 15px; }
.newsItem .desc { font-size: 14px; font-family: MicrosoftYaHei; color: #666666; line-height: 1.7; margin-top: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; flex: 1; }

.newsItem .link { display: block; width: 140px; line-height: 40px; background: var(--theme); border-radius: 4px; font-size: 14px; font-family: MicrosoftYaHei; color: #FFFFFF; text-align: center; margin-top: 15px; }

.newsItem .link:hover { cursor: pointer; opacity: .8; }

.newsArticle { width: 1150px; margin: 0 auto; min-height: calc(100vh - 344px); text-align: center; font-size: 15px; font-family: MicrosoftYaHei; }

.newsArticle .header { text-align: left; padding: 25px 0; display: flex; }
.newsArticle .header .left { flex: 1; width: 50%; }
.newsArticle .header .right { display: flex; align-items: center; position: relative; }
.newsArticle .header .right .h_btn { display: block; text-align: center; font-weight: 500; font-size: 16px; line-height: 45px; height: 45px; border-radius: 8px; color: rgb(96, 101, 108); background-color: rgba(96, 101, 108, 0.12); cursor: pointer; border-color: rgb(232, 232, 232); border-width: 0px; padding: 0 20px; margin-left: 15px; }
.newsArticle .header .right .h_btn:hover { color: rgb(96, 101, 108); background-color: rgba(96, 101, 108, 0.16); border-color: rgb(232, 232, 232); }
.newsArticle .header .right .h_btn .iconfont { margin-right: 5px; }
.newsArticle .header .right .h_btn.primary:hover { color: rgb(255, 255, 255); background-image: linear-gradient(90deg, rgb(96, 191, 255) 0%, rgb(88, 158, 250) 100%); border-color: rgb(51, 139, 255); }
.newsArticle .header .right .h_btn.primary { color: rgb(255, 255, 255); background-image: linear-gradient(90deg, rgb(51, 173, 255) 0%, rgb(26, 122, 248) 100%); cursor: pointer; border-color: rgb(51, 139, 255); }
.newsArticle .neck { text-align: left; display: flex; overflow: hidden; border-radius: 10px; box-shadow: 0 0 24px 0 hsla(0,0%,60%,.08); margin-bottom: 50px; }

.newsArticle .neck .article-cover { width: 800px; height: 500px; display: block; object-fit: cover; }

.newsArticle .neck .rightInfo { flex: 1; width: 300px; flex-shrink: 0; background: #FFF; display: flex; flex-direction: column; align-content: center; box-sizing: border-box; padding: 25px 30px; color: #333; }

.newsArticle .neck .designer { display: flex; flex-shrink: 0; align-items: center; }

.newsArticle .neck .designer .headimg { width: 64px; height: 64px; border-radius: 50%; }

.newsArticle .neck .designer .designer_intro { margin-left: 15px; }

.newsArticle .neck .designer .designer_intro .name { font-weight: bold; color: #333; font-size: 16px; }

.newsArticle .neck .designer .designer_intro .desc { font-size: 14px; color: #999; margin-top: 5px; }

.newsArticle .neck .designer .designer_intro .desc .label_item:after { content: "·"; padding: 0 0 0 5px; }

.newsArticle .neck .designer .designer_intro .desc .label_item:last-child:after { display: none; }

.newsArticle .neck .rightInfo .intro { color: #999; }

.newsArticle .neck .rightInfo .footBtn { display: flex; flex-shrink: 0; justify-content: space-between; }

.newsArticle .neck .footBtn .f_btn { display: block; color: rgb(96, 101, 108); background: rgba(96, 101, 108, 0.12); width: 45%; height: 50px; text-align: center; line-height: 50px; border-radius: 8px; }

.newsArticle .neck .footBtn .f_btn:hover { opacity: .85; }

.newsArticle .neck .footBtn .f_btn.primary { color: rgb(26, 122, 248); background: rgba(26, 122, 248, 0.16); }

.newsArticle .article-info { font-size: 14px; color: #999; display: flex; align-items: center; margin-top: 5px; }

.newsArticle .rightInfo .labels { flex: 1; margin: 10px 0 20px 0; overflow: hidden; }

.newsArticle .rightInfo .item { font-size: 14px; margin-top: 15px; }

.newsArticle .article-title { font-size: 26px; font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; font-weight: bold; color: #333; line-height: 38px; }

.newsArticle .con-title { font-size: 20px; margin: 0 0 20px; text-align: left; }

.newsArticle .time_split { background: rgba(49,52,56,.3); width: 1px; height: 10px; margin: 0 12px; }

.vr-title { font-size: 16px; padding: 20px 0 5px 0; }

.vr-con { display: block; position: relative; cursor: pointer; }

.vr-con .vrtag { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 50px; height: 50px; background: rgba(0,0,0,.5); color: #FFF; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 18px; border-radius: 50%; }

.img-group-con { background: #FFF; padding: 30px; border-radius: 10px; margin-bottom: 20px; }
.img-group-con .group-title { display: flex; justify-content: flex-start; padding: 0 0 15px; font-size: 20px; }
.imgGroup-container { padding: 25px 50px; }
.imgGroup { --swiper-navigation-color: var(--theme); /* 单独设置按钮颜色 */ --swiper-navigation-size: 30px; /* 设置按钮大小 */ }
.imgGroup .swiper-slide { width: calc(20% - 20px); height: 100px; border-radius: 12px; border: 2px solid #FFF; }

.imgGroup .swiper-slide img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }
.imgGroup .swiper-slide-thumb-active { border: 2px solid var(--theme); }
.imgPreview { height: 650px; }
.imgPreview .swiper-slide img { max-width: 100%; max-height: 100%; }
.imgPreview .swiper-slide { display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; }


.newsArticle .article-p { font-size: 16px; font-family: MicrosoftYaHei; color: #000000; line-height: 34px; margin-top: 30px; text-align: left; }

.newsArticle .article-footer { padding: 20px 0; border-top: 1px solid #E3E3E3; text-align: left; margin-top: 20px; }

.newsArticle .article-con { background: #FFF; padding: 30px 15px; border-radius: 10px; }

.article-con img { max-width: 100%; display: block; margin: 0 auto; }

.article-con p { line-height: 2; margin: 10px 0; }

.article-footer a.link { display: block; padding: 11px 0; font-size: 14px; color: #666; line-height: 19px; }

.article-footer a.link:hover { color: var(--theme); }

.newsAside { width: 1150px; margin: 0 auto; }

.newsAside .article-recommend { padding: 20px 0; font-size: 18px; font-weight: bold; color: #000000; line-height: 21px; border-bottom: 1px solid #E3E3E3; }

.recommendList { display: flex; flex-wrap: wrap; padding-bottom: 30px; }

.recommendItem { display: flex; position: relative; width: 32%; height: 240px; margin-right: 2%; margin-top: 16px; border-radius: 10px; overflow: hidden; }

.recommendItem:nth-child(3n) { margin-right: 0; }

.recommendItem .cover { object-fit: cover; width: 100%; height: 100%; }

.recommendItem:hover .cover { transform: scale(1.05); transition: linear 0.6s; }

.recommendItem .maincon { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 15px; color: #FFF; background: rgba(0,0,0,.5) }

.recommendItem .maincon .title { font-size: 18px; font-weight: bold; line-height: 1.5; }

.recommendItem .maincon .desc { font-size: 12px; line-height: 1.8; }

.pageCon img { width: 100% !important; }

@media screen and (max-width:1600px) {
    .al-pagelist { column-count: 3 !important; }
}

.mapBox { height: 400px; }
.mapMask {
    position:absolute;
    z-index:99;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:rgba(255,255,255,0)
}

.qrcodePopwindow { position: absolute; width: 250px; height: 250px; background: #FFF; left: -260px; top: -500px; z-index: 2999; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.5s ease; border-radius: 5px; box-shadow: 0 0 24px 0 hsla(0,0%,60%,.08); }
.qrcodePopwindow.show { top: 5px; }
.qrcodePopwindow .icon-guanbi { position: absolute; right: 12px; top: -5px; font-size: 13px; cursor: pointer; color: #666; font-weight: 400; }
.qrcodeBox { width: 128px; height: 128px; padding: 15px; margin: 10px 0; background-color: #f7f8fa; overflow: hidden; border-radius: 5px; }
.qrcodeBox img { width: 128px; height: 128px; display: inline-block; vertical-align: middle; }
.share-title { font-size: 16px; color: #333; position: relative; width: 100%; text-align: center; }
.share-tips { font-size: 12px; color: #999; }