@media screen and (max-width:1199.9px) {
    header.init{
        background: #011E37;
        padding:3vw 0;
    }
    .logo .l_title {
        font-size: 18px;
        line-height: 27px;
    }
}
@media screen and (max-width:1031.9px) {
    .btn-blog{
        position: unset;
    }
}
@media screen and (max-width:960.9px) {
    .blog-simple .news_left{
        width: 28%;
    }
}
@media screen and (max-width:767.9px) {
    .conts .cont .card-header{
        width:100%
    }
    .conts .cont{
        padding-top: 3%;
        margin-bottom: 3%;
    }
    .conts .cont .card-num{
        font:normal normal normal 3.26vw/4.2vw 'Roboto';
    }
    .conts .cont .card-title{
        font:normal normal normal 3.57vw/4.2vw 'Roboto';
    }
    .fm_title{
        font-size: 3.5vw;
        color: #011E37;
        font-weight: bold;
    }
    .line-bg {
        display: none;
    }

    .main .bread-subtitle{
        font-size:16px;
        line-height: 1.4rem;
    }
    .main .bread-title{
        font-size:1.2rem;
        line-height: 1.7rem;
    }
    .main .bread-subtitle{
        margin:16px auto;
    }
    .pricelist {
        padding: 16px 0;
    }
    .news_list {
        display: block;
    }
    .blog-simple .news_left{
        width: 100%;
    }
    .blog-simple .news_right{
        width: 100%;
        margin-left:0;
    }

    .blog-simple .news_inner p{
        font-size: 16px;
        line-height: 30px;
    }
    .blog-simple .news_title h2{
        font-size: 18px;
    }
    .blog-simple .news_inner span.date-post{
        color:#fff;
        font-size: 14px;
    }

    .news_bottom .desc .tag{
        font-size: 14px;
        line-height: 20px;
    }
    .news_bottom .name{
        font-size: 16px;
        line-height: 30px;
    }
    .news_bottom{
        margin-top:0;
       
    }

    .servcices{
        border-right: none;
    }
    .servcices .content{
        padding:1vw 0;
    }

    .menu-right .iconright li a,.menu-right .iconright li .lang{
        font-size: 0.6rem;
    }

    /**字体大小**/
    .family3 .detailcontent .title{
        font-size:16px;
        line-height: 1.7rem;
    }
    .detailcontent .textdetail, .detailcontent .textdetail p{
        font-size: 16px;
        line-height: 1.4rem;
    }
    .family4 .cont .title {
        font-size:16px;
        line-height: 1.7rem;
    }
    .family4 .cont .textdetail, .family4 .cont .textdetail{
        font-size: 16px;
        line-height: 1.4rem;
    }

    .family2 .fbox .h3 {
        font-size:16px;
        line-height: 1.7rem;
    }
    .family2 .fbox .textdetail{
        font-size: 16px;
        line-height: 1.4rem;
    }
    .family2 .fbox{
        padding: 1.5rem;
    }

    .family2 .f_title .f_bread_title {
        font-size:1.2rem;
        padding-bottom:16px;
        line-height: 1.7rem;
    }
    .family2 .f_title .f_bread_subtitle{
        font-size: 16px;
        line-height: 1.4rem;
        padding-bottom:16px;
    }
    .detailcontent{
        font-size:1.2rem;
        line-height: 1.7rem;
        padding-bottom:16px !important;
    }
    .family1 .detailcontent .textdetail{
        font-size: 16px;
        line-height: 1.4rem;
        text-align: left;
    }
    .family1{
        padding: 3rem 0 16px 0;
    }
    .family1 .detailcontent .title{
        font-size:1.2rem;
        line-height: 1.7rem;
    }
    .family2 {
        padding: 2rem 0;
    }
    .family3{
        padding: 0 0 16px 0;
    }
    .family5 {
        padding: 3rem 0 16px 0; 
    }

    .family5 .detailcontent .title{
        font-size:1.2rem;
        line-height: 1.7rem;
    }
    
    .detailcontent .heading{
        font-size:1.2rem;
        line-height: 1.7rem;
    }
    .detailcontent .subheading{
        font-size: 16px;
        line-height: 1.4rem;
    }
    .blog-simple .blog-text h2 a{
        font-size:1.2rem;
        line-height: 1.7rem;
        font-weight: normal;
    }
    .blog-simple .blog-text span.date-post{
        font-size: 0.9rem;
        line-height: 1.2rem;
    }
    .blog-simple .blog-text p{
        font-size: 16px;
        line-height: 1.4rem;
    }
    .blog-simple .blog-text a{
        font-size: 16px;
        line-height: 1.4rem;
    }
    .logo .l_title{
        font-size: 0.85rem;
        line-height: 1.4rem;
    }
    .main .bread-stitle{
        font-size: 16px;
        line-height: 1.4rem;
    }
    .menu-right .lang img{
        width: 1.16px;
    }
    #showmobile{
        font-size: 1.16px;
    }
    .mobile_menu nav a{
        font-size: 0.85rem;
        line-height: 1.2rem;
        font-weight: normal;
    }
    .pricelist .t_title{
        font-size: 16px;
        line-height: 1.4rem;
        padding-bottom: 10px;
    }
    .pricelist .prices{
        font-size:1.2rem;
        line-height: 1.7rem;
        padding-bottom: 10px;
    }
    .pricelist p{
        font-size: 16px;
        line-height: 1.4rem;
    }
    .servcices .content .heading{
        font-size:1.2rem;
        line-height: 1.7rem;
        font-weight: normal;
    }
    .servcices .content .textdetail {
        font-size: 16px;
        line-height: 1.4rem;
    }

    .servcices .content .btn-contents a{
        font-size: 16px;
        line-height: 1.4rem;
    }

    .slick .item .desc .name{
        font-size:16px;
        line-height: 1.7rem;
        font-weight: normal;
    }
    .slick .item .desc .tag{
        font-size: 16px;
        line-height: 1.4rem;
    }

    .slickproject .item .icon a{
        font-size: 16px;
        line-height: 1.4rem;
        font-weight: normal;
    }
    .menu-right .iconright{
        display: flex;
        align-items: center;
    }
    .menu-right .iconright li{
        padding-right:8px
    }
}

@media screen and (max-width:560px) {
    .menu-right .iconright li.index_contact{
        display: none;
    }

    .news_bottom .n_right .desc .tag{
        /* display: none; */
    }
    .news_bottom .name{
        display: none;
    }
}

img {
    max-width: 100%;
}