@media (max-width: 1800px) { .header { padding: 0 3%; border-bottom: 1px solid rgba(217,217,217,.2); } .header-right li .tel-box { display: block; } .use-cate li { padding: 0 15px 0 20px; } .use-cate li .tit-side .e { font-size: 12px; } .index-faq-list li { line-height: 60px; } .foot-nav .item ~ .item { margin-left: 70px; } .foot-contact { width: 315px; } .page-banner .pb-tit { margin-left: -600px; } .service-one .item .cont .des { width: 80%; } .service-one .item .cont .des { margin-top: 60px; } .news-tab-item .item .pic { height: 165px; } .cate-side { width: 260px; } .page-product-list .item .abox .pic { width: 43%; } .product-list .item .abox .cont .tit { font-size: 18px; } .banner-form { width: 260px; } .select-list-wrap .item .tit { font-size: 16px; width: 80px; } /*联系*/ .mingpian .cont h1 { font-size: 28px; line-height: 1.2; } .pd40>li, .pd40 .item { padding: 0 10px; } .pd40 { margin-left: -10px; margin-right: -10px; } .company-list li .box { height: 300px; } .company-list li .box p { line-height: 30px; font-size: 14px; } /*关于*/ .about-honor .pic { width: 50%; left: 40%; margin-left: 10%; } .about-honor .cont { width: 40%; } .about-honor .cont ul li ~ li { margin-top: 10px; } /*服务支持*/ .down-list li { width: 33.3333%; width: calc(100% / 3); } /*行业应用*/ .use-list .item .cont { padding: 0 5%; } .use-list .item .cont .des { margin-top: 30px; margin-bottom: 40px; } .com-cate-content .item { /*margin: 0 20px;*/ } } @media (max-width: 1600px) { /*.header-right li:last-child span { display: none; }*/ .nav-list li { margin-left: 28px; } .header-right li { margin-left: 10px; } .service-one .item .cont .des { width: 90%; } .service-one .item .cont .des { margin-top: 30px; } } @media (max-width: 1440px) { .header-right li:last-child { font-size: 17px; } .sigle-nav li ~ li { margin-left: 25px; } .nav-list li { margin-left: 30px; } .sigle-nav { margin-left: 40px; } .select-content .cont { padding: 30px 30px 0 30px; } .select-content .search-item { right: 40px; } .select-sub { right: 40px; } .service-one .item .cont { position: absolute; left: 30px; } } @media (max-width: 1366px) { .nav-list li a, .sigle-nav li { font-size: 15px; } .icon-h-menu { width: 14px; height: 14px; } .header-right li:last-child { font-size: 16px; } .icon-h-tel, .icon-h-search { width: 26px; height: 26px; } .nav-list li { margin-left: 30px; } .header .logo img { width: 70px; } .header .logo .slogan em { font-size: 18px; } .header .logo .slogan { font-size: 13px; } .service-one .item .cont .tit2 { font-size: 20px; } .service-one .item .cont { top: 40px; } .service-one .item .cont .des { font-size: 13px; } .service-one .item .icon { width: 40px; height: 40px; } } @media (max-width: 1300px) { .page-banner .pb-tit { margin-left: 0; left: 3%; } .about-banner .pb-tit .cn { font-size: 30px; } .select-content .sidebar { width: 100px; } .select-content .sidebar .pic img { width: 50px; } .select-content .sidebar h3 { font-size: 18px; margin-bottom: 50px; } .select-content .sidebar .zx { width: 70px; } .select-list-wrap .item .tit { font-size: 16px; margin-right: 10px; } .search-item { width: 290px; } .select-list li { font-size: 14px; margin-right: 20px; } .select-content .sidebar .pic { margin-top: 60px; margin-bottom: 20px; } .product-list .item .abox .cont { padding: 20px 20px 0; } .product-list .item .abox .cont .tit { font-size: 18px; } .product-list .item .abox .cont .xh { margin-top: 12px; padding-bottom: 10px; } .product-list .item .abox .cont .sx { font-size: 12px; } .index-honor .tit-side .zx-wrap .zx-btn { height: 40px; line-height: 40px; } .swiper-btn a { height: 40px; } .use-content .item .pic img { width: auto; max-width: none; position: relative; left: 50%; margin-left: -450px; } .use-cate li { padding: 0 10px 0 20px; } .use-cate li .tit-side .e { line-height: 1.2; } .use-cate li .icon { width: 65px; height: 65px; } .service-one .item .cont { position: absolute; left: 20px; top: 30px; } .service-one .item .cont .tit2 { font-size: 20px; } .service-one .item .cont .des { margin-top: 10%; width: 80%; } .service-one .item .icon { width: 40px; height: 40px; } .service-two .item .abox .cont .tit1 { font-size: 14px; } .service-two .item .abox .cont .tit2 { font-size: 20px; } .index-about-content .cont { padding-right: 60px; } .about-des { margin-top: 30px; font-size: 15px; line-height: 1.6; } .index-about-content .cont .com-more { margin-top: 40px; } .index-about-content .pic { margin-top: 20px; } .num-scroll-two li .num-cont .num { font-size: 60px; } .news-tab-item .item ul { padding: 20px 15px; } .index-faq-list li { line-height: 54px; } .foot-nav .item ~ .item { margin-left: 60px; } .foot-contact { width: 300px; padding: 60px 30px 0; } .foot-contact .foot-zx { height: 40px; line-height: 40px; } .foot-contact .tel { font-size: 19px; } .foot-nav { padding: 80px 0 70px; } .news-tab-item .item { width: 48%; } .news-tab-content { padding-right: 1px; } .icon-index-faq { width: 20px; height: 20px; margin-right: 30px; } .service-one .item .cont .des { font-size: 12px; width: 90%; } .news-tab-item .item .pic { height: 141px; } .nav-list li a, .sigle-nav li { font-size: 14px; } .header-right li .tel-box { font-size: 16px; } .header .logo img { width: 60px; } .header .logo .slogan em { font-size: 16px; } .header .logo .slogan { font-size: 12px; margin-left: 6px; } .sigle-nav { margin-left: 30px; } .nav-list li { margin-left: 20px; } .icon-h-search, .icon-h-tel { width: 25px; height: 25px; } .header-right li { margin-left: 10px; } .sigle-nav li ~ li { margin-left: 20px; } .foot-nav .item .flex ul ~ ul { display: none; } } @media (max-width: 1040px) { .nav-list, .select-content .search-item { display: none; } .header-right { margin-right: 40px; } .navTrigger { display: block; } body { padding-top: 60px; } .header { position: fixed; top: 0; background: #fff; height: 60px; line-height: 60px; border-bottom: 1px solid #CDCDCD; } .header .logo .slogan { margin-top: 0; } .header .logo img { width: 55px; } .select-list li { font-size: 14px; margin-right: 10px; } .use-cate li .tit-side .b { font-size: 16px; } .service-one .item .cont .tit2 { font-size: 16px; } .service-one .item .cont .tit1 { font-size: 14px; } .service-one .item .cont .des { display: none; } .service-one .item .cont { height: 75%; } .service-one .item .icon { width: 30px; height: 30px; } .about-des { font-size: 14px; } .num-scroll-two li .num-cont .num { font-size: 40px; } .icon-index-faq { width: 15px; height: 15px; margin-right: 10px; } .index-faq-list li a { font-size: 14px; padding: 0 10px; } .news-tab-item .item ul li a { font-size: 14px; } .select-list-2 li p { font-size: 12px; } .foot-nav .item ul li a { font-size: 12px; } .foot-nav .item .tit { font-size: 16px; } .foot-nav .item .flex ul ~ ul { display: none; } .foot-contact .tel { font-size: 16px; } .icon-foot-tel { width: 15px; height: 20px; margin-right: 10px; } .foot-contact .qr li { margin: 0 2px; } .foot-contact { width: 200px; padding: 60px 20px 0; } .site-links h4 { font-size: 16px; } .site-links a { margin-right: 10px; font-size: 12px; } .copyright { font-size: 12px; } .com-title h3 { font-size: 28px; } .com-title .des { font-size: 16px; } .use-content .item .cont .tit h4 { font-size: 20px; } .index-honor-list img { width: 100%; } .select-content { margin-top: -50px; } .banner-form { margin-left: 0; left: 3%; } .cate-side .item h3 { font-size: 16px; } .cate-side .item ul li a { font-size: 14px; padding: 0 40px 0 20px; line-height: 40px; } .cate-side .item ul { padding: 10px 0; } .cate-side { width: 220px; } .icon-cate-more { right: 30px; } .icon-cate-tit { right: 15px; } .product-list .item .abox .cont { padding: 15px 15px 0; } .product-list .item .abox .cont .tit { font-size: 16px; } .product-list .item .abox .cont .xh { margin-top: 10px; padding-bottom: 5px; margin-bottom: 10px; } .product-desc { padding-top: 15px; padding-left: 40px; padding-bottom: 0px; } .product-desc .zixun .zx { font-size: 14px; } .icon-detail-down { width: 15px; height: 15px; } .icon-detail-zx { width: 17px; height: 17px; } .product-desc .cont h1 { font-size: 20px; } .xg-tit-bar h3, .blcok-tit { font-size: 20px; } .detai-tab .item { width: 150px; font-size: 16px; } .pics-list .item .abox .tit { margin-top: 10px; font-size: 14px; } .inner-position { font-size: 14px; } .icon-pos-home { width: 15px; height: 15px; } .product-cate-list li a { font-size: 16px; } .product-cate-list li ~ li { margin-left: 20px; } .product-zx { display: inline-block; width: 110px; } .search-item .inp { width: 90%; font-size: 12px; margin-left: 0; padding-left: 5px; } .search-item { width: 254px; } .brand-content .item .tit { font-size: 14px; margin-top: 6px; } .brand-content .item { padding: 20px 0; width: 76px; /*margin: 0 5px;*/ } .brand-content .item .pic { height: auto; } .com-cate-content .item .tit { margin-top: 0; } .use-list .item .cont .tit { font-size: 18px; } .use-list .item .cont .des { margin-top: 15px; margin-bottom: 20px; } .com-more.min { width: 70px; height: 25px; line-height: 25px; } .icon-com-more { width: 20px; } .detail-header h1 { font-size: 20px; } .service-content .item .cont .tit { font-size: 22px; } .service-content .item .cont .p1 { font-size: 16px; margin-top: 15px; margin-bottom: 15px; } .service-content .item .cont .p2 { width: auto; } .service-content .item:nth-child(2) .cont, .service-content .item:nth-child(3) .cont { left: 0; } .service-content .item:nth-child(4) .cont { width: 40%; } .service-content .item .brand { right: 20px; width: 60%; } .zhichi-list li .abox .tit-bar span { font-size: 18px; } .down-list li .abox { height: 80px; padding-left: 15px; padding-right: 15px } .down-list li .abox .des .tit { font-size: 14px; } .down-list li .abox .des .date { font-size: 12px; } .pics-news .item .abox .cont h4 { font-size: 18px; } .pics-news .item .abox .cont { padding-left: 30px; padding-right: 50px; } .pics-news .item .abox .cont p { height: auto; } .pics-news .item .abox { padding-right: 30px; } .pics-news .item .abox .pic img { height: auto; } .pics-news .item .abox .pic { width: 24%; } .page-banner .pb-tit .des { font-size: 16px; } .page-banner .pb-tit .cn { font-size: 30px; } .about-tit { font-size: 26px; } .about-intro .des-16 { margin-top: 40px; margin-bottom: 70px; } .about-honor .cont ul li ~ li { margin-top: 5px; } .about-honor .cont ul li { font-size: 13px; line-height: 1.5; } .about-honor .cont h4 { font-size: 16px; margin-top: 20px; margin-bottom: 15px; } .about-honor-list .swiper-pagination { margin-top: 20px; } .culture-list .item .cont { padding: 12px 20px 0; } .culture-list .item .cont h4 { font-size: 18px; } .partner-list li .box { height: 80px; line-height: 80px; } .about-album-swiper .swiper-pagination { margin-top: 150px; } .swiper-pagination.w14 .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 5px; } .mingpian .pic .tip { width: 280px; padding-left: 27px; padding-right: 15px; padding-top: 15px; font-size: 13px; } .mingpian .cont { height: auto; padding: 30px; } .mingpian .cont h1 { font-size: 20px; } .mingpian .cont .en { font-size: 12px; margin-top: 10px; } .mingpian .cont .des { margin-top: 25px; font-size: 14px; line-height: 1.75; } .company-list li .box { padding: 25px 20px; } .company-list li .box h4 { font-size: 20px; line-height: 1; } .company-list li .box p { line-height: 1.75; margin-top: 20px; } .company-list li .box { height: 260px; } .message-content { padding: 40px 0; } .message-content .cont { width: 60%; } .message-content .cont h3 { font-size: 26px; } .contact-form .sub { height: 40px; line-height: 40px; } .com-cate-content .swiper-wrapper { justify-content: flex-start; } } @media (max-width: 768px) { .pb-90 { padding-bottom: 40px; } .pt-80 { padding-top: 40px; } .header .logo img { width: 45px; } .header .logo .slogan em { font-size: 15px; } .header .logo .slogan { font-size: 10px; font-weight: normal; margin-top: 2px; } .header-right { display: none; } .sigle-nav { margin-left: 18px; } .icon-h-menu { display: none; } .sigle-nav li ~ li { margin-left: 12px; } .banner .swiper-button-next, .banner .swiper-button-prev, .index-case-list .swiper-button-next, .index-case-list .swiper-button-prev { display: none; } .select-content { display: none; } .bg-product { padding-top: 40px; } .com-title h1 { font-size: 24px; color: #282828; line-height: 1; font-weight: bold; } .com-title h3 { font-size: 24px; } .com-title .des { font-size: 14px; } .product-cate-tab { margin-top: 30px; margin-bottom: 20px; padding: 0 15px; } .product-cate-tab li { height: 36px; width: 33%; line-height: 36px; font-size: 14px; } .product-cate-tab li ~ li { /* border: none;*/ } .product-list .item { width: 50%; } .index-honor { padding: 40px 0; } .index-honor .tit-side { width: 100%; margin-right: 0; padding-top: 0; } .index-honor .tit-side .zx-wrap { margin-top: 30px; } .index-honor .tit-side .swiper-btn { display: none; } .index-honor .com-width { flex-wrap: wrap; } .index-honor-list { flex: none; } .index-honor-list { width: 100%; margin-top: 30px; } .use-wrap { margin-top: 30px; flex-wrap: wrap; } .use-cate { width: 100%; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; } .use-content { width: 100%; margin-top: 20px; } .use-content .item .cont { position: static; height: auto; padding: 10px 15px; line-height: 1.5; } .use-cate li .tit-side .e { font-size: 10px; margin-top: 5px; } .use-cate li { padding: 10px; } .use-cate li .icon { width: 50px; height: 50px; } .use-content .item .pic img { width: 100%; max-width: none; left: 0; margin-left: 0; } .use-content .item .cont .tit { display: none; } .use-content .item { background: #b80000; } .index-use { padding-bottom: 40px; } .service-one { margin-top: 30px; margin-bottom: 20px; padding: 0 15px; } .service-one .item { width: 50%; } .service-one .item .icon { width: 25px; height: 25px; } .service-one .item .cont { height: 80%; top: 10%; } .service-two .item { width: 100%; } .service-two .item .abox .cont .tit2 { font-size: 18px; } .service-two .item .abox .icon { width: 28px; height: 28px; background-size: 5px; } .index-about { padding: 40px 0 20px; } .index-about-content .pic { width: 100%; margin-top: 0; float: none; } .index-about-content .cont { padding-right: 0; padding-top: 20px; } .index-about-content .pic img { max-width: 100%; height: auto; } .index-about-content .pic:before { right: 10%; bottom: 10%; width: 30px; height: 30px; } .sz-kefu { display: none; } .about-des { margin-top: 15px; font-size: 14px; } .about-des p ~ p { margin-top: 10px; } .index-about-content .cont .com-more { margin-top: 20px; } .com-more { display: inline-block; width: 100px; height: 35px; line-height: 35px; } .num-scroll-two { margin-left: 0; margin-right: 0; } .index-about .num-scroll { margin-top: 40px; } .num-scroll-two li .num-cont .num { font-size: 24px; } .num-scroll-two li { width: 50%; } .pt-110 { padding-top: 40px; } .index-news .news-item, .index-news .faq-item { width: 100%; float: none; } .news-tit-bar ul li { font-size: 16px; padding-bottom: 15px; } .news-tit-bar ul li ~ li { margin-left: 15px; } .news-tab-item .item { width: 100%; } .news-tab-item .item ~ .item { display: none; } .index-news .faq-item { margin-top: 30px; } .index-faq-list li { line-height: 40px; } .news-tit-bar { margin-bottom: 20px; } .copyright .fr { float: none; display: inline; } .site-links h4 { font-size: 14px; margin-bottom: 10px; } .foot-nav { display: none; } .site-links, .copyright { padding: 15px 0; } .foot-contact { margin: 0 auto; width: 65%; padding: 40px 0; background: transparent; } .foot-contact .foot-zx { display: inline-block; width: 150px; } .icon-foot-zx { width: 20px; height: 20px; margin-right: 10px; } .banner-form { display: none; } .page-banner { height: 200px; } .page-banner .pb-tit .cn { font-size: 20px; } .page-banner .pb-tit .des { font-size: 14px; } .page-banner .pb-tit { top: 35%; } .pt-36 { padding-top: 20px; } .cate-side { width: 100%; float: none; } .cate-side .item h3 a { padding-left: 15px; } .cate-side .item h3 { font-size: 15px; height: 40px; line-height: 40px; } .icon-cate-tit { background-size: 15px; } .list-content { padding-left: 0; margin-top: 20px; } .product-zx { display: none; } .search-item .sub { width: 15px; height: 15px; } .cate-title-bar { margin-bottom: 20px; } .page-product-list .item { margin-bottom: 15px; } .page-product-list { margin-bottom: -15px; } .back-btn { display: none; } .inner-position { font-size: 12px; line-height: 40px; } .product-header { padding: 20px 0; } .product-slide-wrap { width: 100%; float: none; } .product-thumb { display: none; } .product-big { width: 100%; float: none; border: solid 1px #c9c9c9; } .product-big .item { width: 100%; height: auto; line-height: 1; border: none; } .product-desc { padding-top: 20px; padding-left: 0; } .product-desc .cont .des { margin-bottom: 0px; font-size: 14px; line-height: 1.45; } .detail-left, .detail-right { width: 100%; float: none; } .detai-tab .item { width: 110px; font-size: 14px; height: 40px; line-height: 40px; } .article-content { padding: 20px 1px; font-size: 14px; line-height: 1.75; } .detail-item .tit { font-size: 18px; } .detail-item .type { font-size: 14px; padding-bottom: 20px; margin-bottom: 25px; } .detail-item .subtit { margin-top: 55px; margin-bottom: 25px; } .content1 .row { background: transparent !important; padding-top: 0 !important; padding-bottom: 0 !important; } .content1 table { width: 100%; margin-bottom: 10px; } .content1 table td { background: #DCE1E5; } .detail-right { margin-top: 20px; } .xg-list { display: flex; justify-content: space-between; align-items: center; } .xg-list .item { width: 49%; } .pics-list .item ~ .item { margin-top: 0; } .detail-body { padding-bottom: 40px; } .use-relation { padding-top: 35px; padding-bottom: 40px; } .use-slde-content .item .abox .tit { left: 4%; bottom: 10%; font-size: 18px; } .use-slde-content .item .abox .com-more { right: 4%; bottom: 10%;; } .search-item { float: none; display: block; margin-top: 20px; } .brand-wrap { margin-bottom: 30px; } /*分页*/ .pagination { margin-top: 40px; } .pagination a, .pagination span { min-width: 25px; line-height: 25px; font-size: 12px; } .pt-60 { padding-top: 40px; } .pb-80 { padding-bottom: 40px; } .page-tit { margin-bottom: 30px; } .com-cate-content .item .tit { font-weight: normal; } .service-content .item { float: none; border-bottom: none; } .service-content .item:nth-child(1) { width: 100%; margin-bottom: 20px; } .service-content .item:nth-child(1), .service-content .item:nth-child(2) { border-top: none; } .service-content .item:nth-child(2), .service-content .item:nth-child(3) { width: 100%; } .service-content .item .cont { left: 0; bottom: 10%; padding: 0 20px; } .service-content .item:nth-child(2) .cont, .service-content .item:nth-child(3) .cont, .service-content .item:nth-child(4) .cont { position: static; color: #666; padding: 20px 0; } .service-content .item:nth-child(2) .cont .tit, .service-content .item:nth-child(3) .cont .tit, .service-content .item:nth-child(4) .cont .tit { color: #333; font-size: 18px; } .service-content .item:nth-child(2) .cont .p1, .service-content .item:nth-child(3) .cont .p1, .service-content .item:nth-child(4) .cont .p1 { font-size: 16px; margin-top: 10px; margin-bottom: 10px; color: #454545; } .service-content .item>img { max-width: 100%; height: auto; } .service-content .item:nth-child(4) { height: auto; } .service-content .item:nth-child(4) .cont { width: 100%; position: static; } .service-content .item .brand { width: 100%; position: static; } .service-content .item .brand li { width: 25%; color: #666; } .zhichi-list li { width: 100%; } .zhichi-list li ~ li { margin-top: 10px; } .down-list li { width: 100%; margin-bottom: 10px; } .down-list li .abox { height: auto; padding: 10px 15px; } .icon-book { width: 35px; height: 25px; } .down-list li .abox .des .date { margin-top: 5px; } .icon-book-down { width: 15px; height: 15px; } .pics-news .item .abox .cont { padding-left: 20px; padding-right: 20px; } .pics-news .item .abox .icon-news-more { display: none; } .pics-news .item .abox { padding-right: 0; padding: 20px 0; } .pics-news .item .abox .pic { display: none; } .pics-news .item .abox .cont h4 { font-size: 16px; } .pics-news .item .abox .cont p { margin: 10px 0; height: auto; } .pics-news .item ~ .item { margin-top: 15px; } .pb-100 { padding-bottom: 40px; } .ajax-more { margin: 30px auto 0; width: 150px; height: 40px; line-height: 40px; font-size: 14px; } .about-banner .pb-pic img { left: 50%; margin-left: -960px; max-width: none; width: auto; } .about-banner .pb-tit { margin-top: 0; top: 15%; } .pt-100 { padding-top: 40px; } .about-tit { font-size: 24px; line-height: 1; } .about-intro .des-16 { margin-top: 20px; margin-bottom: 30px; padding: 0; font-size: 14px; line-height: 1.75; } .about-intro .des-16 p ~ p { margin-top: 10px; } .about-intro .num-scroll { padding-top: 40px; } .num-scroll-two.inner li { width: 33.3333%; } .about-honor .pic { position: static; width: 100%; left: 0; margin-left: 0; padding-top: 0; margin-top: 30px; } .about-honor .cont { width: 100%; float: none; } .pt-90 { padding-top: 40px; } .culture-list .item { float: none; width: 100%; margin-bottom: 15px; } .culture-list { margin-top: 40px; margin-bottom: -15px; } .culture-list .item .cont { padding: 5px 15px 0; } .culture-list .item .cont h4 { font-size: 18px; line-height: 1; } .culture-list .item .cont p { line-height: 1.5; margin-top: 10px; } .partner-list { margin-top: 40px; margin-bottom: -10px; } .partner-list li { margin-bottom: 10px; width: 25%; } .partner-list li .box { height: auto; line-height: 1; } .about-album-swiper { margin-top: 60px; padding: 0 70px; } .about-album-swiper .item .tit { font-size: 16px; line-height: 1; margin-top: 20px; } .about-album-swiper .swiper-pagination { margin-top: 100px; } .com-cate-content .item .tit { line-height: 1.3; } .no-pics-news .item .abox .date { font-size: 14px; } .no-pics-news .item .abox { height: auto; align-items: start; } .no-pics-news .item .abox .date { width: 20%; height: auto; } .pics-news .item .abox .cont { width: 80%; } .no-pics-news .item .abox .date b { font-size: 26px; } .detail-header .info li { margin: 0 5px; font-size: 12px; } .detail-header .info li .icon { display: none; } .detail-header .info { margin-top: 10px; } .article-detail { padding: 20px 0; font-size: 14px; } .detail-other { padding: 10px 0; } .view-other { font-size: 12px; line-height: 26px; } .share-other { display: none; } .mingpian .cont, .mingpian .pic { width: 100%; float: none; } .mingpian .cont { padding: 20px; } .mingpian .cont .des { margin-top: 15px; } .mingpian .pic .tip { font-size: 12px; height: auto; padding-bottom: 15px; margin-left: -140px; } .company-content { margin-top: 40px; margin-bottom: 40px; } .company-list li { width: 100%; } .company-list li .box { height: auto; } .company-list li .box h4 { font-size: 18px; line-height: 1; } .company-list li .box p { margin-top: 15px; } .message-content .cont { width:100%; padding-left: 20px; padding-right: 20px; } .contact-form ul li input { height: 40px; } .contact-form ul li { margin-bottom: 10px; } .contact-form ul li textarea { height: 100px; } .product-cate-list li a { font-size: 14px; } .product-cate-list li a { font-size: 14px; } .product-list .item .abox .cont { padding: 8px 15px 0; } .use-list .item .pic, .use-list .item .cont { width: 100%; } .use-list .item { flex-wrap: wrap; } .use-list .item .cont { padding: 20px 15px; } }