@charset "utf-8";

@media screen and ( min-width: 1600px) {
    .container{
        width: 1600px;
        padding: 0 15px;
    }
}
@media screen and ( max-width: 1600px) {
    .pageMenu ul li a{
        font-size: 14px;
    }

}
@media screen and ( max-width: 1400px) {
    .navList .firstClass{
        padding: 0 10px;
    }
    .bannerGuide ul{
        padding: 30px;
    }
    .advCon{
        top:120px;
    }
    .frontTit h3{
        margin-bottom: 15px;
    }
    .ibanCon h1{
        font-size: 42px;
    }
}

@media screen and ( max-width: 1200px) {
    .hotLine{
        display: none;
    }
    .header{
        display: none;
    }
    .header_mb{
        display: block;
    }
    .bannerGuide li p{
        display: none;
    }
    .bannerGuide li h5{
        margin-bottom: 0;
    }
    .advantages .frontTit p{
        display: none;
    }
    .inList{
        transform: translateY(-100px);
    }
    .incolTit{
        height: 100px;
    }
    .incolList a{
        padding: 15px 30px 15px 50px;
    }
}

@media screen and ( max-width: 992px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
        padding-left: 6px;
        padding-right: 6px;
    }
    .mobileNone{
        display: none;
    }
    .pc_none{
        display: block;
    }
    .row{
        margin-left: -6px;
        margin-right: -6px;
    }
    .nyLeft{
    display: flex;
    align-items: center;
    border:none;
    padding-bottom: 30px;
    }
    .nyLeft p{
        padding-left: 15px;
        margin: 0;
    }
    h1{
        font-size: 48px;
    }
    h2{
        font-size: 36px;
    }
    h3{
        font-size: 24px;
    }
    h4{
        font-size: 18px;
    }
    h5{
        font-size: 14px;
    }
    .infoPage{
        padding: 30px 0;
    }
    .listPage{
        padding: 30px 0 15px;
    }
    p{
        font-size: 12px;
    }
    .latelyList li p{
        font-size: 12px;
    }
    .latelyView h5{
        margin-bottom: 15px;
    }
    .latelyView{
        padding: 30px 0;
    }
    .latelyList li{
        padding: 0 15px;
    }
    .nyright{
        display: none;
    }
    .more{
        font-size: 12px;
        padding: 5px 15px!important;
    }
    .more span{
        font-size: 12px;
    }
    .masgForm h1{
        font-size: 36px;
        margin-bottom: 30px;
    }
    .masgForm{
        padding: 50px 0;
        margin-top: 50px;
    }
    .masgForm .flex{
        flex-direction: column;
        align-items: center;
    }
    .masgForm form .form-group{
        margin-right: 0;
        width: 80%;
    }
    .masgForm form .mod1 button{
        padding: 15px 50px;
    }
    .bannerGuide ul{
        display: none;
    }
    .advCon{
        top: 30px;
    }
    .frontTit h3{
        font-size: 24px;
    }
    .frontTit h3{
        white-space: nowrap
    }
    .frontTit h3 span{
        white-space: nowrap
    }
    .serviceCol a{
        width: 140px;
        padding: 15px;
    }
    .serviceFlow{
        padding-left: 15px;
    }
    .about{
        margin: 50px 0;
    }
    .progressBan{
        padding: 50px 0;
    }
    .frontTit{
        margin-bottom: 30px;
    }
    .progressDivide .progressItem h5{
        font-size: 12px;
    }
    .progressBan .frontTit h3{
        margin-bottom: 0;
    }
    .progressDivide .progressItem{
        padding: 0 5px;
    }
    .newsCenter{
        margin: 50px 0;
    }
    .nyNav .flexRight{
        flex-direction: row;
    }
    .ibanCon h1{
        font-size: 24px;
    }
    .ibanCon h4{
        margin-top: 10px;
        font-size: 12px;
    }
    .ibanCon a{
        line-height: 40px;
        padding: 0!important;
        height: 40px;
        margin-top: 15px;
    }
    .nyNav a{
        font-size: 12px;
    }
    .ibanCon{
        width: 100%;
    }
    .ibanCon a{
        display: none;
    }
    .ibanCon h4{
        display: none;
    }
    .aboutinDivimg .img{
        height: auto;
    }
    .aboutinDivcon{
        padding: 0;
    }
    .aboutinDiv{
        padding: 50px 0;
    }
    .aboutinDiv .innerTit{
        margin: 15px 0;
    }
    .culture{
        margin-bottom: 50px;
    }
    .ordersCon{
        margin-bottom: 50px;
    }
    .ordersCon .btn{
        padding: 10px 0;
    }
    .contact_con{
        flex-direction: column;
        align-items: center;
    }
    .page_contactindex .contact_con{
        padding: 30px;
    }
    .page_contactindex li .contact_txt{
        margin: 0;
    }
    .contact_con h4{
        margin-top: 15px;
    }
    .contact_con h4,.contact_con h5,.contact_con p{
        text-align: center;
    }
    .mobileNews .newsCblock{
    display: flex;
}
.newsFlow .newsC{
    flex:none;
}
.newsFlow .newstitTxt .newsDes2{
    -webkit-line-clamp: 3;
}
.newsCenter{
    margin-bottom: 50px;
}
.pcNone{
    display: block;
}
.serviceFlow li:nth-child(5),.serviceFlow li:nth-child(6){
    margin-bottom: 0;
}
.footer .footerLogo p,.footer .footerContact p{
    font-size: 14px;
}
.nyProtit{
    display: block;
}
.hotPro{
    margin-top: 50px;
}
.serviceCol a{
    padding: 10px;
}
.frontBanner .bannerCon{
    width: 100%;
    top: 10%;
}
.frontBanner .bannerCon h2{
    font-size: 18px;
    margin-bottom: 5px;
}
.frontBanner .bannerCon h3{
    display: none;
}
.logo_mb {
    height: 30px;
}
.logo_mb img{
    height: 30px;
}
.bannerBan{
    padding: 30px 0;
}
.bannerBan .flexAligncenter{
    display: block;
}
.bannerBan .dataItem h5{
    margin-top: 30px;
}
.products .frontTit{
    display: block;
}
.frontTit{
    margin: 50px 0 30px;
}
.proFlow{
    display: block;
}
.proChoose{
    padding: 0;
}
.proPiclist .img img{
    min-height: 0;
}
.proBrief .briefCon{
    min-height: 0;
}
.proBrief .briefCon .proColname{
    margin-bottom: 15px;
}
.midBan{
    margin-top: 50px;
    background-position: right;
}
.midBan .container>.flexBetween{
    display: block;
}
.midBan .midbanCon{
    width: 100%;
    margin: 50px 0;
}
.midBan .midbanCon .midbanconItem h5{
    margin-left: 15px;
}
.midBan .midbanCon .midbanconItem{
    padding: 30px 0;
}
.application .frontTit{
    display: block;
}
.bottomBan .frontTit{
    display: block;
}
.underbanForm{
    margin-top: 50px;
}
.bottomData .bottomDataitem{
    margin-right: 15px;
}
.underbanForm h3{
    text-align: left;
}
.underbanForm .flexRight{
    display: block;
}
.bottomBan{
    padding-bottom: 20px;
}
.news .frontTit{
    display: block;
}
.news .frontTit .more{
    padding: 0!important;
}
.news li .newstitCon{
    padding: 15px;
}
.newsFlow li{
    margin-bottom: 15px;
}
.footer{
    padding-top: 50px;
}
.footer .footerCon{
    display: block;
    margin-bottom: 50px;
}
.partners{
    margin-bottom: 50px;
}
.ibanCon p{
    display: none;
}
.inproTit,.page_picdetails .info span em,.inproDivide .inprodivideItem .titCon h5{
    font-size: 16px;
}
.inproDivide{
    margin-top: 50px;
}
.innerNews h3{
    font-size: 20px;
}
.newsClist .newsContxt h5{
    margin-bottom: 15px;
}
.inproDivide .inprodivideItem h3{
    font-size: 20px;
    margin-bottom: 15px;
}
.innerNews h3{
    margin: 50px 0 15px;
}
.aboutData h1{
    font-size: 36px;
}
.aboutinDivcon h4{
    margin: 0;
    font-size: 16px;
}
.dataItem{
    flex-direction: column;
    align-items: center;
}
.aboutinDivimg{
    margin-top: 30px;
}
.innerAbout .aboutHonor{
    padding-top: 0;
    padding-bottom: 30px;
}
.innerFt{
    padding: 50px 0;
}
.nyContact .contactList .contactCon{
    min-height: 0;
}
.nyContact{
    padding: 50px 0;
}
.nyContact .contactDivide{
    margin-bottom: 50px;
}
.colDivide .colItem>a{
    font-size: 16px;
}
.colDivide .colItem{
    margin-right: 0;
}
.colDivide .colItem a{
    font-size: 12px;
}
.footColcon{
    flex-direction: column;
}
.colDivide{
    width: 100%;
    justify-content: space-between;
}
.ftQrcode{
    display: block;
    margin-top: 15px;
}
.footerContact{
    display: block;
}
.footerContact h4,.footerContact h3{
    font-size: 16px;
}
.footerContact h4{
    white-space: nowrap
}
.footColcon{
    padding-bottom: 30px;
}
.footerContact .img{
    display: none;
}
.inproGuide .inproguideItem{
    padding: 5px;
    margin: 0;
    margin-bottom: 5px;
    border: 2.5px solid #fff;
}
}

@media screen and ( max-width: 768px) {
    .nav_mb{
        padding-top: 50px;
    }
    .nyLeft{
        padding-bottom: 0;
        display: block;
    }
    .nyLeft p{
        padding: 15px 0 0;
    }
    .headerTop{
        display: none;
    }
    .mbSwitch{
        display: block;
    }
}