@import url(/template/moban/pc/skin/style/animate.min.css); @import url(/template/moban/pc/skin/style/ui.css); @import url(/template/moban/pc/skin/style/iconfont.css); @import url(/template/moban/pc/skin/style/swiper.min.css); @import url(/template/moban/pc/skin/style/pc.css); @media screen and (max-width: 768px) { body {min-width: 320px;padding-top: 60px;} .container {width: auto;} .header {display: none;} .m-header{ display: flex; } .banner{ display: none;} .mbanner{ display: block;} .section{padding:25px 0;} .section-title{ margin-bottom: 25px; font-size: 20px; } .section-title p{ font-size: 14px; margin-top: 0; } .in-ys li{ margin-bottom: 15px; } .in-ys li a{ height: auto; padding: 25px;} .in-ys li p{ height: auto; } .in-td li{ flex-wrap: wrap; font-size: 14px; margin-bottom: 40px; } .in-td li .img-center{ flex:100%; margin-bottom: 20px; order: -200; } .in-td li .text{ flex:100%; } .in-td li .text h2{ font-size: 20px; margin-bottom: 12px; } .in-td li .text h3{ font-size: 14px; margin-bottom: 25px; } .in-td li .text p{ line-height: 20px; padding-left: 22px; background-position: left 3px; margin-bottom: 10px;} .in-td li .text .btns{ margin-top: 20px; } .in-td li:nth-child(2) .text{ order: 200; padding-left: 0; } .in-hy ul{ margin:0 0 0 -15px; } .in-hy li a{ display: block; margin:0 0 15px 15px; font-size: 14px; border-radius: 5px;} .in-hy li .text{ line-height: 30px; padding-left: 10px;} .in-hb li{ width: 33.333%; } .in-hb li a{ border-radius: 5px;} .footer-con{ flex-wrap: wrap; margin-bottom: 20px; } .footer-con .flogo .img-center{ margin-bottom: 10px; } .footer-con .flogo p{ line-height: 30px; font-size: 14px; } .footer-con .ewm{ margin-top: 20px; } .footer-con .ewm .text{ font-size: 14px; margin-top: 5px; } .copyright{ font-size: 14px; height: auto; padding: 12px 0; display: block; } .copyright p{ display: inline; } .tanchuang{ width: 95%; } .list-video1 .swiper-slide a{ padding: 15px 0 10px; } .list-video1 .swiper-slide .text{ font-size: 14px; margin-top: 10px; } .list-video2 li{ width: 50%; } .list-szr1 ul{ margin:0 0 0 -15px; } .list-szr1 li a{ margin:0 0 15px 15px;} .list-szr1 li h2{ font-size: 14px; } .list-szr2-con{ flex-wrap: wrap; font-size: 14px; margin-bottom: 40px; } .list-szr2-con .img-center{ flex:100%; margin-top: 30px; } .list-szr2-con .text{ flex:100%; } .list-szr2-con .text h2{ font-size: 20px; margin-bottom: 12px; } .list-szr2-con .text h3{ font-size: 14px; margin-bottom: 25px; } .list-szr2-con .text p{ line-height: 20px; padding-left: 22px; background-position: left 3px; margin-bottom: 10px;} .list-szr2-con .text .btns{ margin-top: 20px; } .list-szr3 li a{ padding:30px; height: auto; margin:0 0 15px 38px;} .list-szr3 li h2{ font-size: 20px; } .list-szr3 li p{ font-size: 14px; } .list-szr4 li a{ box-shadow: 0 0 15px rgba(0,0,0,0.15); height: auto; } .list-szr5 ul{ margin:0 0 0 -15px; } .list-szr5 li a{ margin:0 0 15px 15px; } .banner-sub{ height: 180px; margin-top: 0; } .banner-sub .text h2{ font-size: 16px; margin-bottom: 20px; } .banner-sub .text h3{ font-size: 18px; } .banner-sub .text2 h2{ font-size: 18px; margin-bottom: 10px;} .banner-sub .text2 h3{ font-size: 16px; max-width: 300px; margin:auto; } .about1{ font-size: 16px; line-height: 1.5; } .about2 li a{ padding: 30px 0; font-size: 16px; } .about2 li .icon{ margin-bottom: 20px; } .crumbs{ margin-top: 0; } .ct{ flex-wrap: wrap; padding-bottom: 20px; } .ct-mn{ flex:100%; padding: 10px } .ct-sd{ flex:100%; margin-left: 0; margin-top: 20px;} .list-1 li{ flex-wrap: wrap; padding: 15px 0; } .list-1 li .img-center{ flex:100%; margin-right: 0; } .list-1 li .text{ flex:100%; margin-top: 15px; } .price1 table td{font-size: 12px; } .price2 table td{ font-size: 12px; } .price2 table td h2{ font-size: 12px; padding-left: 10px; margin-top: 14px;} .price2 table td p{ padding: 10px 10px 0; line-height: 20px;} .price2 table td .iconfont{ font-size: 16px; } } /* i is7 . co m */