@media screen and (min-width:1919px) {
    .main, .modular {
        max-width: 1400px;
    }
    .introduction-content,
    .intvention-content,
    .bussiness-box {
        max-width: 1400px;
        margin-left: -700px;
    }

}
@media screen and (min-width:979px) and (max-width: 1200px) {
    .m-btn, .tel { display: none !important; }
    .menu>ul {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding-left: 2rem;
    }
    .menu {
        width: 100%;
        height: 100%;
        padding: 0 66px 0 230px;
    }
    .menu>ul>li a {
        padding: 0 .8rem;
    }
    .logo {
        left: 1rem;
    }
    .tel-box{
        width: 50px;
        right: 1rem;
    }
    .language .btn-group {
         margin-right: 0;
    }
    /*内容*/

    .modular-title .letter {
        font-size: 3.5rem;
    }
    .modular-title .name {
        font-size: 1.4rem;
        top: 2.5rem;
        left: 2.8rem;
    }
    .news-title .name {
        left: 50%;
    }
    .modular-title .underline {
        left: 2.8rem;
    }
    .company-des {
        margin: 1.4rem 0 0 2.8rem;
    }
    .company-data ul >li {
        width: 33.33%;
        text-align: left;
        margin-right: 0;
    }
    .contact-box .modular-title {
        margin-top: 2rem;
    }
    .contact-box .modular-content{
        padding-top: 0;
        padding-left: 1rem;
    }
    .info-right,.code-box p {
        font-size: .875rem;
    }
    .product-box>.row>div {
        height: 100%;
        width: 25%;
    }
    .swiper-button-prev {
        left: 5.5rem;
    }
    .swiper-button-next {
        right: 5.5rem;
    }
    .introduction-title .letter {
        font-size: 1.6rem;
    }
    .introduction-title .name {
        top: -2.5rem;
        left: 0;
        font-size: 1.3rem;
    }
    .introduction-title .underline {
        left: 0;
    }
    .introduction-des {
        padding-right: 2rem;
        margin-top: 3rem;
    }
    .intvention-title .letter {
        color: #fff;
        font-size: 1.6rem;
    }
    .intvention-title .name {
        font-size: 1.2rem;
        top: -2rem;
        left: 0;
        color: #fff;
    }
    .intvention-title .underline {
        bottom: -1rem;
        left: 0;
    }
    .intvention-des {
        margin-top: 2.5rem;
    }
    .intvention-text {
        color: #fff;
    }
    .list-row {
        margin-top: 11.5rem;
    }
    .circle {
        width: 9.5rem;
        height: 9.5rem;
        margin: 0 auto 1rem;
        border: 3px solid #08a8e4;
        border-radius: 50%;
    }
    .application-title .letter {
        font-size: 2.6rem;
    }
    .application-title .name {
        top: 1.6rem;
        left: 1rem;
    }
    .application-title .text {
        position: absolute;
        left: 1rem;
        bottom: -1.8rem;
    }
    .application-des {
        margin: 3.5rem 0 0 1rem;
    }
    .page-btn-group {
        margin: 5rem 0 0 1rem;
    }
    .application-content {
        padding-left: 5rem;
    }
}
@media screen and (min-width:769px) and (max-width: 979px) {
    .menu,.tel,.modular-left {
        display: none;
    }
    .modular-content {
        margin-left: 0;
    }
    .news-title {
        margin-top: 1rem;
    }
    .contact-box .modular-content {
        margin-left: 0;
    }
    .contact-box .modular-title {
        margin-top: 0;
    }
    .product-box>.row>div {
        height: 50%;
        padding: 0 5rem;
    }
    .product-box .row>div img {
        /*padding: 0 2.5rem;*/
        margin-top: 4rem;
    }
    #fp-nav, .swiper-button-prev, .swiper-button-next, .wechat,.qr-code-image  {
        display: none;
    }
    .swiper-date .swiper-button-prev,
    .swiper-date .swiper-button-next {
        display: block;
    }
    .introduction-title {
        margin-top: 5rem;
    }
    .introduction-title .letter {
        font-size: 2.4rem;
    }
    .introduction-title .name {
        font-size: 1.8rem;
    }
    .introduction-des {
        padding-right: 0;
    }
    .introduction-content .row>div {
        width: 100%;
    }
    /*.introduction-photo img {*/
        /*width: 40%;*/
        /*height: 42%;*/
        /*top: 0;*/
        /*left: 50%;*/
        /*margin-left: -20%;*/
        /*margin-top: 2%;*/
    /*}*/
    .introduction-text {
        -webkit-line-clamp: 5;
    }

    .intvention-title .letter {
        color: #fff;
        font-size: 1.2rem;
    }
    .intvention-title .name {
        font-size: .875rem;
        top: -1.5rem;
        left: 0;
        color: #fff;
    }
    .intvention-title .underline {
        bottom: -1rem;
        left: 0;
    }
    .intvention-des {
        margin-top: 2.5rem;
    }
    .intvention-text {
        color: #fff;
    }
    .list-row {
        margin-top: 11.5rem;
    }
    .circle {
        width: 7.5rem;
        height: 7.5rem;
        margin: 0 auto 1rem;
        border: 3px solid #08a8e4;
        border-radius: 50%;
    }
    .application-box>.row>div {
        width: 100%;
    }
    .application-box>.row>div:first-child {
        margin-bottom: 2rem;
    }
    .application-image {
        padding: 0;
    }
    .application-title {
        margin-top: 1rem;
        text-align: center;
    }
    .application-title .letter {
        font-size: 2.2rem;
    }
    .application-title .name {
        top: 1.6rem;
        left: 50%;
        font-size: 1.2rem;
        margin-left: -2.4rem;
    }
    .application-title .text {
        position: absolute;
        left: 0;
        bottom: -1.8rem;
        margin-left: 0;
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 1rem;
    }
    .application-title .text .underline {
        left: 50%;
        margin-left: -1.2rem;
    }
    .application-des {
        margin: 3.5rem 0 0 1rem;
    }
    .page-btn-group {
        margin: 1rem 0;
        text-align: center;
    }
    .application-text {
        -webkit-line-clamp: 5;
        text-align: center;
    }
    .application-content {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    /*.application-photo {*/
        /*width: 36rem;*/
        /*height: 30rem;*/
        /*margin: 0 auto;*/
    /*}*/
    .page-btn-group .prev-btn {
        left: 50%;
        margin-left: -3rem;
    }
    .page-btn-group .next-btn {
        margin-right: 0;
        left: 50%;
        margin-left: 0.25rem;
    }
    .adaption-vertical>img {
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        width: auto;
    }
    .intvention-content {
        width: 90%;
        margin-left: -45%;
    }
}
@media screen and (max-width: 769px) {
    #fp-nav,
    .menu,
    .tel,
    .modular-left,
    /*.introduction-photo,*/
    .wechat,
    .qr-code-image,
    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }

    /*头部*/
    .header-box {
        width: 100%;
    }
    .logo {
        width: 10rem;
        left: 1rem;
    }
    .tel-box {
        width: 8rem;
        right: .8rem;
    }
    .m-btn {
        display: inline-block;
    }
    .language .btn-group {
        margin-right: 1rem;
    }

    /*内容*/
    .modular {
        width: 90%;
    }
    .modular-left {
       width: 100%;
    }
    .modular-content {
        margin: 0;
    }
    .modular-title {
        padding: 0 1rem;
    }
    .news-title {
        margin-top: 0;
    }
    /*.modular-title .letter {*/
        /*font-size: 2.2rem;*/
    /*}*/
    /*.modular-title .name {*/
        /*font-size: 1.2rem;*/
        /*top: 1.2rem;*/
        /*left: 1.5rem;*/
    /*}*/
    /*.modular-title .underline {*/
        /*left: 1.5rem;*/
    /*}*/
    .company-des {
        margin-top: .8rem;
        margin-left: 4.2rem;
        padding-right: 1.5rem;
    }
    .company-des .company-text, .application-des .application-text {
        line-height: 1.5rem;
    }
    .company-index {
        height: 100%;
        padding-top: 120px;
    }
    /*.company-index .modular-left {*/
        /*top: auto;*/
        /*display: block;*/
        /*left: 0;*/
        /*bottom: 0;*/
        /*max-height: 38rem;*/
    /*}*/
    .company-data {
        margin-top: 1.5rem;
    }
    .company-data ul >li {
        margin-right: 2.5rem;
    }
    .company-data ul >li p {
        font-size: .8rem;
    }
    .data-count {
        font-size: 1.5rem;
    }
    .product-box {
        width: 100%;
        height: 100%;
        padding: 0;
    }
    .product-box .row {
        margin: 0;
        width: 100%;
        height: 100%;
    }
    .product-box .row>div {
        height: 50%;
        display: flex;
        justify-content:center;
        align-items:center;
        flex-wrap: wrap;
        flex-direction: column;
        /*border: 1px solid #252525;*/
    }
    .product-name {
        font-size: .875rem;
		display:none;
    }
    .application-box {
        top: 0;
        padding-top: 3rem;
        padding-left: 0;
    }
    .application-title {
        text-align: center;
    }
    .application-title .name, .application-title .text {
        left: 50%;
        margin-left: -2.4rem;
        bottom: -1.2rem;
    }
    .application-title .text .underline {
        bottom: -.5rem;
        left: 50%;
        margin-left: -1.2rem;
    }
    .application-des {
        margin: 2.5rem 0 0 0;
    }
    .application-text {
        -webkit-line-clamp: 5;
        text-align: center;
    }
    .application-text p {
        margin: 0;
    }
    .page-btn-group {
        margin: 1rem 0 1rem;
        text-align: center;
    }
    /*.page-btn-group .prev-btn, .page-btn-group .next-btn {*/
        /*width: 1.6rem;*/
        /*height: 1.6rem;*/
        /*line-height: 1.6rem;*/
    /*}*/
    .page-btn-group> a >i {
        font-size: 1.4rem;
    }
    .application-image {
        padding: 0;
    }
    .news-box {
        /*padding-top: 6rem;*/
    }
    .news-title .name {
        left: 50%;
        margin-left: -4.2rem;
    }
    .contact-box .name {
        left: 4.2rem;
    }
    .card-group {
        padding: 0 .5rem;
        margin-top: .5rem;
    }
    .card-title {
        font-size: .9rem;
    }
    .card-group .row >div {
        padding: 0 .5rem;
    }
    .card-des {
        height: 75px;
        -webkit-line-clamp: 3;
    }
    .contact-box .modular-content {
        margin-left: 0;
        padding: 6rem 6rem 0;
    }
    .contact-box .modular-content {
        margin-left: 0;
        padding: 0;
        text-align: left;
    }
    .contact-des, .contact-code {
        margin-left: 4.2rem;
        padding: 1rem 0;
    }
    .info-item {
        padding: 0 .5rem;
    }
    .info-left {
        left: .5rem;
    }
    .info-right {
        text-align: left;
        font-size: .875rem;
        margin-left: 1.6rem;
    }
    .contact-code {
        margin-top: 1rem;
    }
    .code-image {
        width: 5rem;
    }
    .code-box p {
        font-size: .875rem;
    }
    .contact-box {
        width: 90%;
        padding-bottom: 60px;
        margin: 0 auto;
    }
    /*.contact-box .modular-left {*/
        /*display: block;*/
        /*width: 100%;*/
        /*height: 100%;*/
        /*top: auto;*/
        /*max-height: 30rem;*/
        /*bottom: 60px;*/
    /*}*/
    .foot {
        padding-top: .5rem;
        line-height: 1.8;
        height: 60px;
    }
    .foot>div {
        float: none;
        text-align: center;
    }
    .pc-img {
        display: none;
    }
    .m-img {
        display: block;
    }
    .introduction-content, .intvention-content, .bussiness-box {
        left: 50%;
        margin-left: -45%;
    }
    .introduction-title {
        padding: 0;
        margin-top: 2.5rem;
    }
    .intvention-title {
        padding: 0 2rem;
        margin-top: 3rem;
    }
    .introduction-title .letter {
        font-size: 1.5rem;
    }
    .introduction-title .name {
        top: 1.5rem;
        left: 0;
    }
    .introduction-title .underline {
        bottom: -2rem;
        left: 0;
    }
    .introduction-des {
        padding: 0;
    }
    .intvention-content {
        width: 100%;
        padding: 0 2rem;
    }
    .intvention-content>.row>div {
        width: 100%;
    }
    .intvention-title .letter {
        font-size: 1.2rem;
    }
    .intvention-title .name {
        top: -1.5rem;
        left: 2rem;
        font-size: 1rem;
    }
    .intvention-title .underline {
        bottom: -1rem;
        left: 2rem;
    }
    .intvention-des {
        padding: 0 2rem;
        margin-top: 3rem;
    }
    .list-row {
        margin-top: .8rem;
    }
    .circle {
        width: 10rem;
        height: 10rem;
        margin: 2rem auto .5rem;
    }
    .circle+div {
        font-size: .875rem;
    }
    .bussiness-box {
        padding: 0 1rem;
    }
    .bussiness-box .swiper-button-next,
    .bussiness-box .swiper-button-prev,
    .bussiness-box.business .swiper-button-next,
    .bussiness-box.business .swiper-button-prev {
        display: block;
        outline: 0;
    }
    .cardbox {
        padding: 4rem;
    }
    .product-box .row>div {
        padding: 0 2.5rem;
    }
    .product-box .row>div img {
        /*padding: 0 2.5rem;*/
        margin-top: 4rem;
    }
    .introduction-title {
        margin-top: 5rem;
    }
    .introduction-title .letter {
        font-size: 2.4rem;
    }
    .introduction-title .name {
        font-size: 1.8rem;
    }
    .introduction-des {
        padding-right: 0;
    }
    .introduction-content .row>div {
        width: 100%;
    }
    .introduction-text {
        -webkit-line-clamp: 5;
    }
    /*子页面*/
    .child-banner {
        height: 18rem;
    }
    .main {
        width: 100%;
    }
    .title-box .modular-title .letter {
        font-size: 1.5rem;
    }
    .title-box .modular-title .name {
        font-size: 1.2rem;
        margin-left: -2.4rem;
    }
    .title-box .modular-title .underline {
        margin-left: -1.2rem;
        bottom: -1.5rem;
        width: 2.4rem;
    }
    .tabs-box {
        padding: 0;
    }
    .tabs .tabs-item>a {
        flex: 1 0 20%;
        padding: .3rem .5rem;
        font-size: .875rem;
        margin: .2rem;
    }
    .news-list .card-title {
        font-size: 1rem;
    }
    .pagination {
        padding: 0 1rem;
    }
    .form-group {
        margin-bottom: 1rem;
    }
    /*产品详情*/
    .product-page1,
    .product-page2,
    .product-page3 {
        padding: 2rem 0;
    }
    .product-image {
        width: 75%;
        margin: 1rem auto 0;
    }
    .product-summary {
        padding: 1rem;
    }
    .bussiness-box .swiper-business {
        margin-top: 3rem;
    }
    .application-box>.row>div {
        width: 100%;
    }
    .application-box>.row>div:first-child {
        margin-bottom: 4rem;
    }
    .application-title {
        margin-top: 1rem;
        text-align: center;
    }
    .application-title .letter {
        font-size: 2.2rem;
    }
    .application-title .name {
        top: 1.6rem;
        left: 50%;
        font-size: 1.2rem;
        margin-left: -2.4rem;
    }
    .application-title .text {
        position: absolute;
        left: 50%;
        bottom: -1.8rem;
        margin-left: -2rem;
    }
    .application-des {
        margin: 3.5rem 0 0 1rem;
    }
    .page-btn-group {
        margin: 1rem 0;
        text-align: center;
    }
    .application-text {
        -webkit-line-clamp: 5;
        text-align: center;
    }
    .application-content {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .adaption-vertical>img {
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        width: auto;
    }

}

