html, body, div, span, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, video { margin:0; padding:0; outline:0; border:0; background:rgba(0, 0, 0, 0); font-size:100% }
html { -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }
body { font-family:Arial, sans-serif, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei"; background-color:#f5f7fa }
article, hgroup, menu, nav, section, aside, details, figcaption, figure, footer, header { display:block }
nav ul, ul, li { list-style:none }
blockquote { quotes:none }
blockquote:before, blockquote:after { content:none }
:root { --primary-color: #2460f2;
--swiper-theme-color: var(--primary-color)
}
span[style*="text-wrap: nowrap;"] {
  text-wrap: wrap !important;
  white-space: normal !important;
}
a { text-decoration:none }
.text-ellipsis { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal }
.text-ellipsis-2 { text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical }
.text-ellipsis-3 { text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical }
.text-ellipsis-4 { text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; line-clamp:4; -webkit-box-orient:vertical }
header { height:75px; position:relative }
header .logo { max-width:200px }
header .logo img { width:100% }
header .lang-wrapper { position:relative; cursor:pointer }
header .lang-wrapper:hover .lang-dropdown { display:block }
header .lang-wrapper .lang-btn { display:flex; align-items:center; cursor:pointer; border:1px solid #e8e8e8; border-radius:30px; padding:0 10px; height:30px }
header .lang-wrapper .lang-dropdown { display:none; position:absolute; padding-top:20px; right:0 }
header .lang-wrapper .lang-dropdown ul { width:150px; background-color:#fff; padding:15px 10px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; box-shadow:0 2px 10px rgba(0, 0, 0, .1) }
header .lang-wrapper .lang-dropdown ul li a { display:block; padding:0 25px; line-height:40px; color:#333; border-radius:4px; font-size:15px }
header .lang-wrapper .lang-dropdown ul li a:hover { color:var(--primary-color); background-color:#f2f2f2 }
header .lang-icon { width:16px; height:16px; cursor:pointer; color:#333; margin-right:5px }
header .cart .cart-count { position:absolute; top:-3px; left:15px; min-width:18px; padding:0 2px; height:15px; background-color:var(--primary-color); color:#fff; border-radius:10px; font-size:10px; display:flex; align-items:center; justify-content:center }
header .search-icon { width:19px; height:19px; cursor:pointer; color:#000 }
header .lang-text { font-size:13px; font-weight:700; color:#111; white-space:nowrap }
header .search-wrapper { display:flex; display:none; position:absolute; top:0; height:75px; width:100%; background:#fff; align-items:center; justify-content:center }
header .search-wrapper.show { display:flex }
header .search-wrapper .search-wrapper-content { width:70% }
header .search-wrapper .search-input { width:calc(100% - 150px); height:40px; border:1px solid #e8e8e8; padding-left:20px; border-radius:40px }
header .search-wrapper .search-submit { width:120px; height:38px; background-color:var(--primary-color); color:#fff; font-size:14px; border:none; margin-left:10px; border-radius:30px }
header .search-wrapper .search-close { cursor:pointer; width:30px }
.main-slider { position:relative; display:block; overflow:hidden }
.main-slider:hover .swiper-button-next, .main-slider:hover .swiper-button-prev { opacity:1 }
.main-slider .container { position:relative; z-index:30 }
.main-slider .swiper-slide { position:relative }
.main-slider .swiper-slide .swiper-silde-img { width:100%; min-height:400px; max-height:800px; -o-object-fit:cover; object-fit:cover; transform:scale(1); transition:transform 7000ms ease }
.main-slider .swiper-slide-content { position:absolute; top:0; left:0; right:0; bottom:0; z-index:99; display:flex; align-items:center }
.main-slider .swiper-slide-content .more { position:relative; display:inline-block; vertical-align:middle; border:none; outline:none !important; background-color:var(--primary-color); box-shadow:0 2px 10px rgba(0, 0, 0, .1); color:#fff; font-size:16px; text-transform:uppercase; padding:15px 40px; border-radius:50px; transition:all .3s linear;
overflow:hidden; letter-spacing:.2em; z-index:1; opacity:0; transform:translateY(100px); transition-delay:2500ms; transition:transform 2000ms ease, opacity 2000ms ease, color 500ms ease, background 500ms ease }
.main-slider .swiper-slide-active .main-slider-shape-1 { opacity:1; transform:translate(0); transition:all 1000ms ease; transition-delay:200ms; opacity:.5 }
.main-slider .swiper-slide-active .swiper-silde-img { transform:scale(1.15) }
.main-slider .swiper-slide-active .more, .main-slider .swiper-slide-active h2, .main-slider .swiper-slide-active p { visibility:visible; opacity:1; transform:translateY(0) translateX(0) }
.main-slider h2 { margin:0; margin-bottom:15px; color:#fff; font-weight:900; opacity:0; visibility:hidden; transform:translateY(120px); transition-delay:1000ms; transition:transform 2000ms ease, opacity 2000ms ease; font-size:60px; line-height:60px; letter-spacing:-0.02em; text-shadow:2px -1px 4px #000 }
.main-slider p { font-size:18px; color:#eee; margin:0; line-height:30px; margin-bottom:53px; opacity:0; font-weight:400; transform:translateY(100px); transition-delay:2500ms; transition:transform 2000ms ease, opacity 2000ms ease, color 500ms ease, background 500ms ease; text-shadow:2px -1px 4px #000 }
.main-slider-shape-1 { position:absolute; bottom:0; right:0; background-size:cover; opacity:0; transform:translateX(200px); z-index:2 }
.main-slider__content { position:relative; display:block; z-index:30 }
.main-slider__nav { width:100%; position:absolute; top:50%; z-index:100; transform:translateY(-50%) }
.main-slider__nav .swiper-button-next, .main-slider__nav .swiper-button-prev { position:absolute; top:auto; left:auto; right:auto; bottom:auto; z-index:100; width:50px; height:50px; display:flex; justify-content:center; align-items:center; font-size:20px; background:#fff; border-radius:50%; text-align:center; transition:all 500ms ease; box-shadow:0 2px 10px rgba(0, 0, 0, .1); opacity:0 }
.main-slider__nav .swiper-button-next { right:15px }
.main-slider__nav .swiper-button-prev { left:15px }
.main-slider__nav .swiper-button-next::after, .main-slider__nav .swiper-button-prev::after {
display:none
}
.main-slider__nav .fa { position:relative; font-size:30px; color:#333 }
#main-slider-pagination { z-index:10; bottom:59px; left:50%; width:100%; max-width:88%; transform:translate(-50%, calc(0% + 0px)); display:flex; align-items:center; justify-content:center; padding:0 15px }
#main-slider-pagination .swiper-pagination-bullet+.swiper-pagination-bullet { margin-left:5px }
#main-slider-pagination .swiper-pagination-bullet { width:10px; height:10px; border-radius:10px; opacity:.4; background-color:#fff; transition:all 500ms ease; margin:0 }
#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width:20px; height:10px; opacity:1 }
.menu-mobile { padding:0 15px; transition:all .3s ease-in-out
}
.menu-mobile .open-icon { display:block; opacity:1 }
.menu-mobile .close-icon { display:none; opacity:0 }
.menu-mobile.open .open-icon { opacity:0; display:none }
.menu-mobile.open .close-icon { opacity:1; display:block }
.rotate-icon a::after {
transition:transform .3s ease;
transform:rotate(180deg);
color:var(--primary-color) !important
}
.nav-pc { height:100% }
.nav-pc a { text-transform:uppercase }
.nav-pc .menu-dropdown-icon>a::after {
content:"";
font-family:"FontAwesome";
cursor:pointer;
float:right;
background:#fff;
color:#333;
margin-left:5px
}
.nav-pc .menu { height:100% }
.nav-pc .menu>ul { overflow:hidden; margin:0 auto; width:100%; height:100%; padding:0; box-sizing:border-box }
.nav-pc .menu>ul:before, .nav-pc .menu>ul:after { content:""; display:table }
.nav-pc .menu>ul:after { clear:both }
.nav-pc .menu>ul>li { padding:0 6px; margin:0; height:100% }
.nav-pc .menu>ul>li a { white-space:nowrap; text-decoration:none; display:flex; align-items:center; height:100%; color:#000; font-size:15px; font-weight:500 }
.nav-pc .menu>ul>li a>i.fa { margin-left:5px }
.nav-pc .menu>ul>li a.active { color:var(--primary-color) }
.nav-pc .menu>ul>li:hover>a { color:var(--primary-color) }
.nav-pc .menu>ul>li>.sub-menu { display:none; width:auto; background:#fff; padding:20px 10px; position:absolute; z-index:999; margin:0; margin-left:-30px; box-sizing:border-box; border-bottom-right-radius:8px; border-bottom-left-radius:8px; box-shadow:0 2px 10px rgba(0, 0, 0, .1) }
.nav-pc .menu>ul>li>.sub-menu:before, .nav-pc .menu>ul>li>.sub-menu:after { content:""; display:table }
.nav-pc .menu>ul>li>.sub-menu:after { clear:both }
.nav-pc .menu>ul>li>.sub-menu>.sub-menu-list { min-height:80px }
.nav-pc .menu>ul>li>.sub-menu>.sub-menu-list>.sub-menu-item { margin:0; padding-bottom:0 }
.nav-pc .menu>ul>li>.sub-menu>.sub-menu-list>.sub-menu-item a { font-size:15px; color:#000; padding:.5rem 2rem;
display:block; font-weight:400 }
.nav-pc .menu>ul>li>.sub-menu>.sub-menu-list>.sub-menu-item a:hover { color:var(--primary-color); background-color:#f2f2f2 }
.nav-pc .menu>ul>li>.sub-menu>.sub-menu-list.normal-sub { left:auto; right:0; padding:10px 20px; justify-content:center; align-items:center }
.nav-pc .menu>ul>li>.sub-menu>.sub-menu-list.normal-sub>li { width:auto; padding:0 20px }
.nav-pc .menu>ul>li>.sub-menu>.sub-menu-list.normal-sub>li a { width:auto; border:0; padding:1em 0 }
.product-wrapper { margin-top:60px }
.product-wrapper .link-section { flex-wrap:wrap }
.product-wrapper .link-section a { font-size:15px; color:#111; margin:0 10px }
.product-wrapper .product-list { margin-top:10px }
.product-wrapper .product-list .product-item { margin:12px 0 }
.product-wrapper .product-list .product-item .product-item-wrapper { display:block; border-radius:12px; background-color:#fff; box-shadow:0 2px 8px rgba(100, 100, 100, .1); position:relative; top:0; transition:top .5s
}
.product-wrapper .product-list .product-item .product-item-wrapper:hover { top:-4px }
.product-wrapper .product-list .product-item .product-item-wrapper:hover .pic img { transform:scale(1.2) }
.product-wrapper .product-list .product-item .product-item-wrapper:hover .content-wrapper { background-color:var(--primary-color); color:#fff }
.product-wrapper .product-list .product-item .product-item-wrapper:hover .content-wrapper .product-item-title { color:#fff }
.product-wrapper .product-list .product-item .product-item-wrapper:hover .content-wrapper .product-item-info { color:#fff }
.product-wrapper .product-list .product-item .product-item-wrapper:hover .content-wrapper .product-item-bottom .price { color:#fff }
.product-wrapper .product-list .product-item .product-item-wrapper:hover .public-more { color:#fff }
.product-wrapper .product-list .product-item .product-item-wrapper:hover .public-more::after {
background-color:var(--primary-color);
border-color:var(--primary-color)
}
.product-wrapper .product-list .product-item .pic { overflow:hidden; border-top-left-radius:12px; border-top-right-radius:12px }
.product-wrapper .product-list .product-item .pic img { position:relative; transform:scale(1); transition:transform 500ms ease; border:none !important; padding:0; width:100%; -o-object-fit:cover; object-fit:cover }
.product-wrapper .product-list .product-item .content-wrapper { padding:15px 15px 20px; transition:all 300ms ease; border-bottom-right-radius:12px; border-bottom-left-radius:12px }
.product-wrapper .product-list .product-item .product-item-title { color:#000; font-size:16px; font-weight:700; text-align:center; transition:all 300ms ease }
.product-wrapper .product-list .product-item .product-item-info { margin:10px 0; color:#999; font-size:14px; line-height:24px; text-align:left; transition:all 300ms ease }
.product-wrapper .product-list .product-item .product-item-bottom .price { display:inline-block; color:#333; height:30px; line-height:30px }
.product-wrapper .product-list .product-item .product-item-bottom .price .price-unit { font-size:12px; margin-right:-4px }
.product-wrapper .product-list .product-item .product-item-bottom .public-more { font-size:12px; padding:5px 10px; line-height:20px }
.product-wrapper .product-more { margin-top:30px }
.public-title h3 { font-size:30px; font-weight:700; text-transform:uppercase }
.public-title p { font-size:14px; color:#333; text-transform:uppercase }
.public-more { display:inline-block; line-height:1; white-space:nowrap; text-align:center; border:solid 1px #eee; transition:.1s;
padding:10px 20px; background-color:#fff; border-radius:2.5rem; color:#666; font-size:13px; position:relative; overflow:hidden; z-index:1; transition:.5s
}
.public-more::after {
content:"";
background-color:#fff;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:-1;
transition:.5s
}
.public-more:hover { color:#fff; border-color:var(--primary-color) }
.public-more:hover::after {
background-color:var(--primary-color)
}
.about-wrapper { margin-top:60px; margin-bottom:10px }
.about-wrapper .left-img { height:580px }
.about-wrapper .left-img img { max-height:120% }
.about-wrapper .about-right { display:flex; align-items:center; position:relative }
.about-wrapper .about-right .count-wrapper { margin-top:10px }
.about-wrapper .about-right .count-wrapper .count-item { margin-right:30px }
.about-wrapper .about-right .count-wrapper .count-item p { font-size:16px }
.about-wrapper .about-right .count-wrapper .count-text .number { font-weight:700; font-size:36px; color:var(--primary-color) }
.about-wrapper .about-right .count-wrapper .count-text .unit { font-size:14px; color:#666 }
.about-wrapper .about-right .about-right-content { position:absolute; height:100%; left:0px; background:#fff; padding:80px 60px }
.about-wrapper .about-right .about-right-content h2 { font-size:30px; font-weight:700 }
.about-wrapper .about-right .about-right-content p { font-size:14px; color:#333; text-transform:uppercase }
.about-wrapper .about-right .about-right-content .info { margin-top:20px; line-height:1.8; color:#555; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; line-clamp:6; -webkit-box-orient:vertical }
.about-wrapper .about-right .about-right-content .public-more { margin-top:20px; font-size:14px }
.case-wrapper { background-color:#fff; padding:60px 0; position:relative }
.case-wrapper .case-next, .case-wrapper .case-prev { display:flex; align-items:center; justify-content:center; position:absolute; top:50%; left:-50px; width:50px; height:50px; line-height:50px; border-radius:50%; box-shadow:0 0px 10px rgba(0, 0, 0, .1); text-align:center; z-index:999 }
.case-wrapper .case-next i, .case-wrapper .case-prev i { font-size:30px; color:#333 }
.case-wrapper .case-next, .case-wrapper .case-prev { display:none }
.case-wrapper .case-swiper { padding:0 12px 30px }
.case-wrapper .case-swiper .swiper-wrapper { padding:20px 0 }
.case-wrapper .case-swiper .swiper-slide { border-radius:12px; overflow:hidden }
.case-wrapper .case-swiper .swiper-slide:hover .swiper-slide-img::before {
transform:scale(1, 1);
transform-origin:bottom center
}
.case-wrapper .case-swiper .swiper-slide:hover .swiper-slide-img img { transform:scale(1.1) }
.case-wrapper .case-swiper .swiper-slide:hover .case-content-wrapper::before {
opacity:1;
transform:scaleY(1)
}
.case-wrapper .case-swiper .swiper-slide:hover .case-content-wrapper::after {
color:#fff
}
.case-wrapper .case-swiper .swiper-slide:hover .case-content-wrapper h3 { color:#fff }
.case-wrapper .case-swiper .swiper-slide:hover .case-content-wrapper p { color:#fff }
.case-wrapper .case-swiper .swiper-slide .swiper-slide-img { overflow:hidden; position:relative; border-radius:12px }
.case-wrapper .case-swiper .swiper-slide .swiper-slide-img::before {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
content:"";
background-color:rgba(27, 24, 37, .3);
transform:scale(1, 0);
transition:transform 500ms ease;
transform-origin:top center;
z-index:1
}
.case-wrapper .case-swiper .swiper-slide img { width:100%; -o-object-fit:contain; object-fit:contain; transform:scale(1); transition:transform 500ms ease }
.case-wrapper .case-swiper .swiper-slide .case-content-wrapper { padding:25px 50px 25px 25px; position:relative; background-color:#fff; margin:-50px 30px 15px; overflow:hidden; transition:all 500ms ease; z-index:2; border-radius:8px; box-shadow:0 2px 10px rgba(0, 0, 0, .1); height:90px }
.case-wrapper .case-swiper .swiper-slide .case-content-wrapper::before {
position:absolute;
content:"";
top:0;
left:0;
right:0;
height:100%;
background-color:var(--primary-color);
transition:all 300ms ease;
opacity:1;
transform-origin:top;
transform-style:preserve-3d;
transform:scaleY(0);
z-index:-1
}
.case-wrapper .case-swiper .swiper-slide .case-content-wrapper::after {
display:inline-block;
content:"";
font-size:12px;
font-family:"FontAwesome";
position:absolute;
right:20px;
top:50%;
transform:translateY(-50%);
color:var(--primary-color)
}
.case-wrapper .case-swiper .swiper-slide .case-content-wrapper h3 { font-size:16px; font-weight:700; color:#000; height:20px; overflow:hidden; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical; transition:all 200ms ease }
.case-wrapper .case-swiper .swiper-slide .case-content-wrapper p { color:#7b7981; font-size:14px; margin-top:5px; height:20px; overflow:hidden; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical; transition:all 350ms ease }
.case-wrapper .swiper-pagination .swiper-pagination-bullet { width:8px; height:8px; display:inline-block; background:#000; opacity:.2; margin:0 5px; border-radius:20px; transition:opacity .5s, background-color .5s, width .5s;
transition-delay:.5s, .5s, 0s
}
.case-wrapper .swiper-pagination .swiper-pagination-bullet-active { opacity:1; background:var(--primary-color); width:30px; transition-delay:0s }
.news-wrapper { padding:60px 0 }
.news-wrapper .news-list { padding:10px 0 }
.news-wrapper .news-list .news-item { position:relative; top:0; border-radius:12px; overflow:hidden; background-color:#fff; margin:10px 0; transition:top .5s;
box-shadow:0 2px 8px rgba(100, 100, 100, .1) }
.news-wrapper .news-list .news-item:hover .news-item-img img { transform:translate(-50%, -50%) scale(1.1) }
.news-wrapper .news-list .news-item:hover .card-body { background-color:var(--primary-color); color:#fff }
.news-wrapper .news-list .news-item:hover .card-body .card-title { color:#fff }
.news-wrapper .news-list .news-item:hover .card-body .card-text { color:#fff }
.news-wrapper .news-list .news-item:hover .card-body .card-info { color:#fff }
.news-wrapper .news-list .news-item:hover .card-body .card-info i { color:#fff }
.news-wrapper .news-list .news-item:hover .card-body .more { color:#fff }
.news-wrapper .news-list .news-item .news-item-img { position:relative; overflow:hidden }
.news-wrapper .news-list .news-item .news-item-img a { display:block; height:100% }
.news-wrapper .news-list .news-item .news-item-img img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; -o-object-fit:cover; object-fit:cover; transition:transform .3s
}
.news-wrapper .news-list .news-item .card-body { display:inline-block; padding:20px 20px 15px; transition:background-color .5s;
width:100% }
.news-wrapper .news-list .news-item .card-body .card-title { font-size:18px; font-weight:700; color:#000; transition:all 300ms ease }
.news-wrapper .news-list .news-item .card-body .card-text { margin-top:5px; font-size:13px; color:#222; height:66px; line-height:22px; transition:all 300ms ease }
.news-wrapper .news-list .news-item .card-body .card-info { margin-top:5px; font-size:13px; color:#666; transition:all 300ms ease }
.news-wrapper .news-list .news-item .card-body .card-info i { color:#999; transition:all 300ms ease }
.news-wrapper .news-list .news-item .card-body .card-info span { margin-right:10px }
.news-wrapper .news-list .news-item .card-body .more { margin-top:10px; font-size:12px; text-align:right; color:var(--primary-color); transition:all 300ms ease }
.news-wrapper .news-more { margin-top:20px }
.news-wrapper .news-more .public-more { background-color:#fff; padding:10px 20px; font-size:14px }
.custom-wrapper { padding:60px 0; background-color:#fff }
.custom-wrapper .custom-list { margin:20px 0 0; border-top:1px solid #f2f2f2; border-left:1px solid #f2f2f2 }
.custom-wrapper .custom-list .custom-item { border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; transition:.3s
}
.custom-wrapper .custom-list .custom-item:hover { box-shadow:0 0 8px #ddd; z-index:1; cursor:pointer }
.custom-wrapper .custom-list .custom-item .pic { padding:20px; display:flex; align-items:center; justify-content:center; transition:.3s;
height:100% }
.custom-wrapper .custom-list .custom-item .pic img { width:100% }
.contact-wrapper { padding-top:40px; padding-bottom:40px; background-color:#25292f }
.contact-wrapper .public-title { text-align:center }
.contact-wrapper .public-title h3 { color:#fff; font-size:36px; margin:10px 0 }
.contact-wrapper .public-title p { color:#999; font-size:20px }
.contact-wrapper .contact-content { padding:20px; background-color:none }
.contact-wrapper .contact-content .contact-form { margin:30px 0 }
.contact-wrapper .contact-content input { width:20%; height:40px; padding-left:15px; color:#000; font-size:16px; border:1px solid #ccc; margin-right:20px; border-radius:5px }
.contact-wrapper .contact-content input::-moz-placeholder {
color:#999
}
.contact-wrapper .contact-content input::placeholder {
color:#999
}
.contact-wrapper .contact-content input:focus { border-color:var(--primary-color) }
.contact-wrapper .contact-content .remark { width:38% }
.contact-wrapper .contact-content button { background-color:var(--primary-color); color:#fff; border:none; border-radius:5px; width:20% }
footer { background-color:#1f232b; padding:40px 0 }
footer .footer-link { border-bottom:1px solid #353535; padding-bottom:20px }
footer .footer-link .public-title { color:#aaa }
footer .footer-link .public-title p { color:#555 }
footer .footer-link ul { margin-left:30px; flex-wrap:wrap }
footer .footer-link ul li { margin-right:30px }
footer .footer-link ul a { color:#aaa; font-weight:600; font-size:14px }
footer .footer-link ul a:hover { color:var(--primary-color) }
footer .footer-logo { width:128px }
footer .footer-menu { padding-top:20px }
footer .footer-menu li { margin-right:60px; font-size:14px }
footer .footer-menu li dt { font-size:16px; color:#eee; margin-bottom:5px }
footer .footer-menu li a { color:#999; line-height:30px }
footer .footer-menu li a:hover { color:var(--primary-color) }
footer .footer-contact { margin-top:20px; color:#999; display:flex; align-items:end; text-align:right; flex-direction:column }
footer .footer-contact p { font-size:14px; margin-bottom:5px }
footer .footer-contact p:first-child { font-size:20px; font-weight:700; color:#eee }
footer .footer-contact .qrcodes { margin-top:10px; text-align:center }
footer .footer-contact .qrcodes .qrcode-img { margin-left:5px }
footer .footer-contact .qrcodes img { width:100px; height:100px; background-color:#eee }
footer .footer-contact .qrcodes p { margin-top:5px }
.copyriht { padding:10px 0; background-color:#171717; text-align:center; font-size:14px; color:#666 }
.copyriht a { color:#666 }
.neibanner { width:100%; height:350px; position:relative }
.neibanner img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.neibanner .neibannerdesc { position:absolute; bottom:0px; left:0px; right:0px; margin:auto; z-index:1; color:#fff }
.neibanner .neibannerdesc .neibannerdesc-title { margin-bottom:40px }
.neibanner .neibannerdesc h2 { margin-top:5px; font-size:44px; font-weight:400 }
.neibanner .neibannerdesc p { font-size:22px; font-weight:400; text-transform:uppercase; color:#f1f1f1 }
.neinav { width:100%; background-color:rgba(0, 0, 0, .15); min-height:50px; display:flex; align-items:center; justify-content:space-between }
.neinav .neinav-wrapper li { margin:5px 20px 5px 0 }
.neinav .neinav-wrapper li a { color:#eee; display:inline-block; line-height:35px; font-size:15px; transition:all .3s ease;
position:relative }
.neinav .neinav-wrapper li.active a { background-color:var(--primary-color); border-radius:40px; padding:0 15px; font-size:15px; color:#fff; font-weight:500 }
.neinav .neinav-wrapper li:hover a { color:#fff }
.neinav .neiposition i.fa { color:#ccc }
.neinav .neiposition i.neiposition-icon { color:#ccc; margin-right:5px }
.neinav .neiposition a { font-size:14px; color:#ccc }
.neinav .neiposition a:hover { color:#fff }
.page-content { padding:40px 0 }
.page-content .page-content-card { border:none }
.page-content .page-content-card .tabs { display:flex; padding:30px 30px 0; border-bottom:1px solid #eee }
.page-content .page-content-card .tabs .tabs-item { cursor:pointer; font-size:16px; color:#333; padding:10px 0; transition:all .3s ease;
margin-right:40px; border-bottom:3px solid rgba(0, 0, 0, 0); margin-bottom:-2px }
.page-content .page-content-card .tabs .tabs-item.active { color:#000; border-bottom:3px solid #000; font-weight:600 }
.page-content .card-body { padding:30px; background-color:#fff; border-radius:10px; line-height:2rem }
.page-content .card-body  p span {
  /* 覆盖 nowrap，恢复自动换行 */
  text-wrap: wrap !important;
  /* 兼容旧版浏览器/属性 */
  white-space: normal !important;
  /* 可选：防止长文本溢出（如长单词/链接） */
  word-break: break-all;
  overflow-wrap: break-word;
} 
.page-content .card-body p { text-align:left;word-wrap:break-word;overflow-wrap: normal; white-space: normal; }
.page-content .card-body p span{ text-align:left;word-wrap:break-word;overflow-wrap: normal; white-space: normal;  }
.page-content .card-body p img { display:block; margin:0 auto; }
.page-content .card-body img { max-width:calc(100% - 10px); height:auto }
.page-content .page-content-title { font-size:30px; text-align:center }
.page-content .page-content-timeline { border-bottom:1px solid #eee; padding:20px 0; margin-bottom:20px }
.page-content .page-content-timeline .page-content-timeline-left { font-size:14px; font-weight:600; color:#333 }
.page-content .page-content-timeline .page-content-timeline-left a { color:var(--primary-color) }
.page-content .page-content-timeline .page-content-timeline-left span { margin:0px 5px }
.page-content .page-content-timeline .page-content-timeline-left i { font-style:normal }
.page-content .page-content-timeline .page-content-timeline-right { display:flex; justify-content:flex-end }
.page-content .page-content-timeline .page-content-timeline-right img { height:22px; filter:brightness(200%) grayscale(200%); margin-right:10px }
.page-content .page-content-detags { margin:40px 0px 0px }
.page-content .page-content-detags p { font-size:14px }
.page-content .page-content-detags p span { color:#666 }
.page-content .page-content-detags p a { font-size:14px; margin:0px 5px; color:var(--primary-color) }
.page-content .next-prev { margin-top:40px; justify-content:space-between; border-top:1px solid #eee }
.page-content .next-prev .row { padding:20px 0 }
.page-content .next-prev .row .next-prev-left, .page-content .next-prev .row .next-prev-right { font-size:14px; color:#666 }
.page-content .next-prev .row .next-prev-right { text-align:right }
.page-content .next-prev .row a { color:var(--primary-color) }
.page-list.product-wrapper { margin-top:30px }
.page-list.case-wrapper { padding:30px 0 }
.page-list .news-wrapper { padding:30px 0 }
.page-list .product-filter { width:100%; padding:20px; background-color:#fff; margin-bottom:30px; border-radius:10px }
.page-list .product-filter .filter-row { line-height:30px; border-bottom:1px solid #f2f2f2; padding:15px 0 }
.page-list .product-filter .filter-row:last-child { border-bottom:none }
.page-list .product-filter .filter-title { padding:0 15px; margin-right:10px; text-wrap:nowrap; display:flex; align-items:center; justify-content:center }
.page-list .product-filter .filter-values li a { display:inline-block; font-size:14px; color:#000; padding:0 15px; background-color:#f2f2f2; margin:5px 8px; border-radius:20px; transition:all .3s ease
}
.page-list .product-filter .filter-values li:hover a, .page-list .product-filter .filter-values li.active a { background-color:var(--primary-color); color:#fff }
.case-wrapper .case-item { display:block; border-radius:12px; background-color:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, .1); position:relative; top:0; transition:top .5s;
margin-bottom:30px }
.case-wrapper .case-item .case-item-img { overflow:hidden; border-top-left-radius:12px; border-top-right-radius:12px }
.case-wrapper .case-item .case-item-img img { width:100%; height:auto; -o-object-fit:cover; object-fit:cover; position:relative; transform:scale(1); transition:transform 500ms ease; border:none !important; padding:0 }
.case-wrapper .case-item .case-content-wrapper { padding:15px 15px 20px; transition:all 300ms ease; border-bottom-right-radius:12px; border-bottom-left-radius:12px }
.case-wrapper .case-item .case-item-title { color:#000; font-size:16px; font-weight:700; text-align:center; transition:all 300ms ease }
.case-wrapper .case-item .case-item-info { margin:10px 0; color:#666; font-size:14px; text-align:left; transition:all 300ms ease }
.case-wrapper .case-item:hover { top:-4px }
.case-wrapper .case-item:hover .case-item-img img { transform:scale(1.2) }
.case-wrapper .case-item:hover .case-content-wrapper { background-color:var(--primary-color); color:#fff }
.case-wrapper .case-item:hover .case-content-wrapper .case-item-title { color:#fff }
.case-wrapper .case-item:hover .case-content-wrapper .case-item-info { color:#fff }
.contact-wrapper.page-content { background:none }
.contact-wrapper.page-content h3 { font-size:28px; margin:20px 0; color:#1a1a1a }
.contact-wrapper.page-content h4 { color:#999; font-size:14px }
.contact-wrapper.page-content h5 { color:#999; font-size:14px; margin-top:20px }
.contact-wrapper.page-content .contact_blline { height:4px; width:80px; background-color:var(--primary-color) }
.contact-wrapper.page-content .contact-info-list { margin:20px 0; border-top:1px solid #e6e6e7 }
.contact-wrapper.page-content .contact-info-list p { font-size:14px; color:#999; padding-bottom:5px }
.contact-wrapper.page-content .contact-info-list h6 { color:#242424; font-size:18px; font-weight:bold; line-height:28px; cursor:default; transition:all .5s;
word-break:break-all }
.contact-wrapper.page-content .contact-info-list .col-6 { margin:15px 0px }
.contact-wrapper.page-content .contact_br form input { width:49%; border:1px solid #ededed; background:#f5f5f7; padding:10px 20px; height:60px; font-size:16px; margin-bottom:15px }
.contact-wrapper.page-content .contact_br form textarea { width:100%; height:130px; font-size:16px; border:1px solid #ededed; background:#f5f5f7; padding:20px }
.contact-wrapper.page-content .contact_br form button { background:var(--primary-color); color:#fff; font-size:16px; width:100%; height:58px; border:0px; cursor:pointer; text-align:center; margin-top:15px; border-radius:50px }
.contact-wrapper.page-content .contact_t { margin:50px 0px 0; padding:10px 0px; border-top:1px solid #f2f2f2 }
.newslistp_bot { width:100%; height:auto; margin-top:30px }
.newslistp_bot ul li { margin-bottom:40px; transition:all .5s
}
.newslistp_bot ul li a { display:block; border:1px solid #f2f2f2; border-radius:10px; background-color:#fff; overflow:hidden }
.newslistp_botimg { width:100%; height:190px; overflow:hidden }
.newslistp_botimg img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover; transition:transform 500ms ease }
.newslistp_botdes { padding:15px; background-color:#fff; flex-direction:column; align-items:flex-start; transition:all .5s
}
.newslistp_botdes h3 { color:#333; font-size:16px }
.newslistp_botdes p { font-size:14px; color:#333; width:100%; text-align:right }
.newslistp_bot ul li:hover .newslistp_botimg img { transform:scale(1.05) }
.newslistp_bot ul li:hover .newslistp_botdes h3, .newslistp_bot ul li:hover .newslistp_botdes p { color:var(--primary-color) }
.newslistp_bot ul li:hover .newslistp_botdes { background-color:var(--primary-color); box-shadow:0px 0px 10px rgba(0, 0, 0, .1) }
.newslistp_bot ul li:hover .newslistp_botdes h3, .newslistp_bot ul li:hover .newslistp_botdes p { color:#fff }
.page-pagination { text-align:center; width:100% }
.page-pagination .pagination, .page-pagination .pager { display:inline-block; padding-left:0; margin:30px 0; border-radius:8px }
.page-pagination .pagination>li, .page-pagination .pager>li { display:inline }
.page-pagination .pagination>li>a, .page-pagination .pagination>li>span, .page-pagination .pager>li>a, .page-pagination .pager>li>span { position:relative; float:left; padding:6px 12px; margin-left:-1px; line-height:1.42857143; color:var(--primary-color); text-decoration:none; background-color:#fff; border:1px solid #ddd }
.page-pagination .pagination>li:first-child>a, .page-pagination .pagination>li:first-child>span { margin-left:0; border-top-left-radius:4px; border-bottom-left-radius:4px }
.page-pagination .pagination>li:last-child>a, .page-pagination .pagination>li:last-child>span { border-top-right-radius:4px; border-bottom-right-radius:4px }
.page-pagination .pagination>li>a:focus, .page-pagination .pagination>li>a:hover, .page-pagination .pagination>li>span:focus, .page-pagination .pagination>li>span:hover { z-index:2; color:var(--primary-color); background-color:#eee; border-color:#ddd }
.page-pagination .pagination>.active>a, .page-pagination .pagination>.active>a:focus, .page-pagination .pagination>.active>a:hover, .page-pagination .pagination>.active>span, .page-pagination .pagination>.active>span:focus, .page-pagination .pagination>.active>span:hover { z-index:3; color:#fff; cursor:default; background-color:var(--primary-color); border-color:var(--primary-color) }
.page-pagination .pagination>.disabled>a, .page-pagination .pagination>.disabled>a:focus, .page-pagination .pagination>.disabled>a:hover, .page-pagination .pagination>.disabled>span, .page-pagination .pagination>.disabled>span:focus, .page-pagination .pagination>.disabled>span:hover { color:#777; cursor:not-allowed; background-color:#fff; border-color:#ddd }
.page-pagination .pagination .jumpto { display:inline-block; margin-left:2px }
.page-pagination .pagination .jumpto input { padding:6px; line-height:1.42857143; color:#2c3e50; background-color:#fff; border:1px solid #ddd; float:left }
.page-pagination .pagination .jumpto .page_number { width:125px; text-align:center; margin-right:-1px }
.page-pagination .pager>.disabled>span { color:#777; cursor:not-allowed; background-color:#fff; border-color:#ddd }
.product-content-info { margin-top:60px }
.procontent_1 { width:100%; background-color:#f9fafc; position:relative; overflow:hidden; padding:50px 0 }
.procontent1_l { height:550px }
.procontent1_l .gallery-top { height:75%; width:100%; overflow:hidden; border-radius:10px }
.procontent1_l .gallery-top .swiper-slide { border:1px solid #ddd; border-radius:10px }
.procontent1_l .gallery-thumbs { height:25%; box-sizing:border-box; padding:10px 0; overflow:hidden }
.procontent1_l .gallery-thumbs .swiper-slide { height:100%; border:1px solid #999; opacity:.4; border-radius:10px; transition:all .5s
}
.procontent1_l .gallery-thumbs .swiper-slide-thumb-active { border-color:#000; opacity:1 }
.procontent1_l .swiper-slide { background:none; overflow:hidden }
.procontent1_l .swiper-slide img { width:100%; height:100%; -o-object-fit:contain; object-fit:contain; border-radius:10px }
.procont_ltop h2 { font-size:28px; color:#333 }
.procont_ltop p { letter-spacing:1px; margin-top:10px; font-size:16px; color:#333 }
.procont_lbot { margin-top:30px; background-color:#f2f3f5; border-radius:10px; padding:20px }
.procont_lbot p { font-size:15px; line-height:30px }
.procontent_zx { margin-top:40px }
.procontent_zx a { width:150px; height:40px; transition:all .5s;
justify-content:center; background-color:#111; color:#fff; border-radius:30px; margin-right:10px }
.procontent_zx a .fa { margin-right:5px }
.procontent_zx .product-info-price { background-color:var(--primary-color) }
.procontent_zx .product-info-price .price-text { font-size:18px; font-weight:600 }
.download-wrapper .card-body { padding:50px }
.download-wrapper .card-body .list-header { font-size:16px; font-weight:600; padding-bottom:15px }
.download-wrapper .card-body .row { border-bottom:1px solid #f2f2f2; align-items:center; justify-content:space-between }
.download-wrapper .card-body .row .card-title { margin:25px 0 }
.download-wrapper .card-body .row .create_time { color:#666 }
.download-wrapper .card-body .row .btn { border-radius:50px; font-size:14px }
@media(min-width: 1400px) {
.container {
max-width:88%
}
}
@media(max-width: 1199.98px) {
.nav-pc {
max-width:calc(100% - 300px);
overflow:hidden
}
.nav-pc .menu>ul>li {
padding:0 15px
}
.nav-pc .menu>ul>li a {
font-size:14px
}
.footer-link .left {
flex-direction:column
}
.footer-link .left .footer-link-wrapper {
margin:10px 0 0 0 !important;
flex-wrap:wrap
}
.footer-link .left .footer-link-wrapper li {
margin-right:10px
}
.footer-link .left .footer-link-wrapper a {
font-weight:400;
font-size:13px
}
.footer-menu ul {
flex-wrap:wrap
}
.neibanner {
height:230px
}
.neibanner .neibannerdesc p {
font-size:18px
}
.neibanner .neibannerdesc h2 {
font-size:32px
}
.neinav .neinav-wrapper li a {
font-size:12px
}
.neinav .neinav-wrapper li.active a {
font-size:12px
}
}
@media(max-width: 991.98px) {
header {
height:60px
}
header .lang-wrapper .lang-dropdown {
padding-top:15px
}
header .search-wrapper {
height:60px
}
header .search-wrapper .search-wrapper-content {
width:90% !important
}
header .search-wrapper .search-input {
width:calc(100% - 130px);
height:35px
}
header .search-wrapper .search-submit {
height:33px;
width:90px
}
.main-slider h2 {
font-size:45px
}
.main-slider p {
font-size:16px;
margin-bottom:40px
}
.main-slider .swiper-slide-content {
padding:0 30px
}
.main-slider .swiper-slide-content .more {
font-size:14px;
padding:10px 20px
}
.main-slider .main-slider__nav {
display:none
}
#main-slider-pagination {
bottom:20px
}
.menu-mobile {
display:block !important
}
.nav-pc .menu>ul {
display:none !important
}
.nav-pc .menu>ul>li {
width:100%;
display:block;
height:auto !important;
line-height:50px;
border-bottom:1px solid #f2f2f2;
background:#fff
}
.nav-pc .menu>ul>li a {
width:100%;
display:flex;
justify-content:space-between;
font-weight:400
}
.nav-pc .menu>ul>li>.sub-menu {
padding:0 25px;
position:relative;
box-shadow:none;
border-radius:0
}
.nav-pc .menu>ul>li>.sub-menu.normal-sub {
width:100%
}
.nav-pc .menu>ul>li>.sub-menu .sub-menu-list {
flex-direction:column;
align-items:start
}
.nav-pc .menu>ul>li>.sub-menu .sub-menu-list>.sub-menu-item {
width:100%;
border-bottom:1px solid #f2f2f2
}
.nav-pc .menu>ul>li>.sub-menu .sub-menu-list>.sub-menu-item a {
padding:0 1em
}
.nav-pc .menu>ul>li>.sub-menu .sub-menu-list>.sub-menu-item:last-child {
border:none
}
.nav-pc .menu>ul>li>.sub-menu>li {
width:100%;
margin-top:20px
}
.nav-pc .menu>ul>li>.sub-menu>li:first-child {
margin:0
}
.nav-pc .menu>ul>li>.sub-menu>li>ul {
position:relative
}
.nav-pc .menu>ul>li>.sub-menu>li>ul>li {
float:none
}
.nav-pc .menu .show-on-mobile {
display:block !important;
position:fixed;
top:60px;
left:0;
width:100vw;
height:calc(100vh - 60px);
background-color:rgba(0, 0, 0, .5);
border-top:1px solid #e5e5e5;
z-index:0;
transition:all .3s;
overflow-y:auto
}
.product-wrapper .public-title {
text-align:center
}
.product-wrapper .link-section {
margin-bottom:10px;
justify-content:center !important
}
.product-wrapper .link-section a {
margin-top:10px
}
.about-wrapper .about-right {
height:500px
}
.about-wrapper .about-right .about-right-content {
padding:40px 60px;
left:0;
bottom:0;
border-bottom-right-radius:0;
border-bottom-left-radius:0
}
.about-wrapper .left-img {
width:100%;
height:auto;
border-radius:0
}
.about-wrapper .left-img img {
width:100%
}
.footer-link .left {
flex-direction:column
}
.footer-link .left .footer-link-wrapper {
margin:10px 0 0 0 !important;
flex-wrap:wrap
}
.footer-link .left .footer-link-wrapper li {
margin-right:10px
}
.footer-link .left .footer-link-wrapper a {
font-weight:400;
font-size:13px
}
.footer-contact {
align-items:start !important;
text-align:left !important
}
.footer-contact .qrcodes .qrcode-img {
margin:0 5px 0 0 !important
}
.next-prev .next-prev-right {
text-align:left !important
}
}
@media(max-width: 575.98px) {
.main-slider h2 {
font-size:36px;
line-height:40px
}
.main-slider p {
font-size:16px;
margin-bottom:40px
}
.main-slider .swiper-slide-content {
padding:0 30px
}
.main-slider .swiper-slide-content .more {
font-size:14px;
padding:10px 20px
}
.main-slider .main-slider__nav {
display:none
}
#main-slider-pagination {
bottom:20px
}
.about-wrapper .about-right {
height:auto
}
.about-wrapper .about-right .about-right-content {
position:relative;
padding:30px 15px;
border-bottom-right-radius:0;
border-bottom-left-radius:0
}
.about-wrapper .about-right .about-right-content h2 {
font-size:24px
}
.public-title h3 {
font-size:24px
}
.public-title p {
font-size:14px
}
.product-wrapper .public-title {
text-align:center
}
.product-wrapper .link-section {
margin-bottom:10px;
justify-content:center !important
}
.product-wrapper .link-section a {
margin-top:10px
}
.case-wrapper .case-next {
right:0 !important
}
.news-wrapper .public-title {
text-align:center
}
.custom-wrapper {
padding:30px 0 !important
}
.custom-wrapper .public-title {
text-align:center
}
.contact-wrapper .contact-form {
flex-direction:column
}
.contact-wrapper .contact-content input, .contact-wrapper .contact-content button {
width:100%;
margin:0 0 10px 0 !important
}
.contact-wrapper .contact-content .remark {
width:100%
}
.contact-wrapper .contact-content button {
height:50px
}
.footer-link .left {
flex-direction:column
}
.footer-link .left .footer-link-wrapper {
margin:10px 0 0 0 !important;
flex-wrap:wrap
}
.footer-link .left .footer-link-wrapper li {
margin-right:10px
}
.footer-link .left .footer-link-wrapper a {
font-weight:400;
font-size:13px
}
.footer-contact {
align-items:start !important;
text-align:left !important
}
.footer-contact .qrcodes .qrcode-img {
margin:0 5px 0 0 !important
}
.download-wrapper .card-body {
padding:20px
}
.download-wrapper .card-body .row .btn {
font-size:12px;
padding:6px 10px
}
}
#backTop { position:fixed; right:10px; top:75%; transform:translateY(-50%); z-index:888; box-shadow:0 2px 10px rgba(0, 0, 0, .1) }
#backTop span { cursor:pointer; background:#fff; border:1px solid #f0f0f0; width:40px; height:50px; color:#fff; display:block; position:relative; margin:0px 0; right:0 }
#backTop span:first-child { border-radius:5px 5px 0 0 }
#backTop span:last-child { border-radius:0 0 5px 5px }
#backTop span#gttop { background-color:var(--primary-color) !important; border-color:var(--primary-color) !important }
#backTop span#gttop i { color:#fff }
#backTop span i { z-index:1 }
#backTop span small { width:180px; height:180px; position:absolute; left:-220px; top:0; box-shadow:0 0 9pt rgba(0, 0, 0, .1); visibility:hidden; opacity:0; background:#fff; z-index:0; transition:all .2s ease
}
#backTop span small.telTop { width:auto; height:50px; line-height:50px; white-space:nowrap; padding:0 15px; text-align:center; font-size:18px; color:#333; right:70%; left:auto; visibility:hidden }
#backTop span:hover.ft-tel small.telTop { visibility:visible; opacity:1; right:100% }
#backTop span:hover.ft-wx small.weixin { visibility:visible; opacity:1; left:-190px }
#backTop span i { text-align:center; color:#333; width:40px; height:50px; font-style:inherit; line-height:50px; position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-20px; font-size:15px }
#backTop span.ft-tel i { font-size:18px }
#backTop a { color:#fff; display:block; cursor:pointer }
#backTop span small b { width:25px; height:35px; position:absolute; top:10px; right:-22px; z-index:999; font-size:26px }/*# sourceMappingURL=style.min.css.map */