@charset "utf-8";

@media (min-width: 1200px){
    html{font-size:16px}
    .container {
        width: 1230px;
    }
}
/*@media(max-width: 1440px) and (min-width: 770px){
    .poster,.index-industry img{height: 100%;}
}*/
.wap{ display:none;}
@media (max-width: 1200px){
    .web{ display:none;}
    .wap{ display:block;}
    /*底部*/
    .footer{padding-top:0;margin-top: 3rem;text-align: center}
    .footer .copyright{background: #000;margin-top: 0rem;line-height: 20px;font-size: 12px;color: #fff;padding: 1rem 0;}
    .footer .copyright .text-right{text-align: center}

    .banner .banner-btn{display: none;}
    .ititle{margin: 2rem 0;}
    .ititle span{font-size: 25px;}
    .ititle p{font-size: 14px;margin: 1.5rem 1.5rem 0;line-height: 20px}

    /*走进涂瑞*/
    .index-about .cbox .vbox{position: relative;width: 100%;}
    .index-about .cbox .vbox .video-box{width:95%;}
    .index-about .cbox .tbox{width:100%;padding:10% 5%;}
    .index-about .cbox .tbox .t{display: none;}
    .index-about .cbox .tbox .c{width: 100%;}
    .index-about .cbox .tbox .c .tit{font-size: 20px}
    .index-about .cbox .tbox .c .line em{margin: 1.5rem 0 1.5rem 0}
    .index-about .cbox .tbox .c .desc p{font-size: 14px;line-height: 1.8;}
    .index-about .cbox .tbox .c .data {display: none;}

    .index-about .cbox .vbox .video-btn{display: none;}
    .index-about .cbox .vbox .video-btn:after{display: none;}
    .index-about .cbox .vbox .video-btn img{display: none;}
    .index-about .cbox .vbox .video-box{width:100%;position: unset;z-index:4;left:50%;top:50%;transform:unset;border:none;display:unset;max-height:400px;overflow:hidden}
    .index-about .cbox .vbox .video-box .video-close{display: none}
    .poster{display: none}


    /*产业*/
    .index-industry .cbox .item {margin-bottom: 2rem;}
    .index-industry .cbox .item .banner{width: 100%;}
    .index-industry .cbox .item .tbox .tit{font-size: 20px;margin-bottom: 1rem;font-weight: normal}
    .index-industry .cbox .item .tbox .line em{height: 4px;margin-bottom: 1rem}

    .index-industry .cbox .item .txt{width: 100%;padding:6% 3%;}
    .index-industry .cbox .item .txt .con{width: 100%}
    .index-industry .cbox .item .txt .con .desc{font-size: 14px;line-height: 1.5;margin-bottom: 2rem}
    .index-industry .cbox .item .txt .con .more a{font-size: 14px;padding: 1rem 2rem}

    /*案例*/
    .index-case .cbox .bg{padding: 2rem 1rem}
    .index-case .cbox .item{padding: 10px;overflow: hidden;background: #fff;}
    .index-case .cbox .item .tit{font-size: 14px;}
    .index-case .cbox .more{width:100px;height:39px;margin:1rem auto 0;}
    

    /*===========================内页=============================*/
    .nbanner{height:200px;background-size: cover;}
    .subnav{padding: 1rem 0;}
    .subnav ul li{margin:2%;width:calc((92% - 30px)/2);}
    .subnav ul li a{width:100%;}

    .content .tit{line-height: 30px;font-size: 20px;padding:0 0 1rem 0;margin-bottom: 1.5rem;font-weight: bold}
    .content .text{font-size: 14px;line-height: 1.8em; }
    .content .desc{margin: 1rem 0;padding: 0.5rem 1rem;border:1px solid #e4e4e4;background: #fcfbfd;color: #999;font-size: 14px;line-height: 26px;}
    .content .desc i{color: #969696;}
    .content .prev .text-right{text-align: left;margin-top: 1rem}

    .content table td{width: 100%;padding: 10px 0;float: left;}
    .content table td img{margin-bottom: 10px;}

    /*case*/
    .clist .item{margin-bottom: 10px}
    /*news*/
    .alist .item .tit p{font-size: 15px;float: none;margin: 5px 0;line-height: 20px}
    .alist .item .tit d{float: none}

    /*pro*/
    .content .tit2{font-size: 30px;}
    .content .txt{ font-size: 14px;line-height: 2;color: #000;text-align: left}

    .content .pro-cate{margin: 2rem 0}
    .content .pro-cate li{margin-bottom: 10px}
    .content .pro-cate li .txt2{opacity: 1;}
    .content .pro-cate li:hover .txt2{opacity: 1;}
     
    /*产品内容页*/
    .content .view .swiper-slide{height:230px;}

    .content .tbox{margin-top: 10px}
    .content .tbox .ct{text-align: left;}
    .content .tbox .nt{font-weight: bold;white-space: normal;text-align: left;line-height: 31px;color: #333333;font-size: 24px;}
    .content .tbox .it{line-height: 31px;color: #666;font-size: 14px;}
    .content .tbox .item{padding: 10px 0;border-bottom:1px dashed #f0f0f0}

    .content .ptext{margin:2rem 0 0;}
    .content .ptext h5{height:45px;line-height:45px;font-size: 16px;text-align: center;display:inline-block;padding: 0 25px;color: #fff;background-color: #d61e0a;}
    .content .ptext .cbox{padding: 20px;border:1px solid #f0f0f0}

}