/**宽度大于 1025px 的屏幕使用该样式*/
@media only screen and (min-width: 1025px) {

    .header .mb-nav{ display: none;}
    .header .mnavbtn {display: none;}

    .header .nav-area ul li{ width:16%;   display: inline-block;}
    .header .nav-area{ width: 1000px;}
    .header .nav-area{ height: 100px; overflow: hidden}
    .header .logo{ width:636px; line-height: 100px;}
    .header .logo .in-logo-box{
        padding-left: 126px;
    }


    .header .nav-area ul li{
        font-size: 1rem;
        text-align: center;
        height: 100px;
        line-height: 100px;
    }
    .header .nav-area ul li{ width:16%;  display: inline-block;}
    .header .nav-area ul li .navname {
        line-height: 100px;
    }


    .header .lang-area{ padding-left: 100px; width: 250px;}
    .header .lang-area .lang-content{  line-height: 100px;}


    .header .nav-area ul li .navname {
        position: relative;
        display: block;
        padding: 0;
        font-size: 1rem;
        color: #333;
        text-align: center;
        transition: all .5s ease;
    }



    .header .nav-area ul li .tnavh {
        position: relative;
    }

    .header .nav-area ul li:hover .tnavh::before {
        width: 100%;
        opacity: 1;
    }

    .header .nav-area ul li .tnavh {
        position: relative;
    }

    .header .nav-area ul li .tnavh::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        width: 0;
        height: 3px;
        background-color: #18469d;
        opacity: 0;
        transition: all .5s ease;
    }
    .header .nav-area ul li:hover .navname {
        transform: translateY(-100%);
    }
    .header .nav-area ul li .navname::after {
        content: attr(data-title);
        position: absolute;
        top: 0;
        left: 0;
        transform: translateY(100%);
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #18469d;
    }



    .footer{ height: auto;}
    .footer .fnav-list{
        width: 122px;
        float: right;
    }
    .footer .fnav-list dl dd{font-size: 18px;margin-bottom: 20px;  }
    .footer .footer-main{ padding-top: 50px;}
    .footer .layui-form-btn{ width: 200px;}

    .footer .ft-company-info{
        margin-top: 50px;
        float: left;

    }
    .footer .company{
        white-space: normal;
        white-space: pre-wrap;
    }
    .footer .company .address p{color: #626262;  }


    .footer .contact-buttom .contact-buttom-btn {
        border: 1px solid #CCC;
        padding: 15px 30px;
        color: rgba(186, 187, 186, 1);
    }

    .footer .feedback-form{ margin-top: 50px;}
    .footer .copyright{
        border-top: 1px solid rgba(85,85,85,.4);
        margin-top: 50px;
        padding-top: 30px;
        text-align: center;
        color: #babbba;
        font-size: 14px;
    }


}




/**宽度小于或等于 1024px 的屏幕使用该样式**/
@media only screen and (max-width: 1024px) {

    .footer .company h1{
        font-size:24px;
         font-weight: bold;
    }
    .ft-company-info{
        padding-top: 20px;
    }
    .fnav-list{ display: none;}
    .feedback-form{ margin-top: 2rem;}
    .feedback-form .layui-form-item .layui-form-label{
        clear: left;
        display: block;
        text-align: left;
        padding: 9px 0px;
        font-size: 14px;
        color: #EEE;
    }
    .feedback-form .layui-form-item .layui-input-block{
        margin-left:0px;
        display: block;
    }
    .feedback-form .layui-form-item  .end-layui-form-item{
        display: none;
    }
    .footer .copyright{
        border-top: 1px solid rgba(85,85,85,.4);
        font-size: 14px;
        margin-top: 20px;
        padding-top: 20px;
    }

}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {

}


/**宽度大于等于 1366px 的屏幕使用该样式*/
@media only screen and (max-width: 1366px) {

    .footer .company{  color: #babbba;}
    .footer .company h1{ padding-bottom: 15px; }

}


/**宽度大于等于 1440 的屏幕使用该样式*/
@media only screen and (max-width: 1440px) {
    .footer .company{  color: #babbba;}
    .footer .company h1{ padding-bottom: 15px; }

}

/**宽度大于等于 1600 的屏幕使用该样式*/
@media only screen and (max-width: 1600px) {
    .footer .company{  color: #babbba;}
    .footer .company h1{ padding-bottom: 15px; }

}


/**宽度大于等于 1680 的屏幕使用该样式*/
@media only screen and (max-width: 1680px) {
    .footer .company{  color: #babbba;}
    .footer .company h1{ padding-bottom: 15px; }

}

/**宽度大于等于 1768 的屏幕使用该样式*/
@media only screen and (max-width: 1768px) {
    .footer .company{  color: #babbba;}
    .footer .company h1{ padding-bottom: 15px; }

}


/**宽度大于等于 1920 的屏幕使用该样式*/
@media only screen and (max-width: 1920px) {
    .footer .company{  color: #babbba;}
    .footer .company h1{ padding-bottom: 15px; }

}

/**宽度大于等于 2048 的屏幕使用该样式*/
@media only screen and (max-width: 2048px) {
    .footer .company h1{ padding-bottom: 15px; font-size:24px; font-weight: bold }
}

/**宽度大于等于 2560 的屏幕使用该样式*/
@media only screen and (max-width: 2560px) {
    .footer .company{ }
    .footer .company h1{ color: #babbba;padding-bottom: 15px; }
}

/**宽度大于等于3840 的屏幕使用该样式*/
@media only screen and (max-width: 3840px) {
    .footer .company{ }
    .footer .company h1{ color: #babbba; padding-bottom: 15px; }
}



/**宽度大于 1920 的屏幕使用该样式*/
@media only screen and (min-width: 1920px) and (max-width: 3840px) {
    .header .nav-area{ width: 1200px;}
    .header .nav-area{ height: 100px; overflow: hidden}
}


@media only screen and (min-width: 2560px) and (max-width: 3840px) {
    .header .nav-area{ margin-left: 88px; width: 1360px;}
    .header .nav-area{ height: 100px; overflow: hidden}
}