@charset "UTF-8";
@media screen and (max-width:1650px){

}
/* CSS Document */
@media screen and (max-width:1400px) {

}

@media screen and (max-width:1270px) {
    .header .header-nav ul>li>a {
        padding: 0 0.625rem;
    }

    .header .header-nav ul>li.has-childnav>a::after {
        right: -0.375rem;
    }
}

@media screen and (max-width:1000px) {
    .header .header-logo a {
        height: 60%;
        display: inline-flex;
    }
}

@media screen and (max-width:869px) {
    body{
        overflow-x: hidden;
    }
    .jq-selector .jq-selector-title{
        background: linear-gradient(to right, #3B74F5 0, #6FE9AE 50%, #3B74F5 100%);
    }
    /* nav */
    .header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 9999;
    }
    main {
        margin-top: 60px;
    }

    .header .header-logo a {
        height: 80%;
    }

    .header .header-content {
        height: 60px;
    }

    .header-nav {
        display: none;
    }

    .menu-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .nav-mb {
        display: block;
    }

    .header .header-top {
        position: fixed;
        right: calc(7% + 2rem);
        display: block;
        height: 80px;
        z-index: 1000;
        background-color: transparent;
    }
    .header-rt{
        display: none;
    }
    .footer .footer-lt,
    .footer .footer-rt{
        width: 100%;
    }
    .footer .footer-lt figure{
        height: 60px;
    }
    .footer .footer-rt {        
        justify-content: flex-start;
        padding-top: 20px;
    }
    .footer-rt .footer-rt-item{
        margin-top: 12px;
    }
    /* nav end */
    .index-banner{
        height: auto;
    }
    .index-banner .container .banner-logo{
        font-size: 1.25rem;
        line-height: 1.5rem;
        margin-bottom: 1rem;
    }
    .index-banner .container .banner-icon-list li{
        margin-top: 4px;
    }
    .index-banner .container .banner-icon-list li i {
           width: 14px;
            height: 11px;
    }
    .index-banner .container .banner-icon-list li p{
        font-size: 12px;
    }
    .banner-button {
        max-width: 96px;
        height: auto;
        padding: 1rem 1.2rem;
        font-size: 0.75rem;
        margin-top: 1rem;
            border-top-right-radius: 1.25rem;
            border-bottom-left-radius: 1.25rem;
    }
    .banner-button i{
        width: 7px;
        height: 12px;
    }
    .title-module{
        padding: 2rem 20px;
    }
    .title-module .title-module-en{
        font-size: 1.5rem;
    }
    .title-module .title-module-title{
        font-size: 1.25rem;
    }
    .title-module .title-module-desc{
        font-size: 14px;
        margin-top: 0.85rem;
    }
    .title-module .title-module-list{
        margin-top: 1rem;
    }
    .title-module .title-module-list .title-module-item{
        margin: 0 0.5rem;
    }
    .index-product-nav{
        padding: 0 0 1rem;
    }
    .index-product-nav li{
        padding: 0 0.5rem;
        font-size: 12px;
        text-align: center;
    }
    .index-product-nav li:hover::after,
    .index-product-nav li.on::after{
        width: 14.5px;
        height: 6px;
        bottom: -6px;
    }
    .index-product-nav-item,
    .index-recommend-list{
        flex-direction: column;
    }
    .index-product-nav-item figure,
    .index-product-nav-item .index-product-rt{
        width: 100%;
    }
    .index-product-nav-item .index-product-rt{
        padding: 20px;
    }
    .index-product-nav-item .index-product-rt img{
        max-height: 35px;
    }
    .index-product-nav-item .index-product-rt h4,
    .index-product-nav-item .index-product-rt span{
        font-size: 1.25rem;
        line-height: 1.5rem;
        margin-top: 0.8rem;
    }
    .index-product-nav-item .index-product-rt>p{
        font-size: 14px;
        line-height: 18px;
        color: rgba(255, 255, 255, 0.8);
        margin-top: 0.5rem;
    }
    .index-recommend-list .recommend-list-lt{
        width: 100%;
        padding: 20px;
    }
    .index-recommend-list .recommend-list-title span{
        font-size: 1.75rem;
        height: auto;
        text-align: center;
    }
    .index-recommend-list .recommend-list-title p{
        font-size: 1.5rem;
    }
    .index-recommend-list .recommend-list-title-rt{
        margin-top: 1rem;
        display: none;
    }
    .index-recommend-list .recommend-list-rt{
        width: 100%;
    }
    .recommend-itme-mask .recommend-rt-piclist{
        height: auto;
        position: relative;
        right: unset;
        bottom: unset;
    }
    .recommend-itme-mask .recommend-rt-swiperlist{
        padding-top: 0;
    }
    .recommend-rt-piclist{
        position: relative;
        height: auto;
        right: unset;
        bottom: unset;
        max-width: unset;
    }
    .recommend-itme-mask .recommend-list-rt-title .recommend-item-title{
        font-size: 1.25rem;
    }
    .recommend-itme-mask .recommend-list-rt-title{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .recommend-rt-swiper-box{
        height: auto;
    }
    .recommend-rt-swiper-box{
        font-size: 0.85rem;
        display: flex;
    }
    .index-recommend-list-model{
        position: relative;
    }
    .recommend-rt-piclist .recommend-rt-swiper-item img{
        width: 100%;
    }
    .recommend-rt-swiperlist{
        padding-top: 0;
    }
    .recommend-rt-piclist .recommend-rt-item-rt,
    .recommend-rt-piclist .recommend-rt-item-lt {
        width: 38px;
    }
    .recommend-rt-piclist .recommend-rt-item-lt{
        left: 8px;
        top: 50%;
        transform: translateY(-50%) rotate(-90deg);
    }
    .recommend-rt-piclist .recommend-rt-item-rt{
        right: 8px;
        top: 50%;
        transform: translateY(-50%) rotate(-90deg);
    }
    .index-company-brief{
        flex-direction: column;
    }
    .index-company-brief .index-company-brief-lt{
        width: 100%;
        padding-right: 0;
    }
    .index-company-brief .index-company-brief-rt{
        width: 100%;
        padding: 20px;
    }
    .index-company-brief .index-company-brief-title{
        width:100%;
    }
    .index-company-brief .index-company-brief-title img{
        max-height: 40px;
    }
    .index-company-brief .index-company-brief-rt h3{
        font-size: 1.25rem;
        margin: 1rem 0 0;
    }
    .index-company-brief .index-company-brief-rt .index-company-brief-title>p,
    .index-brand .index-title span{
        font-size: 0.75rem;
        line-height: 1.25rem;
        margin-top: 16px;
    }
    .index-brand{
        padding: 20px 0;
    }
    .index-brand .index-title h3{
        font-size: 1.25rem;
    }
    .index-brand .index-brand-list{
        margin-top: 16px;
    }
    .index-news .index-news-list{
        flex-direction: column;
    }
    .index-news .index-news-lt,
    .index-news .index-news-rt {
        width: 100%;
    }
    .index-news-lt .index-news-item .index-news-title a{
        padding: 8px;
    }
    .index-news-item .index-news-data span,
    .index-news-item .index-news-data p{
        font-size: 0.85rem;
        padding: 0 0 0 8px;
    }
    .index-news-lt .index-news-item .index-news-data{
        margin-bottom: 0;
    }
    .index-news .index-news-item .index-news-content h4{
        font-size: 1rem;
    }
    .index-news .index-news-item .index-news-content p{
        font-size: 0.75rem;
    }
    .index-news .index-news-item a{
        padding: 1rem 0;
    }
    .index-news{
        padding-bottom: 20px;
    }
    footer>.container{
        padding: 1.5rem 0;
    }
    footer .ft-logo{
        margin-bottom:1.25rem;
        max-height: 60px;
    }
    footer .ft-content-item .ft-title h4{
        font-size: 1.25rem;
    }
    .ft-product .ft-product-list a{
        font-size: 0.85rem;
    }
    .footer-form .ft-submit{
        font-size: 1rem;
        height: 2.75rem;
        line-height: 2.75rem;
    }
    .footer-bottom a span{
        font-size: 0.75rem;
    }
    .page-bg-img .page-banner-title h3{
        font-size: 1rem;
        line-height: 1.25rem;
        margin-bottom: 0;
    }
    .page-bg-img .page-banner-title span{
        font-size: 1.25rem;
        line-height: 1.35rem;
        margin-bottom: 6px;
        display: inline-block;
        padding-bottom: 6px;
    }
    .page-bg-img .page-banner-title span::after{
        height: 1px;
    }
    .page-bg-img .page-banner-title strong{
        font-size: 0.75rem;
    }
    .page-nav{
        padding-top: 12px;
    }
    .news-next-title{
        padding-bottom: 12px;
    }
    .news-next-title span,
    .news-next-title a{
        font-size: 0.75rem;
    }
    .page-plan-hot-title{
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .page-plan-hot-title span{
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    .page-plan-hot-title p{
        font-size: 0.75rem;
        margin-top: 1rem;
    }
    .page-plan-hot-item-title h4{
        padding: 0.5rem 0;
        font-size: 0.75rem;
        line-height: 0.85rem;
    }
    .plan-pag-btn{
        width: 25px;
        height: 25px;
    }
    .page-plan-hot-swiper{
        width: calc(100% - 40px);
    }
    .page-plan-list .page-plan-item{
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
        margin-top: 14px;
    }
    .page-plan-list .page-plan-item:nth-child(2n){
        margin-right: 0;
    }
    .page-plan-list .page-plan-item h4{
        font-size: 0.85rem;
        padding: 12px 0 12px;
    }
    .page-plan-list .page-plan-item> .page-plan-item-content>p{
        font-size: 0.75rem;
    }
    .page-plan-list .page-plan-item .banner-button{
        margin: 0.5rem auto 0;
    }
    .page-case-show-content .case-show-title-box .case-tp-title{
        padding: 1rem 0;
        box-sizing: border-box;
    }
    .page-case-show-content .case-show-title-box .case-tp-title h3{
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    .plan-show-content p{
        font-size: 0.75rem;
    }
    .plan-tab-list-click{
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
    .plan-tab-list-click a{
        width: calc((100% - 8px) / 2);
        box-sizing: border-box;
        font-size: 12px;
        line-height: 20px;
        padding: 0.85rem 1rem;
        margin-right: 8px;
        margin-top: 8px;
    }
    .plan-tab-list-click a:nth-child(2n){
        margin-right: 0;
    }
    .plan-tab-list-click a i{
        width: 16px;
        height: 18px;
        margin-right: 6px;
    }
    .plan-show-tab-content h4{
        font-size: 1.25rem;
        line-height: 1.5rem;
        padding: 18px 0 18px;
    }
    .plan-show-tab-content p{
        font-size: 0.75rem;
    }
    .plan-brief-list ul{
        justify-content: center;
    }
    .plan-brief-list li{
        width: calc((100% - 8px) / 2);
        margin-right: 8px;
        margin-top: 8px;
        padding: 20px 1.5% 20px;
    }
    .plan-brief-list li:nth-child(2n){
        margin-right: 0;
    }
    .plan-brief-list li img{
        /* max-height: 30px; */
    }
    .plan-brief-list li h4{
        font-size: 1rem;
        margin-top: 1rem;
    }
    .plan-brief-list li span{
        font-size: 0.85rem;
        line-height: 1rem;
        margin-top: 5%;
    }
    .plan-brief-list li p{
        font-size: 0.75rem;
        line-height: 1rem;
    }
    .plan-route-content{
        flex-direction: column;
    }
    .plan-route-rlt-item .plan-route-pic-title{
        padding: 1.0625rem 5%;
    }
    .plan-route-content .plan-route-lt,
    .plan-route-content .plan-route-rt{
        width: 100%;
        padding-left: 0;
    }
    .plan-route-rlt-item .plan-route-pic-title h4{
        font-size: 1rem;
    }
    .plan-route-rlt-item .plan-route-pic-title p{
        font-size: 0.75rem;
        line-height: 1rem;
    }
    .plan-route-rt .plan-route-title-item h4{
        font-size: 1.25rem;
    }
    .plan-route-rt .plan-route-title-item span{
        font-size: 0.85rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .plan-route-rt .plan-route-title-item i{
        font-size: 3rem;
    }
    .plan-route-rt .plan-route-title-item{
        padding: 8px 12px;
    }
    .case-list-box .case-item{
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-top: 20px;
    }
    .case-list-box .case-item:nth-child(2n){
        margin-right: 0;
    }
    .case-list-box .case-content{
        padding: 8px;
    }
    .case-list-box .case-content h4{
        font-size: 1rem;
    }
    .case-list-box .case-content span{
        font-size: 0.75rem;
    }
    .case-list-box .banner-button{
        width: 115px;
        box-sizing: border-box;
        font-size: 0.75rem;
        max-height: 30px;
        line-height: 30px;
    }
    .case-show-content{
        padding: 1rem;
        box-sizing: border-box;
    }
    .case-show-list .case-show-item i{
        font-size: 3rem;
    }
    .case-show-list .case-show-item h4{
        font-size: 1.25rem;
    }
    .case-show-list .case-show-item p{
        font-size: 0.75rem;
    }
    .case-show-list .case-show-item{
        margin-bottom: 1rem;
    }
    .news-tab-list{
        margin-bottom: 20px;
    }
    .news-tab-list a{
        font-size: 0.85rem;
        margin-right: 10px;
        line-height: 1rem;
        padding: 0.5rem 1.25rem;
    }
    .news-tab-list a i{
        width: 16px;
        height: 18px;
    }
    .news-item-first a,
    .news-item-first:hover a{
        flex-direction: column;
    }
    .news-item-first .news-item-lt,
    .news-item-first .news-item-lt figure,
    .news-item-rt .news-item-rlt,
    .news-item-first:hover .news-item-lt{
        width: 100%;
    }
    .news-item-first .news-item-rt,
    .news-item-first:hover .news-item-rt{
        width: 100%;
        flex-direction: column;
    }
    .news-item-rt .news-item-rlt{
        justify-content: flex-start;
        align-items: center;
    }
    .news-item-first .news-item-rt .news-time{
        flex-direction: row-reverse;
    }
    .news-item-first .news-item-rt .news-time .news-date,
    .news-item-first .news-item-rt .news-day{
        font-size: 1rem;
        padding:  0;
        margin-bottom: 0;
        color: #999999;
        font-weight: 400;
    }
    .news-item-first .news-day::after{
        content: '-';
        color: #999999;
        font-size: 1rem;
    }
    .news-item-rt p{
        font-size: 0.75rem;
        line-height: 1.25rem;
        margin-top: 0.5rem;
    }
    .news-item-first .news-item-btn{
        width: auto;
        height: auto;
        line-height: 30px;
        box-sizing: border-box;
        margin-top: 1rem;
        padding: 0.5rem 1.5rem;
    }
    .news-item-first:hover .news-item-rt h5{
        padding: 0;
        line-height: 1.5rem;
    }
    .page-contact .container{
        flex-direction: column;
        margin: 0 auto;
    }
    .page-contact-title {
        width: 100%;
    }
    .page-contact-title h3{
        font-size: 1.5rem;
        line-height: 2rem;
        padding: 0.5rem 0 1rem;
    }
    .page-contact-title span{
        font-size: 0.85rem;
        padding: 0.5rem 0 1rem;
    }
    .page-contact-title li p{
        font-size: 12px;
    }
    .page-contact-map{
        width: 100%;
        height: 300px;
        padding: 0;
    }
    .plan-brief-list li:nth-child(5n){
        margin-right: 8px;
    }
}


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

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

}

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

}

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

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

@media screen and (max-width:400px) {
    .nav-mb a {
        font-size: 0.8rem;
    }
}