@charset "utf-8"; @media (max-width: 1440px) { .in-header { margin-left: 30px; margin-right: 30px; } /* .in-header .nav-list .item { margin-right: 4%; }*/ .in-header .right-info .ewm .show { left: initial; right: -30px; } .in-header .right-info .search .val { width: 120px; } .in-m1 { margin-left: 10px; margin-right: 10px; } .in-m2 .serve-info .texts { width: 500px; } .in-m2 .serve-info .imgs { width: 600px; height: 364px; } } @media (max-width: 1200px) { .in-header { position: fixed; top: 0; width: 100%; height: 50px; background: #e7f1fd; margin: 0; padding: 0 12px; z-index: 999; } .right .color-666 img,.text img{ width:100%; height:auto !important;} .in-header .logo { height: 30px; } .in-header .right-info { display: none !important; } .in-header .right-info-mo { display: block; } .in-header .nav-list { background: #e7f1fd; bottom: 0; display: block !important; position: fixed; right: -100%; text-align: center; top: 50px; width: 100%; z-index: 100; } .in-header .nav-list .item { margin: 0; border-bottom: 1px solid #d3dce6; } .in-header .nav-list .item>a { line-height: 50px; } .in-header .nav-list .item>a span { display: none; } .in-header .nav-list .item .sub-nav { display: none; } .in-footer .custom { background-size: cover; } .in-footer .custom .in-w { display: block !important; text-align: center; line-height: 1.5; } .in-footer .custom .btn { margin: 20px auto 0; width: 200px; height: 40px; } .in-footer .middle .in-w, .in-footer .bottom .in-w, .in-footer .middle .nav-list { display: block !important; text-align: center; font-size: 12px; width: 100%; } .in-footer .middle .nav-list .item { margin-top: 30px; } .in-footer .middle .nav-list .sub-nav { margin-top: 10px !important; display: block !important; } .in-footer .bottom a { display: none; } .in-ny-banner { height: 150px; margin-top: 50px; } .in-about-1 { height: auto; } .in-about-1 .text { width: 100%; } .in-about-1 .img-en { height: 30px; } .in-about-2 .flex, .in-about-3 .flex { display: block !important; } .in-about-2 .tig { margin-top: 15px; } .in-about-2 .item { width: 100%; height: 180px; margin-bottom: 15px; display: flex !important; } .in-about-3 { height: auto; background-size: cover; padding: 15px 0 30px 0; } .in-about-3 .item .num { font-size: 18px; margin-top: 15px; } .in-about-3 .item .num sup { font-size: 15px; } .in-about-5 .address-img .text { line-height: 20px; left: 10px; bottom: 10px; } .in-list-1 .in-ul .item { align-items: initial !important; } .in-list-1 .in-ul .img { width: 100px; height: 62px; } .in-list-1 .in-ul .more { width: 50px; height: 17px; background-size: cover; } .in-list-1 .in-ul .text { display: none; } .in-fy .up, .in-fy .down { height: 30px; } .in-detail-1 .like { width: 60px; height: 60px; background-size: cover; } .in-detail-1 .links span, .in-detail-1 .links a { display: none; } .in-list-2 .suspension-tab { display: none !important; } .in-list-2 .tab-list { display: block !important; white-space: nowrap; overflow-y: auto; } .in-list-2 .in-ul { justify-content: space-between; } .in-list-2 .in-ul .item { width: 48.7%; margin-left: 0 !important; } .in-list-2 .in-ul .item .img { height: 130px; } .in-list-2 .in-ul .item .img .img-hide { margin-top: -130px; } .in-list-2 .in-ul .item:hover .img .img-show { margin-top: 130px; } .in-list-2 .in-ul .item .btn { display: none; } .in-detail-3 { width: 100%; padding: 0 15px; } .in-detail-3 .custom-pos { top: 20px; width: 100px; } .in-detail-3 .links span, .in-detail-3 .links a { display: none; } .in-detail-2 .flex { display: block !important; } .in-detail-4 .in-w { display: block !important; } .in-detail-4 .left { width: 100%; } .in-detail-4 .left .btn { width: 100%; height: 40px; } .in-detail-4 .right { padding-left: 0 !important; margin-top: 30px; } .in-detail-4 .right .tags { line-height: 1.3; } .in-suspension { width: 40px; height: 165px; background-size: 100%; display: none; } .in-suspension .wx, .in-suspension .sao, .in-suspension .tel, .in-suspension .top { height: 32px; } .in-suspension .wx { margin-top: 36px; } .in-suspension .ewm { right: 50px; top: 36px; } .in-banner { margin-top: 50px; height: calc(100vh - 50px); } .in-banner .swiper .titles { font-size: 40px; } .in-banner .swiper-slide { padding: 0 15px; text-align: center; line-height: 1.3; justify-content: initial !important; padding-top: calc(100vh - 500px); } .in-banner .tops { bottom: 60px; } .in-index-wrapper { margin-top: 0; background: url('../images/m1_1.png') no-repeat center -60px; } .in-banner .swiper-pagination { right: 0; top: initial; bottom: 20px; left: 50%; transform: translatex(-50%); } .in-banner .swiper-pagination-bullet { display: inline-block !important; margin-bottom: 0 !important; height: 10px; width: 20px; margin: 0 5px !important; } .in-m1 { margin: 0; padding: 0 15px; } .in-m1 .item:last-child { display: none !important; } .in-m1 { flex-wrap: wrap; justify-content: space-between; } .in-m1 .item { width: 48.7%; height: 67px; margin: 0 !important; align-items: initial !important; margin-top: 15px !important; padding: 10px !important; } .in-m1 .item img { height: 22px; } .in-m1 .item .text div { font-size: 12px !important; line-height: 1.2 !important; } .in-index-title { text-align: center; } .in-index-title img { width: 20%; } .in-index-title .en { font-size: 30px; } .in-index-title .tig { line-height: 1.3; } .in-m2 .list { justify-content: space-between !important; } .in-m2 .list a { padding: 0 !important; } .in-m2 .list a img { height: 40px; } .in-m2 .serve-info-show{ display: block !important; } .in-m2 .serve-info .texts, .in-m2 .serve-info .imgs2 { width: 100%; height: auto; display: block; } .in-m2 .serve-info .imgs { margin-top: 20px; display: none; } .in-m2 .serve-info .imgs2 { margin-bottom: 30px; } .in-m2 .item.p-r-50{ padding-right: 0 !important;} .in-m2 .item.p-l-50{ padding-left: 0 !important;} .in-m2 .serve-info .more { width: 40%; margin-top: 20px !important; margin-left: auto; margin-right: auto; } .in-m2 .item > img{ height: 40px !important; width: 32px !important; max-width: 50px; } .in-m2 .item .f-s-w{ display:none;} .in-m3 .more { height: 40px; } .in-ul .item .align-center{margin-bottom:3px;} .in-list-1 .in-ul a.tigs { min-width: 38px;height: inherit; display: inline-block; } .in-m3 .more img { width: auto; } .in-m4 { margin: 0; } .in-m4 .list { flex-wrap: wrap !important; } .in-m4 .item:nth-child(1), .in-m4 .item:nth-child(2) { width: 40%; margin: 0 5%; } .in-m4 .item:nth-child(3), .in-m4 .item:nth-child(4), .in-m4 .item:nth-child(5) { width: 30%; margin-top: 15px; } .in-m4 .item img { border-radius: 0; } .in-m4 .more { width: 40%; margin-left: auto; margin-right: auto; } .in-m5 { height: 220px;background-size: auto 100% !important; } .in-m5 .in-w-2 { display: block !important; text-align: center; } .in-m5 .more { width: 50%; margin-left: auto; margin-right: auto; margin-top: 30px; } .in-m6 { padding: 0; } .in-m6 .more2 { display: none !important; } .in-m6 .list .in-m6-pre, .in-m6 .list .in-m6-next { width: 40px; } .in-m6 .list { display: block !important; white-space: nowrap; overflow: hidden; } .in-m6 .in-m6-item { width: 50%; display: inline-block; height: 420px; } .in-m6 .in-m6-item .text { bottom: 40px; } .in-m6 .active { width: 80%; position: absolute; left: 0; z-index: 10; } .in-m6 .in-m6-item .more { width: 40%; } .in-m7 { padding-top: 40px !important; } .in-m7 .imgs { overflow-x: auto; } .in-m7 .imgs img { width: 750px; /* width: 100%; */max-width: 100%; max-widthx: initial; } .in-m8 .in-m8-tab .swiper-slide { width: 90px !important; height: 40px; } .in-m8 .in-m8-swiper .swiper-slide { display: block !important; } .in-m8 .swiper-slide .img { width: 100%; height: auto; } .in-m8 .swiper-slide .info { margin-left: 0 !important; margin-top: 15px; } .in-m8 .swiper-slide .info div:first-child { display: block !important; text-align: center; } .in-m8 .swiper-slide .info div:first-child img { margin-top: 15px; } .in-m8 .swiper-slide .names { width: auto !important; } .in-m8 .swiper-slide .line { margin-left: auto; margin-right: auto; margin-bottom: 20px; } .in-m8 .swiper-slide .names { width: 80%; } .in-m8 .more { width: 30%; margin-left: auto; margin-right: auto; } .in-m8 .swiper-slide .line2 { display: none; } .in-m8 .swiper-slide .list { margin-top: 30px !important; } .in-m8 .swiper-button-next:after, .in-m8 .swiper-button-prev:after { display: none; } }