@media screen and (min-width:639px) and (max-width: 769px) {
    .news-title {
        margin-top: 0rem;
    }
    .banner .banner-image {
        height: 23rem;
        width: 30rem;
        margin-left: -16.5rem;
        margin-top: -9.5rem;
    }
    .introduction-title .name {
        font-size: 1.2rem;
        top: -2rem;
    }
    .introduction-title .underline {
        bottom: -1rem;
    }
    .introduction-des {
        margin-top: 2rem;
    }
    .introduction-text {
        -webkit-line-clamp: 8;
        margin-bottom: 1rem;
    }
    .intvention-content {
        width: 90%;
        padding: 0;
    }
    .intvention-content>.row>div {
        width: 100%;
    }
    .intvention-title .letter {
        font-size: 1.2rem;
    }
    .intvention-title .name {
        top: -1.5rem;
        left: 2rem;
        font-size: 1rem;
    }
    .intvention-title .underline {
        bottom: -1rem;
        left: 2rem;
    }
    .intvention-des {
        padding: 0 2rem;
        margin-top: 3rem;
    }
    .list-row {
        margin-top: .8rem;
    }
    .circle {
        width: 10rem;
        height: 10rem;
        margin: 2rem auto .5rem;
    }
    .child-banner .banner-image {
        position: absolute;
        width: 20rem;
        height: 15rem;
        left: 50%;
        margin-left: -11.5rem;
        top: 50%;
        margin-top: -5rem;
    }
    .banner-name {
        display: inline-block;
        position: absolute;
        right: -1.5rem;
        top: 50%;
        margin-top: -4.2rem;
        writing-mode: tb-rl;
        color: #fff;
        font-size: .875rem;
    }
    .application-box>.row>div {
        width: 100%;
    }
    .application-box>.row>div:first-child {
        margin-bottom: 4.5rem;
    }
    .application-title {
        margin-top: 4rem;
        text-align: center;
    }
    .application-title .letter {
        font-size: 2.2rem;
    }
    .application-title .name {
        top: 1.6rem;
        left: 50%;
        font-size: 1.2rem;
        margin-left: -2.4rem;
    }
    .application-title .text {
        position: absolute;
        left: 0;
        bottom: -1.8rem;
        margin-left:0;
        font-size: 1rem;
        width: 100%;
        text-align: center;
        display: inline-block;
    }
    .application-des {
        margin: 3.5rem 0 0 1rem;
    }
    .page-btn-group {
        margin: 2.5rem 0;
        text-align: center;
    }
    .application-text {
        -webkit-line-clamp: 5;
        text-align: center;
    }
    .application-content {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    /*.application-photo {*/
        /*width: 32rem;*/
        /*height: 30rem;*/
        /*margin: 0 auto;*/
    /*}*/
    .page-btn-group .prev-btn {
        left: 50%;
        margin-left: -3rem;
    }
    .page-btn-group .next-btn {
        margin-right: 0;
        left: 50%;
        margin-left: 0.25rem;
    }
    .adaption-vertical>img {
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        width: auto;
    }
}

@media screen and (min-width:415px) and (max-width: 639px) {
    .banner-name {
        display: none;
    }
    .news-title {
        margin-top: 0rem;
    }
    .modular-title .letter {
        font-size: 3.4rem;
    }
    .modular-title .name {
        font-size: 1.4rem;
        top: 1.8rem;
        left: 1rem;
    }
    .news-title .name {
        left: 50%;
        margin-left: -2.8rem;
    }
    .modular-title .underline {
        left: 1rem;

    }
    .application-title .text .underline {
        left: 50%;
        margin-left: -1.2rem;
    }
    .company-des {
        margin-left: 1rem;
    }
    .company-data ul >li {
        margin-right: 1rem;
    }
    /*.modular-title {*/
        /*padding: 0;*/
    /*}*/
    .contact-box .letter {
        font-size: 3rem;
    }
    .contact-box .name {
        left: 4.2rem;
    }
    .banner .banner-image {
        width: 22rem;
        height: 17rem;
        margin-left: -11rem;
        margin-top: -5.5rem;
    }
    .introduction-title {
        margin-top: 5rem;
    }
    .introduction-title .letter {
        font-size: 1.6rem;
    }
    .introduction-title .name {
        font-size: 1.2rem;
        top: -2rem;
        left: 0;
    }
    .introduction-title .underline {
        left: 0;
        bottom: -1rem;
    }
    .introduction-des {
        padding-right: 0;
    }
    .introduction-text {
        -webkit-line-clamp: 10;
    }
    .intvention-content {
        width: 90%;
        padding: 0;
    }
    .intvention-content>.row>div {
        width: 100%;
    }
    .intvention-title .letter {
        font-size: 1.2rem;
    }
    .intvention-title .name {
        top: -1.5rem;
        left: 2rem;
        font-size: 1rem;
    }
    .intvention-title .underline {
        bottom: -1rem;
        left: 2rem;
    }
    .intvention-des {
        padding: 0 2rem;
        margin-top: 3rem;
    }
    .list-row {
        margin-top: 0rem;
    }
    .circle {
        width: 6.5rem;
        height: 6.5rem;
        margin: 2rem auto .5rem;
    }
    .child-banner .banner-image {
        position: absolute;
        width: 16rem;
        height: 12rem;
        left: 50%;
        margin-left: -9.5rem;
        top: 50%;
        margin-top: -3rem;
    }
    .application-title {
        margin-top: 4.5rem;
        text-align: center;
    }
    .application-title .letter {
        font-size: 2.2rem;
    }
    .application-title .name {
        top: 1.6rem;
        left: 50%;
        font-size: 1.2rem;
        margin-left: -2.4rem;
    }
    .application-title .text {
        position: absolute;
        left: 0;
        bottom: -1.8rem;
        margin-left:0;
        font-size: 1rem;
        width: 100%;
        text-align: center;
        display: inline-block;
    }
    .application-des {
        margin: 3.5rem 0 2rem 0;
    }
    .page-btn-group {
        margin: 1rem 0;
        text-align: center;
    }
    .application-text {
        -webkit-line-clamp: 8;
        text-align: center;
    }
    .application-content {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    /*.application-photo {*/
        /*display: none !important;*/
    /*}*/
    .page-btn-group .prev-btn {
        left: 50%;
        margin-left: -3rem;
    }
    .page-btn-group .next-btn {
        margin-right: 0;
        left: 50%;
        margin-left: 0.25rem;
    }
    .news-title .letter {
        font-size: 2.8rem;
    }
    .adaption-vertical>img {
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        width: auto;
    }
}

@media screen and (min-width:376px) and (max-width: 415px) {
    .banner-name {
        display: none;
    }
    .header {
        height: 80px;
        line-height: 80px;
    }
	.logo {
    width:317px;
    top: 0;
    left: 1.5rem;
}
	.logo img{
    width:220px; height:49px;
}
    .application-box {
        top: 0;
    }
	.page2-title h4{
font-family:microsoft yahei; padding:0px 0px 10px 0px; border-bottom:1px solid #ddd; margin-bottom:20px; margin:0px 16px; color:#27499a; font-weight:bold;
}
    .contact-box {
        padding-top: 80px;
    }
    .introduction-content, .intvention-content {
        top: 80px;
        height: calc(100% - 80px);
    }
    .bussiness-box {
        top: 80px;
    }
    .company-index {
        height: 100%;
        padding-top: 90px;
    }
    .modular-title .letter {
        font-size: 3rem;
    }
    .modular-title .name {
        font-size: 1.4rem;
        top: 2.4rem;
        left: 1rem;
    }
    .news-title .name {
        left: 50%;
        top: 1.5rem;
        margin-left: -2.8rem;
    }
    .modular-title .underline {
        left: 1rem;
        bottom: -1rem;
    }
    .company-des {
        margin-left: 1rem;
        margin-top: 2rem;
        padding-right: 0;
    }
    .company-data ul >li {
        margin-right: 1rem;
    }
    /*.company-index .modular-left {*/
        /*top: auto;*/
        /*display: block;*/
        /*left: 0;*/
        /*bottom: 0;*/
        /*max-height: 16.5rem;*/
    /*}*/
    .contact-des, .contact-code {
        margin: 0;
        padding: 1rem 2rem;
    }
    /*.contact-box .modular-left {*/
        /*display: block;*/
        /*width: 100%;*/
        /*height: 100%;*/
        /*top: auto;*/
        /*max-height: 16.5rem;*/
        /*bottom: 60px;*/
    /*}*/
    .foot {
        padding: .5rem;
    }


    .introduction-title {
        padding: 0;
        margin-top: 2.5rem;
    }
    .intvention-title {
        padding: 0 2rem;
        margin-top: 3rem;
    }
    .introduction-title .letter {
        font-size: 1.5rem;
    }
    .introduction-title .name {
        top: 1.5rem;
        left: 0;
    }
    .introduction-title .underline {
        bottom: -2rem;
        left: 0;
    }
    .intvention-title .name {
        top: 2.8rem;
        left: 0;
    }
    .intvention-title .underline {
        bottom: -2rem;
        left: 0;
    }
    .intvention-des {
        padding: 0;
        margin-top: 3rem;
    }
    .introduction-des {
        padding: 0;
    }
    .product-box .row>div {
        padding: 0 1rem;
    }
    .product-box .row>div img {
        /*padding: 0 2.5rem;*/
        margin-top: 2rem;
    }
    .contact-box .modular-title {
    padding: 0;
    }
    .contact-box .letter {
        font-size: 3rem;
    }
    .contact-box .name {
        left: 4.2rem;
    }
    .banner .banner-image {
        width: 20rem;
        height: 15rem;
        margin-left: -10rem;
        margin-top: -4.5rem;
    }
    .introduction-title {
        margin-top: 5rem;
    }
    .introduction-title .letter {
        font-size: 1.6rem;
        padding: 0;
    }
    .introduction-title .name {
        font-size: 1.2rem;
        top: -2rem;
        left: 0;
    }
    .introduction-title .underline {
        left: 0;
        bottom: -1rem;
    }
    .introduction-des {
        padding: 0;
    }
    .introduction-text {
        -webkit-line-clamp: 10;
        margin-bottom: .8rem;
    }

    .m-f-b {
        margin-bottom: 1rem;
    }
    .introduction-content {
        width: 90%;
    }
    .intvention-content {
        width: 90%;
        padding: 0;
    }
    .intvention-content>.row>div {
        width: 100%;
    }
    .intvention-title .letter {
        font-size: 1.2rem;
    }
    .intvention-title .name {
        top: -1.5rem;
        left: 2rem;
        font-size: 1rem;
    }
    .intvention-title .underline {
        bottom: -1rem;
        left: 2rem;
    }
    .intvention-des {
        padding: 0 2rem;
        margin-top: 3rem;
    }
    .list-row {
        margin-top: .8rem;
    }
    .circle {
        width: 6rem;
        height: 6rem;
        margin: 2rem auto .5rem;
    }
    .application-title {
        margin-top: 4rem;
        text-align: center;
    }
    .application-title .letter {
        font-size: 2.2rem;
    }
    .application-title .name {
        top: 1.6rem;
        left: 50%;
        font-size: 1.2rem;
        margin-left: -2.4rem;
    }
    .application-title .text {
        position: absolute;
        display: inline-block;
        width: 100%;
        left: 0;
        bottom: -1.8rem;
        margin-left: 0;
        font-size: 1rem;
    }
    .application-title .text .underline {
        left: 50%;
        margin-left: -1.2rem;
    }
    .application-des {
        margin: 3.5rem 0 2rem 0;
    }
    .page-btn-group {
        margin: 1rem 0;
        text-align: center;
    }
    .application-text {
        -webkit-line-clamp: 8;
        text-align: center;
    }
    .application-content {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    /*.application-photo {*/
        /*display: none !important;*/
    /*}*/
    .page-btn-group .prev-btn {
        left: 50%;
        margin-left: -3rem;
    }
    .page-btn-group .next-btn {
        margin-right: 0;
        left: 50%;
        margin-left: 0.25rem;
    }
    .news-title .letter {
        font-size: 2.2rem;
    }
    .adaption-vertical>img {
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        width: auto;
    }
}

@media screen and (min-width:321px) and (max-width: 376px) {
    .banner-name {
        display: none;
    }
    .header {
        height: 80px;
        line-height: 80px;
    }
	.logo {
    width:317px;
    top: 0;
    left: 1.5rem;
}
	.logo img{
    width:220px; height:49px;
}
    .application-box {
        top: 0;
    }
    .contact-box {
        padding-top: 80px;
    }
    .introduction-content, .intvention-content {
        top: 80px;
        height: calc(100% - 80px);
    }
    .bussiness-box {
        top: 80px;
    }
    .company-index {
        height: 100%;
        padding-top: 90px;
    }
    /*.company-index .modular-left {*/
        /*top: auto;*/
        /*display: block;*/
        /*left: 0;*/
        /*bottom: 0;*/
        /*max-height: 12.5rem;*/
    /*}*/
    .modular-title .letter {
        font-size: 2.4rem;
        padding: 0;
    }
    .modular-title .name {
        font-size: 1.125rem;
        top: 1.5rem;
        left: 1rem;
    }
    .news-title .name {
        left: 50%;
        top: 1rem;
        margin-left: -2rem;
        font-size: 1rem;
    }
    .modular-title .underline {
        left: 1rem;
    }
    .company-des {
        margin-left: 1rem;
        padding-right: 0;
    }
    .company-data ul >li {
        margin-right: .5rem;
    }

    .contact-des, .contact-code {
        margin: 0;
        padding: 1rem;
    }
    /*.contact-box .modular-left {*/
        /*display: block;*/
        /*width: 100%;*/
        /*height: 100%;*/
        /*top: auto;*/
        /*max-height: 11.5rem;*/
        /*bottom: 60px;*/
    /*}*/
    .foot {
        padding: .5rem;
    }

    .introduction-title {
        padding: 0;
        margin-top: 2.5rem;
    }
    .intvention-title {
        padding: 0 1rem;
        margin-top: 3rem;
    }
    .introduction-title .letter {
        font-size: 1.5rem;
    }
    .introduction-title .name {
        top: -2rem;
        left: 0;
    }
    .introduction-title .underline {
        bottom: -1rem;
        left: 0;
    }
    .intvention-title .name {
        top: 2.8rem;
        left: 0;
    }
    .intvention-title .underline {
        bottom: -2rem;
        left: 0;
    }
    .intvention-des {
        padding: 0;
        margin-top: 3rem;
    }
    .introduction-des {
        padding: 0;
    }
    .product-box .row>div {
        padding: 0 1rem;
    }
    .product-box .row>div img {
        /*padding: 0 2.5rem;*/
        margin-top: 3rem;
    }
    .contact-box .modular-title {
        padding: 0;
    }
    .contact-box .letter {
        font-size: 2.4rem;
    }
    .contact-box .name {
        left: 4.2rem;
    }
    .banner .banner-image {
        width: 18rem;
        height: 14rem;
        margin-left: -9rem;
        margin-top: -4rem;
    }
    .introduction-content {
        width: 90%;
    }
    .introduction-title {
        margin-top: 5rem;
    }
    .introduction-title .letter {
        font-size: 1rem;
        padding: 0;
    }
    .introduction-title .name {
        font-size: .875rem;
        top: -1.5rem;
        left: 0;
    }
    .introduction-title .underline {
        left: 0;
        bottom: -1rem;
    }
    .introduction-des {
        padding: 0;
        margin-bottom: .8rem;
    }
    .introduction-text {
        -webkit-line-clamp: 8;
    }
    .intvention-content {
        width: 90%;
        padding: 0;
    }
    .intvention-content>.row>div {
        width: 100%;
    }
    .intvention-title .letter {
        font-size: 1.2rem;
    }
    .intvention-title .name {
        top: -1.5rem;
        left: 1rem;
        font-size: 1rem;
    }
    .intvention-title .underline {
        bottom: -1rem;
        left: 1rem;
    }
    .intvention-des {
        padding: 0 1rem;
        margin-top: 3rem;
    }
    .list-row {
        margin-top: .8rem;
    }
    .circle {
        width: 5rem;
        height: 5rem;
        margin: 2rem auto .5rem;
    }
    .application-title {
        margin-top: 4rem;
        text-align: center;
    }
    .application-title .letter {
        font-size: 2.2rem;
    }
    .application-title .name {
        top: 1.6rem;
        left: 50%;
        font-size: 1.2rem;
        margin-left: -2.4rem;
    }
    .application-title .text {
        position: absolute;
        display: inline-block;
        width: 100%;
        left: 0;
        bottom: -1.8rem;
        margin-left: 0;
        text-align: center;
        font-size: .875rem;
    }
    .application-title .text .underline {
        left: 50%;
        margin-left: -1.2rem;
    }
    .application-des {
        margin: 3.5rem 0 2rem 0;
    }
    .page-btn-group {
        margin: 1rem 0;
        text-align: center;
    }
    .application-text {
        -webkit-line-clamp: 8;
        text-align: center;
    }
    .application-content {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    /*.application-photo {*/
        /*display: none !important;*/
    /*}*/

    .m-f-b {
        margin-bottom: 1rem;
    }
    .page-btn-group .prev-btn {
        left: 50%;
        margin-left: -3rem;
    }
    .page-btn-group .next-btn {
        margin-right: 0;
        left: 50%;
        margin-left: 0.25rem;
    }
    .news-title .letter {
        font-size: 1.8rem;
    }
    .adaption-vertical>img {
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        width: auto;
    }
}
@media screen and (max-width: 320px) {
    .banner-name, .introduction-photo {
        display: none;
    }
    .header {
        height: 80px;
        line-height: 80px;
    }
    .application-box {
        top: 0;
    }
    .contact-box {
        padding-top: 80px;
    }
    .introduction-content, .intvention-content {
        top: 80px;
        height: calc(100% - 80px);
    }
    .bussiness-box {
        top: 80px;
    }
    .company-index {
        height: 100%;
        padding-top: 90px;
    }
    /*.company-index .modular-left {*/
        /*top: auto;*/
        /*display: block;*/
        /*left: 0;*/
        /*bottom: 0;*/
        /*max-height: 6.5rem;*/
    /*}*/
    .modular-title {
        margin-top: 1rem;
    }
    .modular-title .letter {
        font-size: 2.4rem;
        padding: 0;
    }
    .modular-title .name {
        font-size: 1.125rem;
        top: 1.5rem;
        left: 1rem;
    }
    .modular-title .underline {
        left: 1rem;
    }
    .company-des {
        margin-left: 1rem;
        padding-right: 0;
    }
    .company-data ul >li {
        margin-right: .5rem;
    }

    .contact-des, .contact-code {
        margin: 0;
        padding: .5rem 0;
    }
    /*.contact-box .modular-left {*/
        /*display: block;*/
        /*width: 100%;*/
        /*height: 100%;*/
        /*top: auto;*/
        /*max-height: 8rem;*/
        /*bottom: 60px;*/
    /*}*/
    .foot {
        padding: 0;
    }


    .introduction-title {
        padding: 0;
        margin-top: 2.5rem;
    }
    .intvention-title {
        padding: 0;
        margin-top: 2rem;
    }
    .introduction-title .letter {
        font-size: 1.5rem;
    }
    .introduction-title .name {
        top: 1.5rem;
        left: 0;
    }
    .introduction-title .underline {
        bottom: -2rem;
        left: 0;
    }
    .intvention-title .name {
        top: 2.8rem;
        left: 0;
    }
    .intvention-title .underline {
        bottom: -.5rem;
        left: 0;
    }
    .intvention-des {
        padding: 0;
        margin-top: 1.5rem;
    }
    .introduction-des {
        padding: 0;
    }
    .product-box .row>div {
        padding: 0 1rem;
    }
    .product-box .row>div img {
        /*padding: 0 2.5rem;*/
        margin-top: 4rem;
    }
    .banner .banner-image {
        width: 18rem;
        height: 14rem;
        margin-left: -9rem;
        margin-top: -4rem;
    }
    .introduction-content {
        width: 90%;
    }
    .introduction-title {
        margin-top: 5rem;
    }
    .introduction-title .letter {
        font-size: 1rem;
        padding: 0;
    }
    .introduction-title .name {
        font-size: .875rem;
        top: -1.5rem;
        left: 0;
    }
    .introduction-title .underline {
        left: 0;
        bottom: -1rem;
    }
    .introduction-des {
        padding: 0;
        margin-top: 2rem;
    }
    .introduction-text {
        -webkit-line-clamp: 12;
    }
    .application-title {
        margin-top: 3rem;
        text-align: center;
    }
    .application-title .letter {
        font-size: 2.2rem;
    }
    .application-title .name {
        top: 1.6rem;
        left: 50%;
        font-size: 1.2rem;
        margin-left: -2.4rem;
    }
    .application-title .text {
        position: absolute;
        display: inline-block;
        width: 100%;
        text-align: center;
        left: 0;
        bottom: -1.8rem;
        margin-left: 0;
        font-size: .875rem;
    }
    .application-title .text .underline {
        left: 50%;
        margin-left: -1.2rem;
    }
    .application-des {
        margin: 3.5rem 0 2rem 0;
    }
    .page-btn-group {
        margin: 1rem 0;
        text-align: center;
    }
    .application-text {
        -webkit-line-clamp: 5;
        text-align: center;
    }
    .application-content {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    /*.application-photo {*/
        /*display: none !important;*/
    /*}*/

    .m-f-b {
        margin-bottom: 1rem;
    }
    .page-btn-group .prev-btn {
        left: 50%;
        margin-left: -3rem;
    }
    .page-btn-group .next-btn {
        margin-right: 0;
        left: 50%;
        margin-left: 0.25rem;
    }
    .news-title {
        margin-top: 0;
    }
    .news-title .letter {
        font-size: 1.4rem;
    }
    .news-title .name {
        left: 50%;
        top: 1rem;
        margin-left: -2.25rem;
    }
    .adaption-vertical>img {
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        width: auto;
    }
    .intvention-content {
        width: 90%;
        padding: 0;
    }
    .intvention-title .letter {
        font-size: 1.2rem;
    }
    .intvention-title .name {
        top: -1.5rem;
        left: 0;
        font-size: 1rem;
    }
    .circle {
        width: 5rem;
        height: 5rem;
        margin: 2rem auto .5rem;
    }
}<!--耗时1759852373.6609秒-->