@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 992px) {
}

@media screen and (max-width: 600px) {
    .wap_nav {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        z-index: 7777;
    }

    .wap_nav .logo {
        float: left;
        position: absolute;
        left: 0px;
        top: 0px;
        padding: 0;
        height: 50px;
        line-height: 50px;
    }

    .wap_nav .logo img {
        height: 24px;
        margin-left: 10px;
    }

    body {
    }

    .pc {
        display: none;
    }

    .wap {
        display: block;
    }

    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        background-color: rgba(0,0,0,0.35);
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .wrap {
        width: calc(1400 / 667 * 100vw);
        margin: auto;
        max-width: 100%;
    }

    .header-inner {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 20px;
    }

    .logo {
        padding: calc(18/ 667 * 100vw) 0px;
        height: auto;
    }

    .nav {
        display: flex;
        gap: calc(40 / 667 * 100vw);
    }

    .nav a {
        color: #fff;
        font-size: calc(16 / 667 * 100vw);
        opacity: 0.8;
        transition: 0.3s;
    }

    .nav a:hover,.nav a.active {
        opacity: 1;
        font-weight: bold;
    }

    .header-right .lan {
        color: #fff;
    }

    .header-right .search .h2tit {
        height: 100%;
        cursor: pointer;
    }

    .header-right .search:hover .slide {
        visibility: visible;
        opacity: 1;
        z-index: 5;
    }

    .header-right .search {
    }

    .header-right .search .slide {
        position: absolute;
        width: calc(120 / 667 * 100vw);
        background: #fff;
        box-shadow: 0px 0px 10px #cfcfcf;
        top: calc(50 / 667 * 100vw);
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .header-right .search .send {
        width: calc(30 / 667 * 100vw);
        height: calc(30 / 667 * 100vw);
        position: absolute;
        border: none;
        background: none;
    }

    .header-right .search .words {
        height: calc(30 / 667 * 100vw);
        border: none;
        width: 100%;
        padding: 0px calc(12 / 667 * 100vw);
    }

    .header-right .search {
        width: calc(30 / 667 * 100vw);
        background: url(../images/search.png) no-repeat right center;
        background-size: calc(30 / 667 * 100vw);
        height: calc(30 / 667 * 100vw);
        position: relative;
        margin-left: calc(6/ 667 * 100vw);
    }

    .header-right .tel {
        margin-left: calc(15 / 667 * 100vw);
        padding-left: calc(32 / 667 * 100vw);
        background: url(../images/tel.png) no-repeat left center;
        background-size: auto calc(30 / 667 * 100vw);
        line-height: calc(32 / 667 * 100vw);
    }

    .header-right {
        display: flex;
        align-items: center;
        /* gap:calc(20 / 667 * 100vw);*/
        color: #fff;
        font-size: calc(18 / 667 * 100vw);
    }

    .mobile-menu-btn {
        display: none;
    }

    /* PC端隐藏 */
    /* --- Hero Banner --- */
    .hero {
        position: relative;
        width: 100%;
        background-color: #333;
        /* 这里放背景图 url() */
        background-size: cover;
        background-position: center;
        /* display:flex;*/
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #fff;
        background: url(../images/banner.jpg) no-repeat center center;
        background-size: cover;
        position: relative;
    }

    .hero h1 b {
        font-size: calc(40/ 667 * 100vw);
        font-weight: normal;
    }

    .hero h1 {
        text-align: center;
        font-size: calc(69/ 667 * 100vw);
        line-height: 1.2;
        margin-bottom: calc(100 / 667 * 100vw);
        letter-spacing: calc(4 / 667 * 100vw);
        position: absolute;
        top: 50%;
        left: 50%;
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        margin: 0;
        width: 100%;
    }

    .hero-icons {
        /* display:flex;*/
        position: absolute;
        width: 100%;
        bottom: 0;
        background: rgba(7,24,9,1);
        text-align: center;
        /* display:flex;*/
        justify-content: center;
    }

    .icon-item:last-child {
        border: none;
    }

    .icon-item {
        display: flex;
        /* flex-direction:column;*/
        /* align-items:center;*/
        gap: 0;
        /* display:block;*/
        align-items: center;
        float: left;
        width: 33.333%;
        text-align: center;
        border-right: 1px solid rgb(66 66 66);
        padding: calc(38 / 667 * 100vw) 0px;
        justify-content: center;
    }

    .icon-box img {
        width: 100%;
    }

    .icon-box {
        width: calc(42 / 667 * 100vw);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        display: inline-block;
    }

    .icon-item span {
        font-size: calc(16/ 667* 100vw);
        padding-left: calc(26 / 667 * 100vw);
        display: inline-block;
    }

    /* --- News Ticker --- */
    .news-ticker {
        height: calc(90/ 667 * 100vw);
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ticker-inner {
        width: 100%;
        display: flex;
        align-items: center;
        font-size: calc(14 / 667 * 100vw);
        padding: 0px 20px;
        justify-content: space-between;
    }

    .ticker-tag {
        font-weight: bold;
        color: rgba(51,51,51,1);
        font-size: calc(18 / 667 * 100vw);
        background: url(../images/lb.png) no-repeat right center;
        background-size: auto calc(34 / 667 * 100vw);
        padding-right: calc(38/ 667 * 100vw);
        line-height: calc(34/ 667 * 100vw);
    }
.ticker-text {
    
overflow: hidden;
    
text-overflow: ellipsis;
    
white-space: nowrap;
    
float: left;
    
width: 92%;
}
    .ticker-text a {
        flex: 1;
        color: #333;
        float: none;
        color: rgba(51,51,51,1);
        font-size: calc(18 / 667 * 100vw);
        display: block;
    }
.newsList .swiper-container * {
	height: calc(90/ 667 * 100vw);
}
    .ticker-date {
        color: rgba(153,153,153,1);
        float: right;
        font-size: calc(14 / 667 * 100vw);
        display: none;
    }

    /* --- 通用 Section --- */
    .sectionBase1:after {
        content: "";
        position: absolute;
        /* width:100%;*/
        background: url(../images/about.png) no-repeat right bottom;
        background-size: 100%;
        height: 100%;
        right: 0;
        bottom: 0;
        z-index: 4;
        height: calc(594/ 667 * 100vw);
        width: calc(308 / 667 * 100vw);
    }

    .sectionBase1 {
        padding-top: calc(99/ 667 * 100vw);
        width: 100%;
        /* background:url(../images/about.png) no-repeat right bottom;*/
        /* background-size:calc(880/ 667 * 100vw);*/
        padding-bottom: 0;
        position: relative;
        height: 100vh;
    }

    .section-inner {
        width: 100%;
        margin: 0 auto;
        max-width: 100%;
        position: relative;
        padding: 0px 20px;
    }

    .flex-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /* 标题部分 */
    .section-header.type2 {
        display: block
    }

    .section-header {
        width: calc(1400 / 667 * 100vw);
        margin: 0 auto calc(28 / 667 * 100vw);
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        display: block;
        display: flex;
    }

    .section-header h2 {
        font-size: calc(43/ 667 * 100vw);
        padding-bottom: calc(10 / 667 * 100vw);
        color: rgba(51,51,51,1);
        border-bottom: calc(4/ 667 * 100vw) solid rgba(0,82,216,1);
        display: inline-block;
        margin-bottom: calc(28 / 667 * 100vw);
    }

    .section-header p {
        color: rgba(153,153,153,1);
        font-size: calc(20 / 667 * 100vw);
    }

    .prod-btns a:hover:after,.btn-more:hover:after {
        background: #0056b3
    }

    .btn-more:after {
        content: "";
        position: absolute;
        width: 9px;
        height: 9px;
        opacity: 1;
        background: rgba(51,51,51,1);
        border-radius: 300px;
        top: calc(15/ 667 * 100vw);
        right: calc(18/ 667 * 100vw);
        display: none;
    }

    .btn-more {
        color: #000;
        /*! border: calc(2/ 667 * 100vw) solid #000000; */
        /*! border-radius: calc(20 / 667 * 100vw); */
        font-size: calc(14 / 667 * 100vw);
        transition: 0.3s;
        width: calc(134/ 667 * 100vw);
        line-height: calc(40/ 667 * 100vw);
        text-align: center;
        padding-left: calc(20/ 667 * 100vw);
        text-align: left;
        /*! border-radius: 300px; */
        position: relative;
    }

    .btn-more:hover {
        background: #0056b3;
        color: #fff;
        border-color: #0056b3;
    }

    /* --- 关于我们 --- */
    .about-text {
        width: 100%;
    }

    .about-img {
        width: 50%;
        height: calc(400 / 667 * 100vw);
    }

    .about-title {
        line-height: 1.8;
        font-size: calc(24 / 667 * 100vw);
        margin-top: calc(28/ 667 * 100vw);
        color: rgba(102,102,102,1);
        margin-bottom: calc(23/ 667 * 100vw);
    }

    .about-desc {
        line-height: 1.8;
        font-size: calc(20 / 667 * 100vw);
        margin-top: calc(25/ 667 * 100vw);
        color: rgba(102,102,102,1);
        margin-bottom: calc(50/ 667 * 100vw);
    }

    .stats-row .stat-item:first-child {
        text-align: left;
    }

    .stats-row .stat-item:last-child {
        border: none;
    }

    .stats-row .stat-item {
        width: 33.333%;
        border-right: 1px solid rgba(227,227,227,1);
        text-align: center;
    }

    .stats-row {
        /* display:flex;*/
        /* gap:calc(60 / 667 * 100vw);*/
        /* margin-bottom:calc(50 / 667 * 100vw);*/
        display: flex;
    }

    .stat-item strong b {
        font-size: calc(14/ 667 * 100vw);
        font-weight: normal;
        margin-left: calc(10 / 667 * 100vw);
        color: rgba(153,153,153,1);
    }

    .stat-item strong {
        display: block;
        font-size: calc(40 / 667 * 100vw);
        color: #333;
    }

    .stat-item span {
        font-size: calc(14/ 667 * 100vw);
        color: rgba(153,153,153,1);
        margin-top: calc(14/ 667 * 100vw);
        display: block;
    }

    .about-btns {
        display: flex;
        gap: calc(45/ 667 * 100vw);
        margin-top: calc(50/ 667* 100vw);
        padding-bottom: calc(51/ 667 * 100vw);
    }

    .about-btns button a {
        padding: calc(10 / 667 * 100vw) calc(37 / 667 * 100vw);
        border-radius: calc(20 / 667 * 100vw);
        font-size: calc(14 / 667 * 100vw);
        border: 2px solid #000000;
        background: none;
        display: inline-block;
        color: #000;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .about-btns button {
        padding: 0px;
        border: none;
        background: none;
    }

    .about-btns button:hover a {
        background: #0056b3;
        color: #fff;
        /* border:none;*/
        border-color: #0056b3;
    }

    /* 加入我们蓝条 */
    .join-banner {
        width: 100%;
        background: rgba(0,82,216,1);
        position: relative;
        z-index: 2;
        padding: calc(47/ 667 * 100vw) 0;
    }

    .join-inner {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        /* justify-content:space-between;*/
        align-items: center;
        color: #fff;
        padding: 0px 20px;
    }

    .join-inner h3 {
        font-size: calc(26/ 667 * 100vw);
    }

    .join-inner p {
        font-size: calc(18/ 667 * 100vw);
        margin-top: calc(9/ 667 * 100vw);
        color: rgba(248,251,255,.9);
    }

    .join-arrow:hover {
        width: calc(134/ 667 * 100vw);
        background: #fff;
        color: rgba(0,82,216,1);
    }

    .join-arrow {
        font-size: calc(20/ 667 * 100vw);
        margin-left: calc(24/ 667 * 100vw);
        width: calc(44/ 667 * 100vw);
        /* height:calc(44/ 667 * 100vw);*/
        line-height: calc(40/ 667 * 100vw);
        border: calc(2/ 667 * 100vw) solid #fff;
        border-radius: 300px;
        text-align: center;
        font-weight: bold;
        color: #fff;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
        position: relative;
        top: 6vw;
        left: -8vw;
    }

    .fp-tableCell {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /* --- 产品中心 --- */
    .section-products {
        background: #f9f9f9;
        background: url(../images/bg1.png) no-repeat center center;
        background-size: cover;
        /* padding-top:calc(169/ 667 * 100vw);*/
    }

    .product-grid {
        display: block;
        gap: calc(55/ 667 * 100vw);
        margin-top: calc(90/ 667* 100vw);
    }

    .prod-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .prod-card:hover .prod-info {
        opacity: 1;
    }

    .prod-card:hover .tit {
        opacity: 0
    }

    .prod-card {
        flex: 1;
        height: calc(250 / 667 * 100vw);
        position: relative;
        background: #fff;
        overflow: hidden;
    }

    .prod-info {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: calc(35 / 667 * 100vw);
        background: rgb(0 0 0 / 50%);
        color: #fff;
        top: 0;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        justify-content: center;
        opacity: 0;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .prod-info ul li:after {
        content: "";
        position: absolute;
        width: calc(6/ 667 * 100vw);
        height: calc(6/ 667 * 100vw);
        opacity: 1;
        background: rgba(255,255,255,1);
        border-radius: 300px;
        left: 0;
        top: calc(4/ 667 * 100vw);
    }

    .prod-info ul li {
        margin-bottom: calc(14/ 667 * 100vw);
        position: relative;
        padding-left: calc(20 / 667 * 100vw);
    }

    .prod-info h3 {
        font-size: calc(30 / 667 * 100vw);
        padding-bottom: calc(23/ 667 * 100vw);
        border-bottom: 1px solid #fff;
        margin-bottom: calc(32 / 667 * 100vw);
    }

    .prod-info ul {
        padding-left: calc(40 / 667 * 100vw);
        font-size: calc(18/ 667 * 100vw);
        margin-bottom: calc(17 / 667 * 100vw);
        text-align: left;
    }

    .prod-btns {
        display: flex;
        gap: calc(10 / 667 * 100vw);
        display: block;
        text-align: center;
    }

    .prod-btns a:after {
        content: "";
        width: calc(9/ 667 * 100vw);
        height: calc(9/ 667 * 100vw);
        opacity: 1;
        background: rgba(51,51,51,1);
        position: absolute;
        border-radius: 300px;
        right: calc(15/ 667 * 100vw);
        top: calc(16/ 667 * 100vw);
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .prod-btns:hover a {
        background: rgba(0,82,216,1);
        color: #fff;
    }

    .prod-btns a {
        padding: calc(5 / 667 * 100vw) calc(15 / 667 * 100vw);
        border-radius: calc(15 / 667 * 100vw);
        border: 1px solid #fff;
        color: #fff;
        font-size: calc(14 / 667 * 100vw);
        width: calc(134/ 667 * 100vw);
        display: inline-block;
        padding: 0;
        line-height: calc(44/ 667 * 100vw);
        padding-left: calc(20/ 667 * 100vw);
        text-align: left;
        border-radius: 300px;
        background: #fff;
        border: none;
        color: #111;
        position: relative;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .prod-btns .blue {
        background: #0056b3;
        border-color: #0056b3;
    }

    /* --- 解决方案 --- */
    .section-solutions {
        color: #fff;
        background: url(../images/bg3.jpg) no-repeat center center;
        background-size: cover;
        /* padding-top:calc(160/ 667 * 100vw);*/
    }

    .section-solutions .section-header h2 {
        color: #fff;
    }

    .section-solutions .section-header p {
        color: #999;
    }

    .sol-container {
        display: flex;
        height: calc(500 / 667 * 100vw);
    }

    .sol-active {
        width: 40%;
        background: #0056b3;
        padding: calc(40 / 667 * 100vw);
        position: relative;
    }

    .sol-active .big-num {
        position: absolute;
        bottom: calc(20 / 667 * 100vw);
        right: calc(20 / 667 * 100vw);
        font-size: calc(60 / 667 * 100vw);
        opacity: 0.3;
    }

    .sol-list {
        width: 60%;
        display: flex;
        flex-wrap: wrap;
    }

    .sol-item {
        width: 33.33%;
        height: 50%;
        border: 1px solid rgba(255,255,255,0.1);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: calc(20 / 667 * 100vw);
        transition: 0.3s;
    }

    .sol-item:hover {
        background: rgba(255,255,255,0.1);
    }

    .sol-item .icon {
        font-size: calc(30 / 667 * 100vw);
    }

    .sol-item span {
        font-size: calc(14 / 667 * 100vw);
    }

    .sol-item .num {
        font-size: calc(24 / 667 * 100vw);
        opacity: 0.2;
        color: #fff;
    }

    /* --- Footer --- */
    .footer-cta {
        background: url(../images/bg4.png) no-repeat center center rgba(0,111,255,1);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #fff;
        background-size: cover;
        padding-top: calc(60 / 667 * 100vw);
        padding-bottom: calc(107 / 667 * 100vw);
    }

    .footer-cta p {
        font-size: calc(24 / 667 * 100vw);
        margin-bottom: calc(82/ 667 * 100vw);
    }

    .footer-bottom {
        background: #1a1a1a;
        height: calc(300 / 667 * 100vw);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #666;
        font-size: calc(12 / 667 * 100vw);
        gap: calc(20 / 667 * 100vw);
    }

    .logo img {
        height: calc(40/ 667 * 100vw);
    }

    .newsList {
        background: #fff;
        border-bottom: 1px solid rgb(211 211 211);
        height: calc(70/ 667 * 100vw);
        overflow: hidden;
        margin-bottom: 3vw;
        line-height: calc(70/ 667 * 100vw);
    }

    .newsList .swiper-container .swiper-slide {
        line-height: calc(90/ 667 * 100vw);
        padding-right: 0;
    }

    .newsList .swiper-container {
        width: calc(100% - calc(128/ 667 * 100vw));
        margin-left: 0;
        margin-right: 0;
        margin-left: 0vw; 
    }

    .newsList .swiper-container .swiper-button-next {
        width: calc(24/ 667 * 100vw);
        height: calc(24/ 667 * 100vw);
        right: 0;
        bottom: auto;
        margin: 0px;
        background: url(../images/down.png) no-repeat center center;
        background-size: 100%;
        top: auto;
        bottom: calc(24 / 667 * 100vw);
    }

    .newsList .swiper-container .swiper-button-prev {
        width: calc(24 / 667 * 100vw);
        height: calc(24 / 667 * 100vw);
        right: 0;
        bottom: auto;
        margin: 0px;
        background: url(../images/up.png) no-repeat center center;
        background-size: 100%;
        top: auto;
        bottom: auto;
        left: auto;
        top: calc(24 / 667 * 100vw);
    }

    .section-header-type {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 0;
        padding-top: 25px;
    }
    .section-header-type .btn-more  {
      font-size: calc(18/ 667 * 100vw);
    }
    .section-header-type div {
    }

    .section-header-type h2 {
        font-size: calc(47/ 667 * 100vw);
        font-weight: 500;
        letter-spacing: 0px;
        line-height: calc(67/ 667 * 100vw);
        color: rgba(51,51,51,1);
        margin-top: calc(12/ 667* 100vw);
    }

    .section-header-type p {
        font-size: calc(19/ 667 * 100vw);
        color: rgba(153,153,153,1);
        line-height: 1.5;
    }

    .section-header-type .btn-more {text-align: center;
color: #fff;
float: right;
min-width: 100px;
    }

    .prod-card .tit {
        position: absolute;
        width: 100%;
        text-align: center;
        font-size: calc(30/ 667 * 100vw);
        position: absolute;
        top: 50%;
        left: 50%;
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        color: #fff;
        font-weight: bold;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .list-solution .item:hover .tit {
        font-size: calc(26/ 667 * 100vw);
    }

    .list-solution .item:hover .dec {
        opacity: 1;
        opacity: 0;
    }

    .list-solution .item:hover .num {
        opacity: 1;
        opacity: 0;
    }

    .list-solution {
        margin-top: calc(120/ 667 * 100vw);
        display: flex;
        display: block;
    }

    .list-solution .item:hover {
        flex: 1.6;
        /* background: url(../images/bg2.png) no-repeat center center !important; */
        background-size: cover;
    }

    .list-solution .item:nth-child(2n) {
        border-color: rgba(74,143,255,1)
    }

    .list-solution .item {
        flex: 1;
        background: rgba(11,39,85,0.72) !important;
        backdrop-filter: blur(calc(20/ 667 * 100vw));
        height: calc(245/ 667 * 100vw);
        position: relative;
        text-align: center;
        padding-top: calc(52/ 667 * 100vw);
        border-bottom: calc(6/ 667 * 100vw) solid rgba(0,82,216,1);
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
        float: left;
        width: 50%;
    }

    .list-solution .icon {
        width: calc(66/ 667 * 100vw);
        height: calc(66/ 667 * 100vw);
        background: #fff;
        border-radius: calc(300/ 667 * 100vw);
        margin: auto;
        position: relative;
    }

    .list-solution .icon img {
        position: absolute;
        top: 50%;
        left: 50%;
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: calc(30/ 667 * 100vw);
        height: calc(30/ 667 * 100vw);
        object-fit: contain;
    }

    .list-solution .tit {
        padding-top: calc(30/ 667 * 100vw);
        font-size: calc(20/ 667 * 100vw) !important;
    }

    .list-solution .dec {
        font-size: calc(14/ 667 * 100vw);
        font-weight: 400;
        letter-spacing: 0px;
        line-height: calc(20.27/ 667 * 100vw);
        color: rgba(255,255,255,1);
        padding-top: calc(24/ 667 * 100vw);
        text-align: left;
        padding-left: calc(47/ 667 * 100vw);
        padding-right: calc(47/ 667 * 100vw);
        opacity: 0 !important;
    }

    .list-solution .num {
        font-size: calc(50/ 667 * 100vw);
        font-weight: 700;
        letter-spacing: 0px;
        line-height: calc(73/ 667 * 100vw);
        color: rgba(255,255,255,1);
        position: absolute;
        right: calc(47/ 667 * 100vw);
        bottom: calc(20/ 667 * 100vw);
        opacity: 0 !important;
    }

    .section-solutions .section-header-type * {
        color: #fff;
    }

    .section-news {
        /* padding-top:calc(160/ 667 * 100vw);*/
        padding-bottom: 0;
    }

    .section-news .section-inner {
    }

    .section-news .section-header-type {
    }

    .section-news .section-header-type div {
    }

    .section-news .section-header-type h2 {
    }

    .section-news .section-header-type p {
    }

    .section-news .section-header-type .btn-more {font-size: calc(18/ 667 * 100vw) !important;  color: #fff;
     
        transition: 0.3s;
        width: calc(171/ 667 * 100vw);
        line-height: calc(40/ 667 * 100vw);
        padding-left: calc(20/ 667 * 100vw);
        text-align: center;
        position: relative;
margin-left: 15px;
    }

    .section-news .tab {
    }

    .section-news .tab .hd {
        font-size: 0;
        padding-top: calc(52/ 667 * 100vw);
        padding-bottom: calc(43/ 667 * 100vw);
        text-align: center;
    }

    .section-news .tab .hd a {
        font-size: calc(30/ 667 * 100vw);
        font-weight: 700;
        letter-spacing: 0px;
        line-height: calc(32/ 667 * 100vw);
        color: rgba(102,102,102,1);
        margin: 0px calc(15/ 667 * 100vw);
    }

    .section-news .tab .hd .current {
        color: rgba(0,82,216,1);
    }

    .section-news .tab .bd {
    }

    .section-news .tab .bd .model {
    }

    .section-news .swiper-container {
    }

    .section-news .swiper-wrapper {
    }

    .section-news .swiper-slide {
        padding-bottom: calc(100/ 667 * 100vw);
    }

    .section-news .swiper-slide a {
    }

    .section-news .swiper-slide a * {
        display: block;
    }

    .section-news .swiper-slide .imgbox {
        overflow: hidden;
    }

    .section-news .swiper-slide img:hover {
        -webkit-transform: scale(1.05,1.05);
        -o-transform: scale(1.05,1.05);
        -moz-transform: scale(1.05,1.05);
        -ms-transform: scale(1.05,1.05);
        transform: scale(1.05,1.05);
    }

    .section-news .swiper-slide img {
        width: 100%;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .section-news .swiper-slide .time {
        font-size: calc(13/ 667 * 100vw);
        font-weight: 700;
        letter-spacing: 0px;
        line-height: calc(19/ 667 * 100vw);
        color: rgba(0,82,216,1);
        padding-top: calc(19/ 667 * 100vw);
        padding-bottom: calc(14/ 667 * 100vw);
    }

    .section-news .swiper-slide .title {
        font-size: calc(20/ 667 * 100vw);
        font-weight: 500;
        letter-spacing: 0px;
        line-height: calc(26/ 667 * 100vw);
        color: rgba(51,51,51,1);
        margin-bottom: calc(52/ 667 * 100vw);
    }

    .section-news .swiper-slide .more:hover {
        color: rgba(0,82,216,1);
        background: url(../images/more2.png) no-repeat right calc(2/ 667 * 100vw);
        background-size: calc(15/ 667 * 100vw);
        border-color: rgba(0,82,216,1);
    }

    .section-news .swiper-slide .more {
        font-size: calc(13/ 667 * 100vw);
        font-weight: 400;
        letter-spacing: 0px;
        line-height: calc(19/ 667 * 100vw);
        color: rgba(51,51,51,1);
        display: inline-block;
        background: url(../images/more.png) no-repeat right calc(2/ 667 * 100vw);
        padding-right: calc(29/ 667 * 100vw);
        background-size: calc(15/ 667 * 100vw);
        padding-bottom: calc(13/ 667 * 100vw);
        border-bottom: calc(1/ 667 * 100vw) solid transparent;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .section-news .swiper-button-next:hover {
        background: url(../images/righthover.png) no-repeat center center;
        background-size: 100%;
    }

    .section-news .swiper-button-next {
        width: calc(60/ 667 * 100vw);
        height: calc(60/ 667 * 100vw);
        background: url(../images/right.png) no-repeat center center;
        background-size: 100%;
        margin: 0;
        top: auto;
        bottom: 0;
        right: 35%;
    }

    .section-news .swiper-button-prev:hover {
        background: url(../images/lefthover.png) no-repeat center center;
        background-size: 100%;
    }

    .section-news .swiper-button-prev {
        width: calc(60/ 667 * 100vw);
        height: calc(60/ 667 * 100vw);
        background: url(../images/left.png) no-repeat center center;
        background-size: 100%;
        margin: 0;
        top: auto;
        bottom: 0;
        left: 35%;
    }

    .section-case {
        background: url(../images/bg4.jpg) no-repeat center center;
        background-size: cover;
        /* padding-top:calc(160/ 667 * 100vw);*/
        padding-bottom: 0;
    }

    .section-case .section-inner {
    }

    .section-case .section-header-type {
    }

    .section-case .section-header-type div {
    }

    .section-case .section-header-type h2 {
    }

    .section-case .section-header-type p {
    }

    .section-case .section-header-type .btn-more {
    }

    .section-case .tab {
        margin-top: calc(225/ 667 * 100vw);
        position: relative;
        display: flex;
        justify-content: space-between;
    }

    .section-case .tab .hd {
        width: 100%;
    }

    .section-case .tab .hd a * {
        display: block;
    }

    .section-case .tab .hd a:last-child {
        margin: 0px;
    }

    .section-case .tab .hd a {
        display: block;
        display: flex;
        align-items: center;
        padding-bottom: calc(29/ 667 * 100vw);
        margin-bottom: calc(29/ 667 * 100vw);
        position: relative;
    }

    .section-case .tab .hd a:hover .num {
        -webkit-text-stroke: calc(1/ 667 * 100vw) rgba(0,82,216,1);
        text-stroke: calc(2/ 667 * 100vw) rgba(0,82,216,1);
    }

    .section-case .tab .hd a .num {
        font-size: calc(80/ 667 * 100vw);
        font-weight: 900;
        color: transparent;
        -webkit-text-stroke: calc(1/ 667 * 100vw) rgba(51,51,51,1);
        text-stroke: calc(2/ 667 * 100vw) rgba(51,51,51,1);
        opacity: .4;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .section-case .tab .hd a .rig {
        padding-left: calc(45/ 667 * 100vw);
    }

    .section-case .tab .hd a .rig .title {
        font-size: calc(22/ 667 * 100vw);
        font-weight: 700;
        letter-spacing: 0px;
        line-height: calc(32/ 667 * 100vw);
        color: rgba(51,51,51,1);
    }

    .section-case .tab .hd a .rig .dec {
        padding-top: calc(7/ 667 * 100vw);
    }

    .section-case .tab .hd a .rig .dec span {
        font-size: calc(18/ 667 * 100vw);
        font-weight: 400;
        letter-spacing: 0px;
        line-height: calc(20/ 667 * 100vw);
        color: rgba(51,51,51,1);
        display: block;
        width: calc(359/ 667 * 100vw);
    }

    .section-case .tab .bd {
        width: calc(604/ 667 * 100vw);
        display: none;
    }

    .section-case .tab .bd .model {
        position: relative;
    }

    .section-case .tab .bd .model img {
        width: 100%;
        height: calc(574/ 667 * 100vw);
        object-fit: cover;
    }

    .section-case .tab .bd .model .tit:after {
        content: "";
        width: calc(66/ 667 * 100vw);
        height: calc(4/ 667 * 100vw);
        opacity: 1;
        background: rgba(255,255,255,1);
        position: absolute;
        right: calc(21/ 667 * 100vw);
        bottom: calc(36/ 667 * 100vw);
    }

    .section-case .tab .bd .model .tit {
        position: absolute;
        bottom: 0;
        height: calc(134/ 667 * 100vw);
        opacity: 1;
        background: rgba(0,82,216,1);
        width: 100%;
        left: 0;
        font-size: calc(36/ 667 * 100vw);
        font-weight: 700;
        letter-spacing: 0px;
        line-height: calc(50/ 667 * 100vw);
        color: rgba(255,255,255,1);
        padding-left: calc(47/ 667 * 100vw);
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section-case .tab .hd a:hover:after {
        width: 100%;
    }

    .section-case .tab .hd a:after {
        content: "";
        position: absolute;
        width: 100%;
        height: calc(1/ 667 * 100vw);
        background: rgba(0,82,216,1);
        left: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .section-case .tab .hd a:hover:before {
        opacity: 1;
    }

    .section-case .tab .hd a:before {
        content: "";
        width: calc(80.16/ 667 * 100vw);
        height: calc(88.17/ 667 * 100vw);
        position: absolute;
        background: url(../images/arr.png) no-repeat center center;
        background-size: 100%;
        height: 100%;
        right: calc(5/ 667 * 100vw);
        top: 0;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
        opacity: 0;
    }

    .section-partner {
        /* padding-top:calc(160/ 667 * 100vw);*/
    }

    .section-partner .list {
        text-align: center;
        padding-top: calc(58/ 667 * 100vw);
        /* padding-bottom:calc(190/ 667 * 100vw);*/
        zoom: 1;
        overflow: hidden;
    }

    .section-partner .list .pic {
        width: 21%;
        height: calc(62/ 667 * 100vw);
        opacity: 1;
        border-radius: calc(10/ 667 * 100vw);
        background: rgba(255,255,255,1);
        border: calc(1/ 667 * 100vw) solid rgba(217,217,217,1);
        display: inline-block;
        margin: 0px calc(12/ 667 * 100vw);
        margin-bottom: calc(30/ 667 * 100vw);
        position: relative;
        float: left;
        margin: 2%;
    }

    .section-partner .list .pic img {
        position: absolute;
        top: 50%;
        left: 50%;
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 70%;
        height: calc(60/ 667 * 100vw);
        object-fit: contain;
    }

    .footer-cta .list {
        font-size: 0;
    }

    .footer-cta .list a {
        width: calc(215/ 667 * 100vw);
        line-height: calc(65/ 667 * 100vw);
        opacity: 1;
        border-radius: calc(38/ 667 * 100vw);
        background: rgba(255,255,255,1);
        display: inline-block;
        font-size: calc(22/ 667 * 100vw);
        font-weight: 500;
        letter-spacing: 0px;
        padding-left: calc(87/ 667 * 100vw);
        color: #000;
        margin: 0px calc(8/ 667 * 100vw);
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .footer-cta .list a.a1 {
        background: url(../images/m1.png) no-repeat calc(38/ 667 * 100vw) center #fff;
        background-size: calc(25/ 667 * 100vw) !important;
    }

    .footer-cta .list a.a2 {
        background: url(../images/m2.png) no-repeat calc(38/ 667 * 100vw) center #fff;
        background-size: calc(22/ 667 * 100vw) !important;
    }

    .footer-cta .list a.a1:hover {
        background: url(../images/m1hover.png) no-repeat calc(38/ 667 * 100vw) center rgba(190,220,255,1);
        color: rgba(0,82,216,1);
    }

    .footer-cta .list a.a2:hover {
        background: url(../images/m2hover.png) no-repeat calc(38/ 667 * 100vw) center rgba(190,220,255,1);
        color: rgba(0,82,216,1);
    }

    .footer-bottom2:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: calc(318/ 667 * 100vw) 0 0 calc(400/ 667 * 100vw);
        border-color: transparent transparent transparent rgba(0,94,216,1);
        left: 0px;
        bottom: 0px;
    }

    .footer-bottom2 {
        background: rgba(34,42,53,1);
        position: relative;
    }

    .footer-bottom2 .block1 {
        padding-top: calc(64/ 667 * 100vw);
    }

    .footer-bottom2 .block1 .section-inner {
        display: block;
        justify-content: space-between;
        padding-bottom: calc(35/ 667 * 100vw);
        border-bottom: calc(1/ 667 * 100vw) solid rgba(74,79,88,1);
        position: relative;
    }

    .footer-bottom2 .block1 .section-inner .left {
    }

    .footer-bottom2 .block1 .section-inner .left .logo2 img {
        height: calc(53/ 667 * 100vw);
    }
   .footer-bottom2 .block1 .section-inner .left .logo2  span {font-size: 17px;
padding-top: 15px;
float: right;
position: relative;
top: -8px;
    }
    .footer-bottom2 .block1 .section-inner .left .logo2 {
        display: inline-block;
        padding-bottom: calc(22/ 667 * 100vw);
        border-bottom: calc(1/ 667 * 100vw) solid rgba(255,255,255,1);
        margin-bottom: calc(14/ 667 * 100vw);
        width: 100%;
    }

    .footer-bottom2 .block1 .section-inner .left .dec {
        font-size: calc(18/ 667 * 100vw);
        font-weight: 400;
        letter-spacing: calc(5.04/ 667 * 100vw);
        line-height: calc(26/ 667 * 100vw);
        color: rgba(255,255,255,1);
    }

    .footer-bottom2 .block1 .section-inner .left .list {
        display: flex;
        padding-top: calc(50/ 667 * 100vw);
        display: block;
    }

    .footer-bottom2 .block1 .section-inner .left .list p {
        display: flex;
        align-items: center;
        margin-right: calc(70/ 667 * 100vw);
        margin-bottom: 4vw;
    }

    .footer-bottom2 .block1 .section-inner .left .list p .icon img {
        width: calc(41/ 667 * 100vw);
    }

    .footer-bottom2 .block1 .section-inner .left .list p .icon {
        margin-right: calc(13/ 667 * 100vw);
    }

    .footer-bottom2 .block1 .section-inner .left .list p .ri {
    }

    .footer-bottom2 .block1 .section-inner .left .list p .ri .tit {
        font-size: calc(12/ 667 * 100vw);
        font-weight: 400;
        letter-spacing: 0px;
        line-height: calc(17/ 667 * 100vw);
        color: rgba(132,137,143,1);
        display: block;
    }

    .footer-bottom2 .block1 .section-inner .left .list p .ri .dec {
        font-size: calc(16/ 667 * 100vw);
        font-weight: 500;
        letter-spacing: 0px;
        line-height: calc(23/ 667 * 100vw);
        color: rgba(255,255,255,1);
    }

    .footer-bottom2 .block1 .section-inner .right {
        width: calc(181/ 667 * 100vw);
        border-radius: calc(5/ 667 * 100vw);
        background: #fff;
        text-align: center;
        padding: calc(10/ 667 * 100vw);
        margin: auto;
        position: absolute;
        right: 3vw;
        top: 24vw;
    }

    .footer-bottom2 .block1 .section-inner .right img {
        width: 100%;
    }

    .footer-bottom2 .block1 .section-inner .right .tit {
        font-size: calc(22/ 667 * 100vw);
        font-weight: 500;
        letter-spacing: 0px;
        line-height: calc(32/ 667 * 100vw);
        color: rgba(51,51,51,1);
        padding-top: calc(7/ 667 * 100vw);
    }

    .footer-bottom2 .block2 {
    }

    .footer-bottom2 .block2 .section-inner {
        font-size: calc(16/ 667 * 100vw);
        font-weight: 400;
        letter-spacing: 0px;
        line-height: calc(23/ 667 * 100vw);
        color: rgba(255,255,255,1);
        text-align: right;
        padding-top: calc(34/ 667 * 100vw);
        padding-bottom: calc(124/ 667 * 100vw);
    }

    .footer-bottom2 .block2 .section-inner a {
        color: #fff;
    }

    .footer-bottom2 .block3 {
        text-align: right;
    }

    .footer-bottom2 .block3 .section-inner {
    }

    .footer-bottom2 .block3 .section-inner p {
        font-size: calc(14/ 667 * 100vw);
        font-weight: 400;
        letter-spacing: 0px;
        line-height: calc(20/ 667 * 100vw);
        color: rgba(74,79,88,1);
        display: inline-block;
        padding-left: calc(64/ 667 * 100vw);
        padding-bottom: calc(32/ 667 * 100vw);
        padding-left: 0;
        margin: 0px 1vw;
    }

    .footer-bottom2 .block3 .section-inner p img {
        height: calc(20/ 667 * 100vw);
    }

    .section {
        height: 100vh;
        overflow: hidden;
    }

    .posbottom {
        position: absolute;
        bottom: 0px;
        width: 100%;
        left: 0;
    }

    .sideMenu {
        position: fixed;
        height: 100vh;
        top: 0px;
        z-index: 999;
        left: calc(61/ 667 * 100vw);
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
        display: none;
    }

    .sideMenu .list {
        display: block;
        height: 100vh;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .sideMenu .list a {
        display: block;
        font-size: calc(16/ 667 * 100vw);
        font-weight: 400;
        letter-spacing: 0px;
        line-height: calc(23/ 667 * 100vw);
        color: #000;
        margin: calc(16/ 667 * 100vw) 0px;
        padding-bottom: calc(10/ 667 * 100vw);
        border-bottom: calc(1/ 667 * 100vw) solid transparent;
        transform-origin: center center;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .sideMenu .list .active a {
        border-bottom: calc(1/ 667 * 100vw) solid #fff;
        -webkit-transform: scale(1.15,1.15);
        -o-transform: scale(1.15,1.15);
        -moz-transform: scale(1.15,1.15);
        -ms-transform: scale(1.15,1.15);
        transform: scale(1.15,1.15);
    }

    .fp-viewing-page1 .sideMenu {
        left: calc(61/ 667 * 100vw);
    }

    .fp-viewing-page8 .sideMenu .list a,.fp-viewing-page4 .sideMenu .list a,.fp-viewing-page1 .sideMenu .list a {
        color: rgb(255 255 255 / 70%);
    }

    .fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section {
        height: auto !important;
    }

.logo span{
font-size: calc(22/ 667 * 100vw);
vertical-align: middle;
padding-left: calc(11/ 667 * 100vw);
color: #fff;
}

.centerSearch {position:fixed;left:0px;top:0px;z-index:9999;width:100%;height:100%;background:rgb(0 82 216 / 80%);}
.centerSearch .close {right:10px;top:10px;right:10px;top:10px;position:absolute;cursor:pointer;background:url(../images/close.png) no-repeat center center;background-size:100%;width:30px;height:30px;}
.centerSearch .center {}
.centerSearch {display:none;}
.search-popup {position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background-color:#000;background-color:rgba(0,0,0,0.8);transition:all calc(600/667*100vw) ease-in-out;-webkit-transition:all calc(600/667*100vw) ease-in-out;-moz-transition:all calc(600/667*100vw) ease-in-out;-ms-transition:all calc(600/667*100vw) ease-in-out;-o-transition:all calc(600/667*100vw) ease-in-out;opacity:0;filter:alpha(opacity=0);-webkit-filter:alpha(opacity=0);visibility:hidden}
.form-block {padding:calc(150/667*100vw) 0 calc(90/667*100vw);margin-right:calc(60/667*100vw);width: 90%;position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0;}
.form-block .title {font-size:calc(14/667*100vw);color:#fff;color:rgba(255,255,255,0.3);line-height:calc(24/667*100vw);margin-bottom:calc(6/667*100vw);letter-spacing:calc(6/667*100vw)}
.form-block .searchform {padding-bottom:calc(4/667*100vw);position:relative;border:none;border-bottom:calc(2/667*100vw) solid #f8f9fd;background:none;color:inherit}
.form-block .searchform .input {font-size:calc(40/667*100vw);color:#fff;font-style:normal;text-transform:uppercase;width:100%;padding:0 calc(55/667*100vw) 0 0;border:none;background:none;}
.form-block .searchform .input::-webkit-input-placeholder {color:#fff}
.form-block .searchform .input:-moz-placeholder {color:#fff}
.form-block .searchform .input::-moz-placeholder {color:#fff}
.form-block .searchform .input:-ms-input-placeholder {color:#fff}
.form-block .searchform .searchsubmit {width:calc(28/667*100vw);height:calc(28/667*100vw);background:url(../images/search.png) no-repeat;position:absolute;right:0;bottom:calc(12/667*100vw);border:none;}
.form-block .searchform:before {content:'';position:absolute;top:100%;left:0;width:0;height:calc(2/667*100vw);background:#008bd5;transition:all calc(700/667*100vw) ease;-webkit-transition:all calc(700/667*100vw) ease;-moz-transition:all calc(700/667*100vw) ease;-ms-transition:all calc(700/667*100vw) ease;-o-transition:all calc(700/667*100vw) ease}
.form-block .searchform.focus:before {width:100%}
.search-popup.active {opacity:1;visibility:visible}
.slogan {overflow:hidden}
.slogan .h1 {font-size:calc(42/667*100vw);color:#383837;line-height:1.2;font-weight:300;padding:min(3.4375000000000004vw,calc(66/667*100vw)) 0 min(3.4375000000000004vw,calc(66/667*100vw));position:relative}
.pls-nav-tag-text {height:calc(12/667*100vw);-webkit-transform:scale(0.8333333333);transform:scale(0.8333333333);}
.pls-nav-search-result {padding:calc(10/667*100vw);background:#fff;transition:opacity calc(0.3/667*100vw) ease-in-out;margin-top:calc(62/667*100vw);}
.pls-nav-search-result-title {margin-bottom:calc(12/667*100vw);font-size:calc(14/667*100vw);color:#5f7292;line-height:calc(22/667*100vw);padding:calc(10/667*100vw) calc(10/667*100vw) 0;font-weight:500;}
.pls-nav-search-result .pls-nav-icon-btn,.pls-nav-search-result .pls-nav-tag {margin-left:calc(12/667*100vw);}
.pls-nav-search-links {display:flex;flex-wrap:wrap;padding:0 calc(4/667*100vw) 0 calc(10/667*100vw);margin-bottom:calc(12/667*100vw);}
.pls-nav-search-links:last-child {margin-bottom:0;}
.pls-nav-search-links.tags .pls-nav-search-link {position:relative;}
.pls-nav-search-links.tags .pls-nav-search-link>a {max-width:calc(140/667*100vw);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#f1f2f5;border-radius:calc(2/667*100vw);height:calc(24/667*100vw);line-height:calc(24/667*100vw);font-size:calc(12/667*100vw);color:#181818;padding:0 calc(8/667*100vw);box-sizing:border-box;}
.pls-nav-search-links.tags .pls-nav-search-link:hover>a {color:#0052d9;}
.pls-nav-search-links.tags .pls-nav-search-link:hover .pls-nav-search-link-opt {opacity:1;pointer-events:auto;}
.pls-nav-search-link {margin-right:calc(12/667*100vw);margin-bottom:calc(8/667*100vw);}
.pls-nav-search-link>a {display:block;font-size:calc(14/667*100vw);line-height:calc(22/667*100vw);color:#181818;}
.pls-nav-search-link>a:hover {color:#0052d9;}
.pls-nav-tag {box-sizing:border-box;padding:0 calc(2/667*100vw);height:calc(12/667*100vw);background:#fff;border:calc(1/667*100vw) solid #f64041;box-shadow:calc(2/667*100vw) calc(2/667*100vw) calc(4/667*100vw) 0 rgba(55,99,170,.31);background:#fff;border-radius:calc(6/667*100vw);border-bottom-left-radius:0;position:relative;top:calc(-4/667*100vw);display:inline-flex;align-items:center;justify-content:center;color:#f64041;font-weight:bold;font-size:calc(12/667*100vw);line-height:calc(12/667*100vw);margin-left:calc(8/667*100vw);}
.red-outline {background:transparent;border-radius:calc(2/667*100vw);box-shadow:none;border-color:#f64041;color:#f64041;}
.pls-nav-search-result .pls-nav-icon-btn,.pls-nav-search-result .pls-nav-tag {margin-left:calc(12/667*100vw);}
.search-popup .form-block .searchform:before {content:'';position:absolute;top:100%;left:0;width:0;height:calc(2/667*100vw);background:#008bd5;transition:all calc(700/667*100vw) ease;-webkit-transition:all calc(700/667*100vw) ease;-moz-transition:all calc(700/667*100vw) ease;-ms-transition:all calc(700/667*100vw) ease;-o-transition:all calc(700/667*100vw) ease;}
.search-popup .form-block .searchform.focus:before {width:100%}
.search-popup.active {opacity:1;visibility:visible}
.TopMenu {position:fixed;/* width:100%;*/    left:0;top:0px;z-index:555;text-align:center;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;left:50%;-o-transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);-moz-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);transform:translate(-50%,0%);}
.fp-viewing-page1 .TopMenu {top:calc(-116/667*100vw);}
.TopMenu ul {font-size:0;}
.TopMenu li {display:inline-block;}
.TopMenu li a {display:block;line-height:calc(116/667*100vw);color:#fff;font-size:calc(18/667*100vw);letter-spacing:0;white-space:nowrap;padding:0px calc(9/667*100vw);}

}

/* 平板设备样式 */
@media screen and (max-width: 1024px) {
  .company-intro {
    padding: 15px;
    font-size: 16px;
    line-height: 1.5;
  }
}

/* 移动设备样式 */
@media screen and (max-width: 768px) {
  .company-intro {
    padding: 12px;
    font-size: 15px;
    line-height: 1.4;
    text-align: left;
  }
}

/* 小屏幕手机样式 */
@media screen and (max-width: 480px) {
  .company-intro {
    padding: 10px;
    font-size: 14px;
    line-height: 1.75;
  }
}