@media (max-width: 768px) {
    .default-content h3 { font-size: 20px }
    .sh-content h3 { font-size: 20px }
    .sh-content h4 { font-size: 14px }
}
.case-leadtxt { position: absolute; top: 50%; right: 160px; left: 200px }
.list-caser>li:nth-of-type(3n) .caser-item { border-right-width: 0 }
.caser-item { position: relative; z-index: 1; display: block; height: 420px; padding: 80px 90px 0; color: #333 }
.caser-item::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-right: 2px solid #F5F7F9; border-bottom: 2px solid #F5F7F9 }
.caser-item::after { content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0 }
.caser-item__img { height: 90px; position: relative }
.caser-item__img img { display: block; position: absolute; top: 0; left: 0; height: 100% }
.caser-item__img img.white { visibility: hidden; opacity: 0 }
.caser-item__title { font: 500 40px/1.25 "STSong"; margin-top: 40px }
.caser-item__desc { font: 400 14px/18px "STSong"; margin-top: 20px }
@media (min-width: 1025px) {
    .caser-item:hover { color: #fff }
    .caser-item:hover .caser-item__img img.black { visibility: hidden; opacity: 0 }
    .caser-item:hover .caser-item__img img.white { visibility: visible; opacity: 1 }
    .caser-item:hover::after { background-color: #1226AA }
}
@media (max-width: 1600px) {
    .case-leadtxt { left: 40px; right: 40px }
    .default-content h3 { font-size: 32px }
    .caser-item { padding: 60px 40px 0 }
    .caser-item__title { font-size: 32px; margin-top: 30px }
    .caser-item__img { height: 70px }
}
@media (max-width: 1400px) {
    .default-content h3 { font-size: 24px }
    .caser-item__title { font-size: 24px }
}
@media (max-width: 1200px) {
    .tech-item__img { display: none }
    .case-leadtxt { position: relative; top: auto; right: 0; left: 0; padding: 40px 20px; -webkit-transform: translateY(0); transform: translateY(0) }
    .caser-item { height: 320px; padding: 50px 20px 0 }
    .list-caser>li { width: 50% }
    .list-caser>li:nth-of-type(3n) .caser-item { border-right-width: 2px }
    .list-caser>li:nth-of-type(2n) .caser-item { border-right-width: 0 }
    .caser-item__img { height: 60px }
}
@media (max-width: 768px) {
    .default-content h3 { font-size: 20px }
    .caser-item__title { font-size: 20px }
    .caser-item { height: auto; padding: 40px 20px 40px }
    .list-caser>li { width: 100% }
    .list-caser>li:nth-of-type(3n) .caser-item { border-right-width: 0 }
    .caser-item__img { height: 45px }
}
.at-link-download { display: inline-block; vertical-align: top; text-align: center; padding: 0 20px; height: 40px; background-color: #1226AA; color: #fff; font: 400 14px/40px "STSong"; border-radius: 25px }
.at-link-download>span { display: inline-block; vertical-align: top; margin-right: 5px; font-size: 20px; line-height: 40px }
.list-solutionf { margin-right: -20px; margin-left: -20px }
.list-solutionf>li:nth-of-type(n+3) { margin-top: 40px }
.sof-item { padding: 60px 50px 0; height: 276px; margin-right: 20px; margin-left: 20px; background-color: #F5F7F9; color: #333; font-size: 0 }
.sof-item__img { display: inline-block; vertical-align: top; width: 100px }
.sof-item__img::before { padding-top: 100% }
.sof-item__img .white { visibility: hidden; opacity: 0 }
.sof-item__info { margin-left: 40px; display: inline-block; vertical-align: top; width: calc(100% - 140px); color: #333 }
.sof-item__title { font: 600 24px/1.5 "STSong" }
.sof-item__desc { margin-top: 20px; font: 400 14px/20px "STSong" }
@media (min-width: 1025px) {
    .sof-item:hover { background-color: #1226AA }
    .sof-item:hover .sof-item__img .white { visibility: visible; opacity: 1 }
    .sof-item:hover .sof-item__img .blue { visibility: hidden; opacity: 0 }
    .sof-item:hover .sof-item__info { color: #fff }
}
@media (max-width: 1760px) {
    .list-solutionf>li { width: 50% }
    .list-solutionf>li:nth-of-type(n+2) { margin-top: 40px }
}
@media (max-width: 1600px) {
    .sof-item__img { width: 80px }
    .sof-item { padding-right: 40px; padding-left: 40px; padding-top: 40px }
    .sof-item__info { margin-left: 30px }
    .sof-item__title { font-size: 16px }
}
@media (max-width: 1024px) {
    .sof-item { height: auto; padding-bottom: 40px; padding-right: 20px; padding-left: 20px }
    .list-solutionf>li { width: 100% }
    .list-solutionf>li:nth-of-type(n+2) { margin-top: 4px }
}
@media (max-width: 768px) {
    .sof-item__title { font-size: 14px }
    .sof-item__desc { font-size: 12px }
    .sof-item__info { margin-left: 20px; width: calc(100% - 70px) }
}
@media (max-width: 640px) {
    .sof-item__img { width: 50px }
    .sof-item__desc { margin-top: 10px }
}
.case-number { font-size: 0 }
.casen-item { display: inline-block; vertical-align: top; position: relative; height: 310px }
.casen-item__txt { position: absolute; top: 50%; right: 0; left: 0; color: #1226AA; text-align: center }
.casen-item__txt>span { display: inline-block; vertical-align: top; text-align: left }
.casen-item__txt.white { color: #fff }
.casen-item__txt.big .casen-item__tleft { font-size: 80px }
.casen-item__txt.big .casen-item__tright { padding-top: 16px; font-size: 20px; line-height: 24px }
.casen-item__tleft { font: 500 68px/1 "STSong" }
.casen-item__tleft>span { display: inline-block; vertical-align: top }
.casen-item__tright { margin-left: 20px; padding-top: 14px; font: 400 14px/20px "STSong" }
.casen-03 { background-color: #1226AA }
.casen-06 { background-color: #3B54F4 }
.casef-item { position: relative; padding-left: 120px; margin-top: 2px }
.casef-item__left { position: absolute; top: 0; left: 0; width: 120px; height: 60px; font: 500 16px/60px "STSong"; text-align: center; background-color: #1226AA; color: #fff }
.casef-options { padding: 10px 30px; background-color: #F5F7F9 }
.casef-option { margin-right: 3em; position: relative; white-space: nowrap; font: 400 16px/40px "STSong"; color: #333 }
.casef-option.current { color: #1226AA }
.casef-option::after { content: ""; position: absolute; top: 50%; right: -1.5em; width: 1px; height: 14px; margin-top: -7px; background-color: #333; opacity: .22; pointer-events: none }
.casef-option:last-of-type { margin-right: 0 }
.casef-option:last-of-type::after { display: none }
@media (min-width: 1025px) {
    .casef-option:hover { color: #1226AA }
}
@media (max-width: 1600px) {
    .casen-item__tleft { font-size: 48px }
    .casen-item__tright { padding-top: 10px; line-height: 16px }
    .casen-item__txt.big .casen-item__tleft { font-size: 48px }
    .casen-item__txt.big .casen-item__tright { font-size: 14px; line-height: 16px; padding-top: 10px }
    .casef-option { font-size: 16px }
    .casef-item__left { font-size: 16px }
    .casef-item { padding-left: 100px }
    .casef-item__left { width: 100px }
}
@media (max-width: 1400px) {
    .casen-item { height: 240px }
    .casen-item__tleft { font-size: 36px }
    .casen-item__tright { padding-top: 4px; line-height: 14px; font-size: 12px }
    .casen-item__txt.big .casen-item__tleft { font-size: 36px }
    .casen-item__txt.big .casen-item__tright { font-size: 12px; line-height: 14px; padding-top: 4px }
    .casef-option { font-size: 14px }
    .casef-item__left { font-size: 14px }
}
@media (max-width: 1200px) {
    .casen-item { height: 180px }
    .casef-item { padding-left: 0 }
    .casef-item__left { position: relative; display: block; line-height: 30px; height: 30px }
    .casef-options { padding: 10px }
    .casef-option { margin-right: 2em }
    .casef-option::after { right: -1em }
    .casef-item { margin-bottom: 10px }
}
@media (max-width: 768px) {
    .casen-01, .casen-02, .casen-05, .casen-06 { width: 50% }
    .casen-item__tleft { font-size: 32px }
    .casen-item__tright { margin-left: 10px; padding-top: 2px; line-height: 14px; font-size: 12px }
    .casen-item__txt.big .casen-item__tleft { font-size: 32px }
    .casen-item__txt.big .casen-item__tright { margin-left: 10px; font-size: 12px; line-height: 14px; padding-top: 2px }
    .casef-option { font-size: 12px }
}
@media (max-width: 640px) {
    .casen-04 { display: none }
    .casen-03 { width: 100% }
}
.content{ font-size: 18px}
.cases-process { padding: 100px 0; background-color: #F5F7F9 }
.list-casesp { background-image: url('../img/sheji/cases_pbg.png') }
.casesp-item { position: relative }
.casesp-item::before { padding-top: 100% }
.casesp-item__wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top: 60px }
.casesp-item__ico { width: 70px; margin: 0 auto }
.casesp-item__ico::before { padding-top: 100% }
.casep-item__txt { margin: 0 auto; font: 400 18px/20px "STSong"; color: #1226AA; text-align: center; max-width: 140px }
@media (max-width: 1600px) {
    .casesp-item__ico { width: 60px }
    .casep-item__txt { font-size: 14px }
}
@media (max-width: 1400px) {
    .cases-process { padding: 80px 0 }
    .casesp-item__ico { width: 50px }
    .casep-item__txt { font-size: 12px }
}
@media (max-width: 1200px) {
    .cases-process { padding: 60px 0 }
    .list-casesp { background-image: none }
    .list-casesp>li { width: 33.3333% }
    .list-casesp>li:nth-of-type(n+4) { margin-top: 30px }
    .casesp-item { width: 180px; margin-right: auto; margin-left: auto; max-width: 90% }
    .casesp-item::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #1226AA; border-radius: 50% }
    .casesp-item__wrap { top: 50%; padding-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
}
@media (max-width: 768px) {
    .list-casesp { background-image: none }
    .list-casesp>li { width: 50% }
    .list-casesp>li:nth-of-type(n+3) { margin-top: 30px }
    .casesp-item__ico { width: 35px }
    .casep-item__txt { padding: 0 20px }
}
.page-detail-title { font: 500 40px/1.25 "STSong"; color: #333 }
.page-detail-date { font: 400 14px/20px "STSong"; color: #1226AA }
.case-article-left { width: calc(100% - 120px); max-width: 1140px }
.case-detail-body { font: 400 14px/20px "STSong"; color: #333 }
.case-detail-body img { max-width: 100% !important; height: auto !important }
.case-detail-body blockquote { font: 500 24px/1.25 "STSong" }
@media (max-width: 1600px) {
    .page-detail-title { font-size: 32px }
    .case-detail-body blockquote { font-size: 20px }
}
@media (max-width: 1400px) {
    .page-detail-title { font-size: 24px }
}
@media (max-width: 768px) {
    .case-article-left { width: 100% }
    .page-detail-title { font-size: 20px }
    .case-detail-body blockquote { font-size: 16px }
}
.products-intro { font-size: 0; color: #333 }
.products-intro__title, .products-intro__desc { display: inline-block; vertical-align: top }
.products-intro__title { width: 500px; padding-right: 140px; font: 500 40px/1.25 "STSong" }
.products-intro__desc { width: calc(100% - 500px); font: 400 14px/18px "STSong" }
.product-item__wrap { font-size: 0 }
.product-item { display: block; padding: 50px 0 }
.product-item:nth-of-type(2n+1) { background-color: #F5F7F9 }
.product-item__img { z-index: 1; display: inline-block; vertical-align: top; width: 400px }
.product-item__img::before { padding-top: 100% }
/* .product-item__img::after { content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background-color: #fff } */

.product-item__img img{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);transition:-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out;transition:transform .7s ease-in-out,-webkit-transform .7s ease-in-out;width:100%;height:100%;}
.product-item__img:hover img{width: 100%; height: 100%;-webkit-transform:translateZ(0) scale(1.05);transform:translateZ(0) scale(1.05)}


.product-item__img img.front { visibility: hidden; opacity: 0 }
.product-item__right { position: relative; display: inline-block; vertical-align: top; width: calc(100% - 500px); margin-left: 100px; height: 400px }
.product-item__intro { position: absolute; top: 50%; right: 0; left: 0 }
.product-item__title { margin-bottom: 1em; font: 500 40px/1.25 "STSong"; color: #333 }
.product-item__desc { font: 400 14px/24px "STSong"; color: #333 }
.product-item__desc p>span { font-weight: 500 }
@media (min-width: 1025px) {
    .product-item:hover .product-item__title { color: #1226AA }
    .product-item:hover .product-item__img img.back { visibility: hidden; opacity: 0 }
    .product-item:hover .product-item__img img.front { visibility: visible; opacity: 1 }
}
@media (max-width: 1600px) {
    .products-intro__title { font-size: 32px }
    .product-item__title { font-size: 32px }
}
@media (max-width: 1400px) {
    .products-intro__title { font-size: 24px }
    .product-item__title { font-size: 24px }
    .product-item__img { width: 360px }
    .product-item__right { height: 360px }
}
@media (max-width: 1200px) {
    .products-intro__title { font-size: 32px; width: auto; display: block }
    .products-intro__desc { width: 100%; display: block; margin-top: 20px }
    .product-item__img { width: 320px }
    .product-item__right { height: 320px }
}
@media (max-width: 1024px) {
    .products-page-nav .page-nav.fixed { position: relative; top: auto; right: auto; left: auto }
    .list-pnav-products>li { width: 33.3333% }
    .pnav-item::before { display: none }
    .product-item__right { width: calc(100% - 400px); margin-left: 60px }
}
@media (max-width: 768px) {
    .list-pnav-products>li { width: 50% }
    .products-intro__title { font-size: 20px }
    .product-item__title { font-size: 20px }
    .product-item__img { width: 200px }
    .product-item__right { height: auto; width: calc(100% - 280px) }
    .product-item__intro { position: relative; top: auto; -webkit-transform: translateY(0); transform: translateY(0) }
}
@media (max-width: 640px) {
    .product-item__img { width: 200px; margin-right: auto; margin-left: auto; display: block }
    .product-item__right { width: 100%; margin-left: 0; margin-top: 20px }
}
@media (max-width: 480px) {
    .list-pnav-products>li { width: 100% }
    .list-pnav-products .pnav-link { text-align: left }
    .list-pnav-products .pnav-link::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background-color: #f2f2f2 }
}
.list-protech { padding: 100px 0 }
.protech-item { position: relative; height: 360px; padding: 0 60px }
.protech-item::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background-color: #fff; opacity: .4 }
.protech-item:last-of-type::before { display: none }
.protech-item__ico { width: 68px; background-color: #fff; border-radius: 50% }
.protech-item__ico::before { padding-top: 100% }
.protech-item__title { height: 3.9em; margin-top: 1em; font: 500 24px/1.3 "STSong"; color: #fff }
.protech-item__desc { font: 400 14px/20px "STSong"; color: #fff }
@media (max-width: 1600px) {
    .protech-item { padding-right: 40px; padding-left: 40px }
    .protech-item__title { font-size: 20px }
}
@media (max-width: 1400px) {
    .protech-item__title { font-size: 16px }
}
@media (max-width: 1200px) {
    .list-protech { padding: 60px 0 }
    .protech-item { height: 240px }
    .list-protech>li { width: 50% }
    .list-protech>li:nth-of-type(n+3) { margin-top: 40px }
}
@media (max-width: 768px) {
    .protech-item { height: auto }
    .protech-item__title { height: auto }
    .protech-item__desc { margin-top: 10px }
    .list-protech>li { width: 100% }
    .list-protech>li:nth-of-type(n+2) { margin-top: 60px }
}
@media (max-width: 640px) {
    .protech-item { padding-right: 20px; padding-left: 20px }
}
.prod-led { position: relative; font-size: 0; text-align: right }
.prod-led-left { position: absolute; top: 0; bottom: 0; left: 0; width: 33.3333%; background-color: #1226AA; background-image: url(../img/prod_left_bg.png) }
.prod-led-left__txt { position: absolute; top: 80px; right: 70px; left: 80px; bottom: 100px; text-align: left }
.prod-title { font: 500 40px/1.25 "STSong"; color: #fff }
.prod-intro { margin-top: 40px; font: 400 14px/24px "STSong"; color: #fff }
.prod-calc-btn-box { position: absolute; bottom: 0; left: 0 }
.prod-calc-btn { display: inline-block; vertical-align: top; width: 170px; font: 400 14px/36px "STSong"; border-radius: 18px; background-color: #fff; color: #1226AA; text-align: center; margin-bottom: 10px }
.prod-calc-btn:first-of-type { margin-right: 5px }
.prod-calc-btn>span { display: inline-block; vertical-align: top; font-size: 16px; line-height: 36px; margin-right: .25em }
.prod-led-right { display: inline-block; vertical-align: top; width: 66.66%; background-color: #F5F7F9; text-align: left }
.prod-led-right::before { padding-top: 62.5% }
.prod-led-right-canvas { position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.obj-loading { position: absolute; z-index: 5; top: 50%; left: 50%; margin-left: -80px; margin-top: -12px; width: 160px; height: 4px; border-radius: 10px; background-color: #999 }
.obj-progress { position: absolute; top: 0; bottom: 0; left: 0; width: 0; background-color: #1226AA }
.obj-progress-txt { position: absolute; bottom: 100%; right: 0; left: 0; font: 400 12px/20px "STSong"; color: #999; text-align: center }
.prod-split { position: absolute; top: 60px; bottom: 60px; left: 70px; width: 60px; padding-top: 90px }
.prod-split-circle { position: absolute; top: 0; left: 0; width: 100%; height: 60px; background-color: #1226AA; border-radius: 50%; color: #fff; font: 400 16px/60px "STSong"; text-align: center }
.prod-split-progress { position: absolute; top: 90px; left: 50%; margin-left: -8px; width: 16px; bottom: 0 }
.prod-split-progress::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background-color: #1226AA }
.prod-progess-btn { position: absolute; z-index: 1; top: 0; left: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #1226AA }
.prod-led-img, .slick-prod-img { position: absolute; top: 50%; left: 50%; width: 46.875%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.prod-led-img::before, .slick-prod-img::before { padding-top: 100% }
.prod-img-item::before { padding-top: 100% }
.prod-vr-link { position: absolute; top: 60px; right: 90px; width: 60px; height: 60px; border-radius: 50%; background-color: #fff; color: #1226AA; font-size: 48px; text-align: center; line-height: 60px }
.prod-vr-link:hover { background-color: #1226AA; color: #fff }
.list-prodtech { margin-right: -60px; margin-left: -60px }
.prodtech-item { margin-right: 60px; margin-left: 60px }
.prodtech-item__img { width: 200px; border-radius: 50%; background-color: #F5F7F9;margin: auto; }
.prodtech-item__img::before { padding-top: 100% }
.prodtech-item__img img { top: 20%; left: 20%; width: 60% }
.prodtech-item__title { margin-top: 1.25em; margin-left: auto; margin-right: auto; text-align: center; font: 400 16px/1.2 "STSong"; color: #1226AA }
@media (max-width: 1600px) {
    .prodtech-item__title { font-size: 14px }
    .prodtech-item__img { width: 160px; margin-right: auto; margin-left: auto }
}
@media (max-width: 1400px) {
    .list-prodtech { margin-right: 0; margin-left: 0 }
    .prodtech-item { margin-right: 0; margin-left: 0 }
}
@media (max-width: 1200px) {
    .prodtech-item__img { width: 120px }
    .prodtech-item__title { font-size: 14px }
}
@media (max-width: 1024px) {
    .list-prodtech>li { width: 33.3333% }
    .list-prodtech>li:nth-of-type(n+4) { margin-top: 40px }
}
@media (max-width: 640px) {
    .list-prodtech>li { width: 50% }
    .list-prodtech>li:nth-of-type(n+3) { margin-top: 40px }
    .prodtech-item__img { width: 100px }
    .prodtech-item__title { font-size: 12px; margin-right: 10px; margin-left: 10px }
}
.prodf-item { position: relative; font-size: 0 }
.prodf-item:nth-of-type(2n+1) { text-align: right }
.prodf-item:nth-of-type(2n+1) .prodf-item__txt { right: 120px; left: 200px }
.prodf-item:nth-of-type(2n) .prodf-item__info { right: 0; left: 50% }
.prodf-item:nth-of-type(2n) .prodf-item__txt { left: 120px; right: 200px }
.prodf-item__info { position: absolute; top: 0; bottom: 0; right: 50%; left: 0; background-color: #F5F7F9; text-align: left }
.prodf-item__txt { position: absolute; top: 50%; font: 400 14px/20px "STSong"; color: #333 }
.prodf-item__txt h3 { font: 500 40px/1.25 "STSong"; margin-bottom: .75em }
.prodf-item__txt ul>li { position: relative; padding-left: 12px; font: 400 14px/20px "STSong" }
.prodf-item__txt ul>li::before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -2px; width: 4px; height: 4px; border-radius: 4px; background-color: #333 }
.prodf-item__txt ul.list>li { margin-right: 30px }
.prodf-item__img { display: inline-block; vertical-align: top; width: 50% }
.prodf-item__img::before { padding-top: 57.91667% }
.tabel-param table { width: 100% }
.tabel-param thead { background-color: #1226AA }
.tabel-param thead th { height: 80px; text-align: center; font: 500 20px/1.25 "STSong"; color: #fff; vertical-align: middle }
.tabel-param thead th:first-of-type { padding-left: 50px; text-align: left }
.tabel-param tbody tr:nth-of-type(2n) { background-color: #F5F7F9 }
.tabel-param tbody tr td { vertical-align: middle; height: 80px; font: 400 18px/1.25 "STSong"; text-align: center; color: #333 }
.tabel-param tbody tr td:first-of-type { padding-left: 50px; text-align: left }
@media (max-width: 1600px) {
    .prod-led-left__txt { left: 40px; top: 60px; bottom: 80px; right: 60px }
    .prod-title { font-size: 32px }
    .prod-vr-link { right: 40px; top: 40px }
    .prod-split { top: 40px; bottom: 40px; left: 40px }
    .prod-split { width: 40px }
    .prod-split-circle { line-height: 40px; height: 40px; font-size: 12px }
    .prod-vr-link { width: 40px; height: 40px; font-size: 32px; line-height: 40px }
    .prod-split-progress { top: 60px }
    .prodf-item:nth-of-type(2n+1) .prodf-item__txt { right: 40px; left: 40px }
    .prodf-item:nth-of-type(2n) .prodf-item__info { right: 0; left: 50% }
    .prodf-item:nth-of-type(2n) .prodf-item__txt { left: 40px; right: 40px }
    .prodf-item__txt h3 { font-size: 32px }
    .tabel-param thead th { font-size: 16px; height: 60px }
    .tabel-param thead th:first-of-type { padding-left: 20px }
    .tabel-param tbody tr td { font-size: 14px; height: 60px }
    .tabel-param tbody tr td:first-of-type { padding-left: 20px }
}
@media (max-width: 1400px) {
    .prod-title { font-size: 24px }
    .prod-led-left__txt { top: 30px; bottom: 30px; right: 20px }
    .prodf-item__txt h3 { font-size: 24px }
}
@media (max-width: 1200px) {
    .prodf-item__info { position: relative; padding: 40px 20px }
    .prodf-item:nth-of-type(2n+1) .prodf-item__txt { right: auto; left: auto }
    .prodf-item:nth-of-type(2n) .prodf-item__info { right: auto; left: auto }
    .prodf-item:nth-of-type(2n) .prodf-item__txt { left: auto; right: auto }
    .prodf-item__txt { position: relative; top: auto; -webkit-transform: translateY(0); transform: translateY(0) }
    .prodf-item__img { width: 100% }
}
@media (max-width: 1280px) {
    .prod-led-left { position: relative; width: 100%; padding: 40px 0 }
    .prod-led-left__txt { position: relative; top: auto; bottom: auto; left: auto; margin: 0 20px; right: auto }
    .prod-intro { margin-top: 10px }
    .prod-calc-btn-box { position: relative; margin-top: 40px }
    .prod-led-right { width: 100%; display: block; padding: 30px 0 }
    .prod-led-right::before { padding-top: 0 }
    .prod-split { top: 20px; left: 20px; bottom: 20px }
    .prod-vr-link { top: 20px; right: 20px }
    .prod-led-img, .slick-prod-img { position: relative; width: 60%; left: auto; top: auto; margin: 0 auto; -webkit-transform: translate(0, 0); transform: translate(0, 0) }
}
@media (max-width: 1024px) {
    .tabel-param thead th { font-size: 14px; height: 60px }
    .tabel-param thead th:first-of-type { padding-left: 20px }
    .tabel-param tbody tr td { font-size: 12px; height: 60px }
    .tabel-param tbody tr td:first-of-type { padding-left: 20px }
}
@media (max-width: 768px) {
    .prod-split { top: 10px; left: 10px; bottom: 20px }
    .prod-split-circle { -webkit-transform: scale(0.75); transform: scale(0.75) }
    .prod-vr-link { top: 10px; right: 10px; -webkit-transform: scale(0.75); transform: scale(0.75) }
    .prodf-item__txt h3 { font-size: 20px }
    .tabel-param { overflow-x: scroll }
    .tabel-param table { width: 760px }
    .tabel-param thead th:first-of-type { padding-left: 10px }
    .tabel-param tbody tr td:first-of-type { padding-left: 10px }
}
.list-prodown { margin-right: -6px; margin-left: -6px }
.list-prodown>li:nth-of-type(n+3) { margin-top: 32px }
.prodown-item { margin-right: 6px; margin-left: 6px; position: relative; padding: 25px 20px 25px 100px; background-color: #F5F7F9; text-align: right }
.prodown-item__ico { position: absolute; top: -8px; left: 0 }
.prodown-item__down { position: relative; z-index: 1; display: inline-block; vertical-align: top; padding: 0 10px; overflow: hidden; font: 400 14px/30px "STSong"; background-color: #fff; color: #333; border-radius: 30px; text-transform: capitalize }
.prodown-item__down>span { display: inline-block; vertical-align: top; font-size: 16px; line-height: 30px; margin-right: .5em }
.prodown-item__down::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; width: 0; background-color: #1226AA }
.prodown-item__view { position: relative; z-index: 1; display: inline-block; vertical-align: top; width: 30px; height: 30px; font-size: 16px; line-height: 30px; text-align: center; background-color: #fff; color: #333; border-radius: 50%; margin-right: 10px }
.prodown-item__view::after { content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background-color: #1226AA; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0) }
.prodown-item__title { position: absolute; top: 50%; right: 200px; left: 140px; text-align: left; font: 400 20px/1.2 "STSong"; color: #333 }
@media (min-width: 1025px) {
    .prodown-item__view:hover, .prodown-item__down:hover { color: #fff }
    .prodown-item__view:hover::after { -webkit-transform: scale(1); transform: scale(1) }
    .prodown-item__down:hover::before { width: 100% }
    .prodown-item:hover .prodown-item__title { color: #1226AA }
}
@media (max-width: 1600px) {
    .prodown-item__title { font-size: 16px }
}
@media (max-width: 1400px) {
    .prodown-item__title { font-size: 14px }
}
@media (max-width: 1200px) {
    .prodown-item__ico { top: 0 }
    .prodown-item__ico img { display: block; height: 80px }
    .prodown-item__title { left: 100px }
}
@media (max-width: 1024px) {
    .list-prodown>li { width: 100% }
    .list-prodown>li:nth-of-type(n+2) { margin-top: 10px }
}
@media (max-width: 768px) {
    .prodown-item { padding-top: 15px; padding-bottom: 15px; padding-right: 10px }
    .prodown-item__ico img { height: 60px }
    .prodown-item__title { left: 10px; font-size: 12px; right: 100px }
    .prodown-item__down { font-size: 0; width: 30px; height: 30px; padding: 0 }
    .prodown-item__down span { display: inline-block; vertical-align: top; width: 30px; height: 30px; line-height: 30px; text-align: center; margin-right: 0 }
    .prodown-item__ico { display: none }
}
.video-item .news-item__img::after { content: ""; position: absolute; z-index: 2; top: 50%; left: 50%; margin-top: -35px; margin-left: -24px; width: 0; height: 0; border-style: solid; border-width: 35px 0 35px 48px; border-color: transparent transparent transparent rgba(255,255,255,0.89) }
.login-main { padding: 140px 0; background-color: #F5F7F9 }
.lform-title { font: 500 40px/1.25 "STSong"; color: #1226AA; text-align: center; text-transform: uppercase }
.lform-item { position: relative }
.lform-item label.error { font-size: 12px; line-height: 16px; font-family: "STSong"; color: #aaa }
.get-code { position: absolute; z-index: 2; top: 0; right: 0; width: 120px; height: 80px; border-radius: 40px; background-color: #1226AA; color: #fff; font-size: 20px; font-family: "STSong"; text-align: center; line-height: 80px }
.get-code.disable { background-color: #F5F7F9; color: #333 }
.lform-main { width: 600px; margin-right: auto; margin-left: auto }
.lform-input { display: block; width: 100%; padding: 0 40px; border: 0; outline: 0; font-size: 20px; font-family: "STSong"; color: #333; height: 80px; border-radius: 40px; background-color: #fff }
.lform-button { display: block; width: 100%; height: 80px; border-radius: 40px; border: 0; background-color: #1226AA; color: #fff; font-size: 20px; font-family: "STSong"; text-transform: uppercase }
.lform-tip { position: relative }
.lform-checkbox-input { display: none }
.lform-checkbox-input:checked+label::after { visibility: visible; opacity: 1 }
.lform-remember { display: inline-block; vertical-align: top; position: relative; padding-left: 26px; margin-left: 10px; font: 400 12px/20px "STSong"; color: #B7B7B7 }
.lform-remember::before { content: ""; position: absolute; top: 1px; left: 0; width: 16px; height: 16px; border: 1px solid #1226AA; border-radius: 50% }
.lform-remember::after { content: ""; position: absolute; top: 50%; left: 5px; width: 8px; height: 8px; border-radius: 50%; background-color: #1226AA; margin-top: -4px; visibility: hidden; opacity: 0 }
.lform-remember:hover { color: #1226AA }
.lform-register { position: absolute; top: 0; right: 0; font: 400 12px/20px "STSong"; color: #B7B7B7 }
.lform-register>a { color: #B7B7B7 }
.lform-register>a:hover { color: #1226AA; text-decoration: underline }
@media (max-width: 1600px) {
    .login-main { padding: 120px 0 }
    .lform-title { font-size: 32px }
    .lform-input { height: 60px; font-size: 16px }
    .lform-button { height: 60px; font-size: 16px }
    .get-code { height: 60px; line-height: 60px; font-size: 16px }
}
@media (max-width: 1400px) {
    .login-main { padding: 100px 0 }
    .lform-title { font-size: 24px }
}
@media (max-width: 1200px) {
    .lform-input { padding-right: 20px; padding-left: 20px }
    .login-main { padding: 80px 0 }
}
@media (max-width: 768px) {
    .login-main { padding: 60px 0 }
    .lform-title { font-size: 20px }
    .lform-main { width: auto; margin-right: 20px; margin-left: 20px }
    .lform-input { padding-right: 20px; padding-left: 20px }
    .lform-input, .lform-button, .get-code { height: 40px; line-height: 40px; font-size: 12px }
}
@media (max-width: 640px) {
    .lform-register { position: relative; margin-top: 10px; margin-left: 10px }
}
.calc-container { background-color: #F5F7F9 }
.calc-box { position: relative; margin-top: 160px; width: 820px; margin-left: auto; margin-right: auto }
.calc-unit { position: absolute; top: -120px; right: 100%; width: 130px; text-align: left }
.calc-unit-label { display: block; position: relative; padding-left: 20px; cursor: pointer; font: 400 14px/2 "STSong"; color: #333 }
.calc-unit-label::before { content: ""; position: absolute; top: 7px; left: 0; width: 14px; height: 14px; border-radius: 50%; background-color: #fff }
.calc-unit-radio { display: none }
.calc-unit-radio:checked+label { color: #1226AA }
.calc-unit-radio:checked+label::before { background-color: #1226AA }
.calc-wall { position: relative; height: 492px; background-color: #fff }
.calc-man { position: absolute; bottom: 0; right: 100%; height: 50%; margin-right: 30px }
.calc-man>img { position: absolute; bottom: 0; right: 0; height: 100%; width: auto }
.calc-man span { position: absolute; top: 100%; margin-top: 6px; right: 0; white-space: nowrap; font: 400 12px/1 "STSong"; color: #333 }
.calc-wunit { position: absolute; top: -66px; right: 0; left: 0; height: 66px; text-align: center }
.calc-wunit::before, .calc-wunit::after { content: ""; position: absolute; top: 0; bottom: 0 }
.calc-wunit::before { left: 0; border-left: 1px dashed #A5A5A5 }
.calc-wunit::after { right: 0; border-right: 1px dashed #A5A5A5 }
.calc-wunit-left, .calc-wunit-right { position: absolute; top: 0; z-index: 10 }
.calc-wunit-left>span, .calc-wunit-right>span { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50) }
.calc-hunit-h { position: absolute; right: 0; top: 50%; margin-top: -18px }
.calc-top-handle { position: absolute; top: -132px; right: 0; left: 0; font-size: 0; text-align: center }
.calc-top-handle>span:last-of-type { margin-left: 1px }
.calc-right-handle { position: absolute; top: 50%; left: 100%; margin-left: 142px; width: 36px; margin-top: -36px }
.calc-right-handle>span:last-of-type { margin-top: 1px }
.calc-btn { display: inline-block; vertical-align: top; width: 36px; height: 36px; background-color: #fff; font-size: 18px; line-height: 36px; color: #1226AA; text-align: center; cursor: pointer }
.calc-btn:hover { background-color: #1226AA; color: #fff }
.calc-wunit-left { left: 0 }
.calc-wunit-right { right: 0 }
.calc-uvalue { display: inline-block; vertical-align: top; min-width: 72px; height: 36px; text-align: center; font: 400 14px/36px "STSong"; background-color: #fff; color: #333 }
.calc-hunit { position: absolute; top: 0; bottom: 0; left: 100%; width: 112px }
.calc-hunit::before, .calc-hunit::after { content: ""; position: absolute; right: 0; left: 0 }
.calc-hunit::before { border-top: 1px dashed #A5A5A5; top: 0 }
.calc-hunit::after { border-bottom: 1px dashed #A5A5A5; bottom: 0 }
.calc-hunit-top, .calc-hunit-bottom { position: absolute; right: 0; left: 0; z-index: 10 }
.calc-hunit-top>span, .calc-hunit-bottom>span { position: absolute; right: 0; top: 50%; margin-top: -18px }
.calc-hunit-top { top: 0 }
.calc-hunit-bottom { bottom: 0 }
.calc-screen { position: absolute; top: 50%; left: 50%; width: 410px; height: 280px; background-image: url(../img/calc_bg.jpg); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.calc-out-wline { position: absolute; bottom: 100%; right: 0; left: 0; border-right: 1px dashed #A5A5A5; border-left: 1px dashed #A5A5A5 }
.calc-out-hline { position: absolute; left: 100%; top: 0; bottom: 0; border-top: 1px dashed #A5A5A5; border-bottom: 1px dashed #A5A5A5 }
.calc-vline, .calc-hline { position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.calc-vline>span, .calc-hline>span { position: absolute; background-color: rgba(255,255,255,0.2) }
.calc-vline>span { right: 0; left: 0; height: 1px }
.calc-hline>span { top: 0; bottom: 0; width: 1px }
@media (max-width: 1200px) {
    .calc-box { width: 400px }
}
@media (max-width: 640px) {
    .calc-box { width: 300px }
    .calc-unit { position: relative; top: auto; right: auto }
    .calc-uvalue { font-size: 12px; height: 24px; line-height: 24px }
    .calc-wunit, .calc-hunit { display: none }
    .calc-top-handle { top: -50px }
    .calc-right-handle { margin-left: 10px }
    .calc-out-wline, .calc-out-hline { display: none }
    .calc-wall { margin-top: 60px }
}
@media (max-width: 400px) {
    .calc-box { width: 260px }
    .calc-man { margin-right: 0 }
}
.page-calculator .footer-fixed { display: none }
.calc-filter { position: fixed; z-index: 50; right: 0; bottom: 0; left: 0; background-color: #fff; border-top: 1px solid #1226AA }
.calc-filter.hide { margin-bottom: -280px }
.calc-filter.hide .calc-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.calc-filter-wrap { padding-top: 60px; padding-bottom: 50px; height: 375px; overflow-y: scroll }
.calc-filter-wrap::-webkit-scrollbar {
    width:0;
    height:0
}
.calc-filter-wrap::-webkit-scrollbar-button {
    background-color:transparent
}
.calc-filter-wrap::-webkit-scrollbar-corner {
    background-color:transparent
}
.calc-arrow { position: absolute; z-index: 30; top: 0; left: 50%; margin-left: -40px; width: 80px; height: 40px; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; background-color: #1226AA; color: #fff; text-align: center; cursor: pointer; -webkit-transform-origin: top center; transform-origin: top center }
.calc-arrow>span { display: inline-block; vertical-align: top; font-size: 20px; line-height: 40px }
.calc-filter-main { font-size: 0 }
.calc-product { display: inline-block; vertical-align: top; width: 360px; margin-right: 40px }
.calc-ptitle { font: 500 20px/1 "STSong" }
.calc-select1 { position: relative; padding-left: 110px; height: 40px; background-color: #F5F7F9 }
.calc-select1 select { display: block; width: 100%; padding: 13px 10px; border: 0; outline: 0; font: 400 14px/1 "STSong"; color: #333; background-color: transparent }
.calc-select1::after { content: "\e638"; position: absolute; top: 0; right: 0; bottom: 0; width: 40px; font-size: 14px; line-height: 40px; text-align: center; font-family: 'iconfont'; pointer-events: none }
.calc-select1-title { position: absolute; top: 0; left: 0; width: 110px; height: 40px; background-color: #1226AA; color: #fff; font: 500 14px/1 "STSong"; line-height: 40px; padding-left: 10px }
.calc-product-info { padding: 15px 20px; background-color: #F5F7F9; font-size: 0 }
.calc-pro-img { display: inline-block; vertical-align: top; width: 90px }
.calc-pro-img::before { padding-top: 100% }
.calc-pro-right { display: inline-block; vertical-align: top; width: calc(100% - 120px); margin-left: 30px }
.calc-pro-select { position: relative; height: 24px }
.calc-pro-select select { display: block; width: 100%; padding: 5px 0 5px 10px; border: 0; outline: 0; font: 400 14px/1 "STSong"; color: #333; background-color: #fff }
.calc-pro-select::after { content: "\e638"; position: absolute; top: 0; right: 0; bottom: 0; width: 24px; font-size: 14px; line-height: 24px; text-align: center; font-family: 'iconfont'; pointer-events: none }
.calc-pro-desc { margin-top: 10px; font: 400 14px/20px "STSong"; color: #333 }
.calc-filter-wall { display: inline-block; vertical-align: top; width: 350px }
.cfw-change { position: relative; padding-left: 110px; background-color: #F5F7F9; color: #333 }
.cfw-change-left { position: absolute; top: 0; left: 0; width: 110px; padding-left: 10px; font: 500 14px/40px "STSong"; background-color: #1226AA; color: #fff }
.pm-input-box { position: relative; padding: 0 40px }
.pm-input-box.no-btn { padding-right: 0; padding-left: 0 }
.pm-input-box>span { position: absolute; top: 0; bottom: 0; width: 40px; font-size: 14px; line-height: 40px; text-align: center }
.pm-input-box input { display: block; width: 100%; height: 40px; border: 0; outline: 0; font-weight: 500; font-size: 14px; text-align: center; background-color: transparent }
.pm-minus { left: 0 }
.pm-plus { right: 0 }
.calc-filter-set { position: relative; display: inline-block; vertical-align: top; width: calc(100% - 790px); margin-right: 40px }
.cfs-change { position: relative; padding-left: 360px; min-height: 40px }
.cfs-change .pm-input-box { background-color: #F5F7F9 }
.cfs-change-select { position: absolute; top: 0; left: 0; width: 350px; height: 40px }
.cfs-change-select select { display: block; width: 100%; padding: 13px 10px; border: 0; outline: 0; font-size: 14px; line-height: 1; font-weight: 500; background-color: #1226AA; color: #fff }
.cfs-change-select::after { content: "\e638"; position: absolute; top: 50%; margin-top: -12px; right: 5px; bottom: 0; width: 24px; font-size: 14px; line-height: 24px; text-align: center; font-family: 'iconfont'; pointer-events: none; color: #fff }
.btn-calc-submit { position: relative; z-index: 1; overflow: hidden; display: inline-block; vertical-align: top; width: 220px; height: 40px; border-radius: 40px; background-color: #1226AA; color: #fff; text-align: center; font: 500 14px/40px "STSong" }
.btn-calc-submit::before { content: ""; display: none; position: absolute; z-index: -1; top: -4px; bottom: -4px; left: -4px; width: 0; background-color: #F5F7F9; border-radius: 40px }
.btn-calc-submit>span { display: inline-block; vertical-align: top; font-weight: 400; font-size: 32px; line-height: 40px; margin-right: 10px }
.btn-calc-submit:hover { opacity: .9 }
.aspect-item-radio { display: none }
.aspect-item-radio:checked+label { color: #1226AA }
.aspect-item-radio:checked+label::before { content: "\e60e" }
.aspect-item-label { position: relative; cursor: pointer; display: inline-block; vertical-align: top; width: 30px; height: 30px; text-align: center; color: #999 }
.aspect-item-label::before { content: "\ee1c"; display: inline-block; vertical-align: top; font-family: 'iconfont'; font-size: 16px; line-height: 30px }
.aspect-item-txt { margin-right: 10px; display: inline-block; vertical-align: top; font-size: 14px; font-family: "STSong"; line-height: 30px; color: #333 }
.aspect-item-input { display: inline-block; vertical-align: top }
.aspect-item-input>input { display: inline-block; vertical-align: top; padding: 0; outline: 0; margin: 0 5px; width: 50px; height: 30px; border: 1px solid #999; background-color: #fff; font-size: 14px; font-family: "STSong"; text-align: center; color: #333 }
.aspect-item-input>span { display: inline-block; vertical-align: top; font-size: 14px; line-height: 30px; font-family: "STSong"; color: #1226AA }
@media (max-width: 1400px) {
    .cfs-change { padding-left: 200px }
    .cfs-change-select { width: 200px }
}
@media (max-width: 1200px) {
    .calc-product { width: calc(50% - 10px); margin-right: 20px }
    .calc-filter-set { width: calc(50% - 10px); margin-right: 0 }
    .calc-filter-wall { width: calc(50% - 10px) }
}
@media (max-width: 640px) {
    .calc-product, .calc-filter-set, .calc-filter-wall { width: 100%; margin-right: 0 }
    .calc-filter-set { margin-top: 30px }
}
.cr-item { position: relative; font-size: 0 }
.cr-item__label { display: inline-block; vertical-align: top; width: 320px; padding-left: 40px; border-right: 2px solid #fff; font: 500 14px/46px "STSong"; color: #333 }
.cr-item__info { display: inline-block; vertical-align: top; width: calc(100% - 320px); padding-left: 40px; font: 400 14px/46px "STSong"; color: #333 }
.list-calc-rlist>li:nth-of-type(2n+1) .cr-item { background-color: #F5F7F9 }
.layer-calc-result { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; visibility: visible; opacity: 1 }
.layer-calc-result.hide { -webkit-transform: translate3d(0, 100%, 0); visibility: hidden; opacity: 0; transform: translate3d(0, 100%, 0); visibility: hidden; opacity: 0 }
.layer-calc-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5) }
.layer-calc-main { position: absolute; top: 50%; left: 50%; width: 900px; height: 680px; padding: 40px 20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff }
.layer-video { position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.9); visibility: hidden; opacity: 0 }
.layer-video.show { visibility: visible; opacity: 1 }
.layer-vmain { position: absolute; top: 50%; left: 50%; margin-left: -680px; width: 1360px; background-color: transparent }
.layer-video-box::before { padding-top: 56.25% }
.layer-video-box video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: fill }
.layer-video-box.play .video-item__btn { visibility: hidden; opacity: 0 }
.layer-video-title { position: relative; font-size: 16px; font-family: "STSong"; line-height: 30px; color: #fff; text-align: center }
.layer-video-time { position: absolute; top: 0; right: 0; color: #aaa }
.layer-video-tag { position: relative; padding-right: 120px; padding-top: 4px; padding-bottom: 4px }
.layer-video-tag .newsd-tags a { color: #fff }
.layer-video-tag .newsd-tags a::after { color: #fff }
.layer-video-link { position: absolute; top: 0; right: 0 }
.layer-video-link .btn-white::after { background-color: #1226AA }
.layer-close { position: absolute; top: .5em; right: .5em; font-size: 24px; line-height: 2; width: 2em; color: #fff; cursor: pointer; text-align: center }
@media (min-width: 1025px) {
    .layer-video-link .btn-white:hover { background-color: #fff; color: #1226AA }
    .layer-video-link .btn-white:hover::after { width: 100% }
}
@media (max-width: 1440px) {
    .layer-vmain { width: 90%; left: 5%; margin-left: 0 }
}
@media (max-width: 1024px) {
    .layer-close { right: 0; top: 0; text-align: center }
    .layer-video-link { position: relative; margin-top: 10px; padding-left: 0 }
    .layer-video-link a { background-color: transparent; color: #aaa; padding-left: 0 }
}
@media (max-width: 640px) {
    .layer-vmain { width: 100%; left: 0 }
    .layer-video-title { margin-right: 18px; margin-left: 18px }
    .layer-video-tag { margin-right: 18px; margin-left: 18px; padding-right: 0 }
    .layer-video-tag .news-book { display: block; margin-top: 20px }
    .layer-video-tag .news-book span, .layer-video-tag .news-book a { margin-left: 0; margin-bottom: 10px }
}
@media (max-height: 880px) and (min-width: 1200px) {
    .layer-vmain { left: 50%; width: 1200px; margin-left: -600px }
}
@media (max-height: 800px) and (min-width: 1200px) {
    .layer-vmain { left: 50%; width: 1000px; margin-left: -500px }
}
@media (max-height: 680px) and (min-width: 1200px) {
    .layer-vmain { left: 50%; width: 800px; margin-left: -400px }
}

.middle{vertical-align: middle;}
.footer { padding-top: 80px; background: #333 url(../img/footer_bg.png) no-repeat right center; background-size: 100% auto }
.footer-inner { position: relative; clear:both; overflow:hidden; }
.fs-hi { font-size: 0; color: #fff }
.fs-hi>span { display: inline-block; vertical-align: bottom }
.fs-hi-big { font: 500 70px/1 "STSong" }
.fs-hi-small { margin-left: .5em; font: 400 20px/1.6 "STSong"; float:right; text-align:right; }
.fs-form { font-size: 0; position: relative }
.fs-form label.error { position: absolute; top: 100%; left: 0; font-size: 12px; line-height: 20px; color: #fff }
.fsf-input { display: inline-block; vertical-align: top; width: 70%; height: 64px; border: 0; padding: 0 0 0 20px; outline: 0; font-size: 14px; font-family: "STSong" }
.fsf-submit { display: inline-block; vertical-align: top; outline: 0; width: 30%; height: 64px; border: 1px solid #fff; background-color: transparent; font-size: 18px; letter-spacing: 0.02em; color: #fff; font-family: "STSong"; cursor: pointer }
.footer-bottom { position: relative ; float:left; width:62%;}


.footer-bottom .footer-menu{ clear:both; overflow:hidden;}
.footer-bottom .footer-menu ul li{ float:left; width:25%;}
.footer-bottom .footer-menu ul li a{ display:block;}
.footer-bottom .footer-menu ul li p{ color:#fff; font-size:18px; font-weight: 600; line-height:40px; margin-bottom:10px;}

.footer-left{ float:right; width:30%;}
.clear{ clear:both; overflow:hidden;}


.fmenu-item { display: inline-block; vertical-align: top;  font: 400 14px/30px "STSong"; color: #fff; }
.fmenu-item:last-of-type { margin-right: 0 }
.gotop { position: absolute; z-index: 1; top: 50%; right: 0; margin-top: -20px; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; color: #333; font-size: 24px; text-align: center; line-height: 40px; cursor: pointer }
.gotop::after { content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background-color: #1226AA; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) }
.footer-copyright { border-top: 1px solid rgba(255,255,255,0.14); padding-bottom: 30px }
.fc-txt { display: inline-block; vertical-align: top; font: 400 14px/20px "STSong"; color: #fff }
.fc-txt>a { color: #fff; opacity: .46 }
.fc-main { position: relative }
.fc-links { position: absolute; top: 0; right: 0 }
.fclink-item { display: inline-block; vertical-align: top; color: #fff; margin-left: 30px; font: 400 14px/20px "STSong"; text-transform: uppercase; text-decoration: underline }
.footer-contact { text-align: left; margin-bottom:30px; }
.footer-tel { font: 400 40px/1 "STSong"; color: #fff }
.footer-contact p{ color: #fff; font:400 14px/30px "STSong" }
.footer-social { font-size: 0 }
.social-link { margin-left: 12px; position: relative; z-index: 1; display: inline-block; vertical-align: top; width: 32px; height: 32px; border-radius: 50%; background-color: #fff; color: #333; font-size: 20px; line-height: 32px; text-align: center }
.social-link::after { content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background-color: #1226AA; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) }
@media (min-width: 1025px) {
    .fmenu-item:hover { color: rgba(255,255,255,0.6) }
    .social-link:hover { color: #fff }
    .social-link:hover::after { -webkit-transform: scale(1.1); transform: scale(1.1) }
    .gotop:hover { color: #fff }
    .gotop:hover::after { -webkit-transform: scale(1.1); transform: scale(1.1) }
    .fclink-item:hover { color: rgba(255,255,255,0.6) }
    .fsf-submit:hover { color: rgba(255,255,255,0.6) }
}
@media (max-width: 1600px) {
    .footer { padding-top: 80px }
    .footer-tel { font-size: 32px }
}
@media (max-width: 1400px) {
    .footer-tel { font-size: 24px }
}
@media (max-width: 1200px) {
    .footer-contact { margin-top: 50px; position: relative; text-align: left }
    .social-link { margin-left: 0; margin-right: 12px }
    .fsf-input, .fsf-submit { height: 50px }
    .fsf-input { width: 300px }
    .fsf-submit { font-size: 16px; width: 140px }
    .fs-hi-big { font-size: 60px }
    .fs-hi-small { font-size: 16px; line-height: 1.75 }
    .fmenu-item { margin-right: 40px }
}
@media (max-width: 1024px) {
    .fc-links { position: relative; margin-top: 10px }
    .fclink-item { margin-left: 0; margin-right: 20px; margin-bottom: 10px }
    .footer { background-image: none }
}
@media (max-width: 768px) {
    .footer { padding-top: 60px }
    .footer-tel { font-size: 20px }
    .fsf-input, .fsf-submit { height: 40px }
    .fsf-input { width: 200px }
    .fsf-submit { font-size: 12px; width: 120px }
    .fmenu-item { font-size: 14px; margin-right: 20px }
    .footer-bottom { padding-right: 0; width:100%;display: none; }
    .fs-hi-big { font-size: 40px }
    .fs-hi-small { font-size: 12px; line-height: 1.66 }
}
.footer-fixed { position: fixed; z-index: 50; right: 10px; bottom: 120px; width: 40px }
.fr-btn { position: relative; margin-top: 10px; display: block; width: 40px; height: 40px; border-radius: 30px }
.fr-btn::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 40px; border-radius: 20px; background-color: #1226AA }
.fr-btn>span { position: relative; z-index: 2; display: inline-block; vertical-align: top; width: 40px; font-size: 24px; line-height: 40px; text-align: center; color: #fff }
.fr-btn:hover::before { opacity: .8 }
.fr-btn.d-none { opacity: 1 }
.fr-tel { text-align: right }
.fr-tel>p { position: absolute; z-index: 3; top: 0; right: 40px; font: 400 16px/40px "STSong"; white-space: nowrap; color: #fff; visibility: hidden; opacity: 0 }
.fr-tel:hover::before { width: 200px }
.fr-tel:hover>p { visibility: visible; opacity: 1; -webkit-transition: all .2s ease .2s; transition: all .2s ease .2s }
#udesk_btn_text { margin-right: 0 !important; margin-left: 0 !important }
#udesk_btn .udesk-client-btn { width: 40px !important; overflow: hidden; transition: width .3s }
#udesk_btn>a { border-radius: 3px !important; margin-right: 5px !important; margin-left: 0 !important }
#udesk_btn:hover .udesk-client-btn { width: 250px !important }
@media (max-width: 768px) {
    .footer-fixed { bottom: 70px }
    #udesk_btn>a { margin-right: 10px !important }
    .footer-contact{ margin-top:0;}
    .fs-hi-small{ float:none; text-align:left;}
    .footer-left{ width:100%;}
    .footer-subscribe{ margin-bottom:20px;}
    .footer-bottom .footer-menu ul li{ width:50%; padding-bottom:30px;}
    .footer-bottom .footer-menu ul li p{ font-size:16px;}
}
/*# sourceMappingURL=app.css.map */