@charset "utf-8";
:root {--color:#0032aa}
.pro-detail-content .pro-intro article {font-size:18px;color:gray;padding:30px 40px 30px 0;font-family:Helvetica Neue}
img {display:block;margin:0 auto}
.news-detail-content article p {margin-top:3px}
.abouts-content {line-height:1.75em}
@media screen and (min-width:769px) {#swiper-banner {height:100vh}
#swiper-banner .swiper-slide a {display:flex;height:100%;width:100%}
#swiper-banner .swiper-slide img {width:100%;height:100%;object-fit:cover;object-position:bottom}
header nav .header-logo img {height:80%}
.index header nav:not(.min) {background:#0000003b}
.index header nav:hover {background:#fff}
.index header nav:not(.min) .header-logo a {background:url(/js/34121/logo-w.png) no-repeat center;background-size:auto 80%}
.index header nav:not(.min) .header-logo a img {visibility:hidden}
.index header nav:not(.min)>ul>li>a {color:#fff}
.index header nav:not(.min) ul .submenu+.icon-angle-down {color:#fff}
.index header nav:not(.min) ul li .inmenu_1 {color:#fff}
.index header nav:not(.min) ul li .inmenu_1:after {background:#fff}
.index header nav:hover ul .submenu+.icon-angle-down,.index header nav:hover>ul>li>a {color:#2b2b2b}
.index header nav:hover ul li .inmenu_1 {color:#0032aa}
.index header nav:hover ul li:hover .submenu+.icon-angle-down,.index header nav:hover>ul>li:hover>a {color:#0032aa}
.index header nav:hover ul li .inmenu_1:after {background:#0032aa}
.index header nav:hover .header-logo a {background:0 0}
.index header nav:hover .header-logo a img {visibility:inherit}
.index main {margin-top:0}
header .header-top {display:none}
header nav {top:0!important;position:fixed!important}
}
.home-container .about-info .about-content article p {text-align:justify}
img.footlogo {margin:0 0 10px}
.home-container #video .part-title:after {top:50%;transform:translate(-50%,-50%);content:'06'}
.videocase {margin-top:100px}
.videocase .swiper-container {padding-bottom:50px}
.home-container .videocase .swiper-container .swiper-pagination-bullet {background:#000}
.home-container .partners {margin-bottom:80px}
.videocase .swiper-container iframe {width:100%;height:400px}
@media screen and (max-width:768px) {.videocase .swiper-container iframe {height:300px}
}
@media screen and (max-width:500px) {.videocase .swiper-container iframe {height:140px}
.videocase {margin-top:50px}
.home-container .partners {margin-bottom:40px}
}
.home-container .hot-product .part-title:after {content:'01'}
.home-container .welcome-info .part-title:after {content:'03'}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide {height:auto}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {padding:0;text-align:center;margin:10px}
.home-container .about-info .about-content .content-title {font-size:50px}
@media screen and (max-width:1680px) {.home-container .about-info .about-content .content-title {font-size:40px}
}
@media screen and (max-width:1440px) {.home-container .about-info .about-content .content-title {font-size:32px}
}
@media screen and (max-width:768px) {.home-container .about-info .about-content .content-title {font-size:5.4vw}
}
.videocase {position:relative}
.videocase .swiper-button-prev {left:-50px}
.videocase .swiper-button-next {right:-50px}
@media(max-width:768px) {.videocase {padding:0 30px}
.videocase .swiper-button-next {right:0}
.videocase .swiper-button-prev {left:0}
}
.pro-detail-content .pro-review .pro-preview-right article {text-align:justify}
.pro-detail-content .pro-intro .intro-title {background:url(/js/34121/pdicon.png) no-repeat left center;padding-left:52px}
@media screen and (min-width:769px) {header nav ul .submenu {flex-wrap:wrap;padding:20px;height:auto;box-sizing:border-box}
header nav ul .submenu li {margin:12px}
}
@media screen and (min-width:1201px) {main.About.Us h2 span {font-size:35px!important}
}
main.About.Us table td {width:50%}
main.About.Us table td * {text-align:left!important}
main.About.Us table tr {display:flex;width:100%;justify-content:space-between}
main.About.Us table tr:nth-child(1) td:first-child {padding:30px 30px 30px 0;box-sizing:border-box}
main.About.Us table tr:nth-child(2) td:nth-child(2) {padding:30px 0 30px 30px;box-sizing:border-box}
@media screen and (min-width:1401px) {main.About.Us table tr:nth-child(1) td:first-child {padding:55px 45px 55px 0}
main.About.Us table tr:nth-child(2) td:nth-child(2) {padding:55px 0 55px 45px}
}
@media screen and (max-width:1150px) {main.About.Us table tr:nth-child(1) td:first-child {padding:15px 30px 15px 0}
main.About.Us table tr:nth-child(2) td:nth-child(2) {padding:15px 0 15px 30px}
}
@media screen and (max-width:768px) {main.About.Us table tr {flex-wrap:wrap}
main.About.Us table td {width:100%}
main.About.Us table tr:nth-child(1) td:first-child {padding-right:0}
main.About.Us table tr:nth-child(2) td:nth-child(2) {padding-left:0}
main.About.Us table tr:nth-child(2) {flex-direction:column-reverse}
}
.solutions {display:flex;justify-content:space-between;margin-top:20px;flex-wrap:wrap}
.solutions .solutions-items {width:32%;margin-bottom:20px}
.solutions .solutions-items img {width:100%;height:auto}
.solutions .solutions-items p {background:#0032aa;text-align:center}
.solutions .solutions-items p {line-height:50px;background:#0032aa;font-size:20px}
.solutions:after {content:'';width:32%;height:0}
footer .footer-container .bottom-info .cate ul li a,footer .footer-container .bottom-info .intro .intro-text,footer .footer-container .bottom-info .nav ul li a,footer .footer-container .right-text,footer .footer-container>ul>li .content .content-text,footer .footer-container>ul>li .content .content-text a {color:#fff}
#tags li a {color:#138d64}
#tags li.selectTag,#tags li:hover {border-color:#ccc;background:#897fc5}
#tags li a:hover,#tags li.selectTag a {color:#fff}
.home-container .welcome-info .part-title:after {content:'02'}
.home-container .partners .part-title:after {content:"03"}
.home-container #video .part-title:after {content:"04"}
@media screen and (max-width:768px) {.home-container .about-info .about-content .about-btn:hover a,.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-title,header nav ul li a:hover {color:#0032aa}
.home-container .about-info .about-img,footer .mobile-bottom,footer .mobile-bottom .mobile-bottom-item,header .header-top .top-right .search-input .search-btn {background-color:#0032aa}
.home-container .about-info .about-content .about-btn:hover,.products-content .pro-list .list-2.pro-checked {border-color:#0032aa}
.products-content .pro-list .list-2 .pro-img {height:auto;min-height:0}
.solutions {flex-wrap:wrap}
.solutions .solutions-items {width:490%}
footer .footer-container>ul>li .content .content-text {font-weight:400}
header .header-top .top-right #xyz {display:none}
header .header-top {height:13.3333333333vw}
#tagContent p,#tagContent span {font-size:16px!important}
.solutions .solutions-items p {line-height:1.4;font-size:16px;padding:6px 0}
.home-container .part-title p {font-weight:400;color:#999}
.home-container .part-title h3 {font-size:5.8vw}
}
#tags li {width:33.33%;margin:0;padding:0;box-sizing:border-box;border:1px solid #ccc}
#tags li a {margin:0;padding:0 15px;border:none;text-align:center}
main.About.Us p,main.About.Us table td p {text-align:justify!important}
main.About.Us strong span,main.About.Us h2 span {font-size:18px!important}
@media(max-width:768px) {
footer .footer-container>ul>li:nth-child(2),footer .footer-container>ul>li:nth-child(3) {width:100%}
}
#tags li.selectTag,#tags li:hover {background:#0a63bf}
#tags li a {color:#000}
.table tr:nth-child(odd) td {background:#eee}
.home-container .part-title h3 {text-transform:uppercase}
.table tr:nth-child(even) {background:#fff}
.table tr:nth-child(odd) {background:#f5f5f5}
#tagContent1 .table td {vertical-align:middle}
#tagContent1 .table * {font-family:helvetica!important}
#tagContent .tagContent {line-height:1.78}
#con {max-width:1100px;margin:0 auto}
@media screen and (min-width:1201px) {.pro-detail-content .productsTags {max-width:1100px;margin-left:auto;margin-right:auto}
}
.pro-detail-content .productsTags {line-height:1.8}
.pro-detail-content .productsTags a {color:#000}
footer .footer-container .bottom-info .code {display:none}
.address p:not(.title) {font-size:16px;color:#fff;line-height:1.5;margin-bottom:15px}
footer .footer-container>ul>li.address span {background:0 0;text-decoration:underline;font-size:16px}
footer .footer-container>ul>li.address p {font-size:14px}
footer .footer-container>ul>li.address span {display:block;width:100%}
.common-container .contact-wrapper .contact-left ul li .contact-info {text-align:justify}
.home-container .lastest-news .part-title:after {content:"03"}
.lastest-news ul {margin-top:80px}
.home-container .partners .part-title:after {content:'04'}
.home-container #video .part-title:after {content:"05"}
#tags li {width:50%}
.share-btn-list .print {display:none !important}
@media (min-width:769px) {.home-container .hot-product ul li .pro-btn {width:170px}
.home-container .about-info .about-content .about-btn {width:250px}}
@media (min-width:769px) and (max-width:1440px) {.home-container .about-info .about-content .about-btn {width:190px}}
@media(min-width:1025px){
header nav>ul{margin-left:auto;}
.lang{height:30px;margin-top:34px;transition: all 0.2s linear;}
.lang-icon span{color:#fff;}
.index header nav:hover .lang-icon span{color:#333;}
nav.min .lang{margin-top:20px;}
nav.min .lang .lang-icon span{color:#333;}
}