/*公共样式*/ *{margin: 0;padding: 0;} a{color: #393939;} ul,li{text-decoration: none;list-style: none;} .box{width: 100%;overflow: hidden;} p{margin: 0} .jianbian{background: linear-gradient(to right, #2c8ed4 , #49b1f2);-webkit-background-clip: text;color: transparent;} .jianbian1{background: linear-gradient(to right, #2c8ed4 , #49b1f2);} .box-1{max-width: 1300px;margin: 0 auto;} .img-fluid1{width: 100%;} .erhang{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} /*首页样式*/ .yetou-1{ background: #e8e8e8; height: 32px; } .yetou-2 p{ font-size: 0.75rem; line-height: 32px; color: #666 !important; } .logo-1{ overflow: hidden; border-bottom: 1px solid #dbdbdb; } .logo-2{ width: 17rem; } .logo-3{ padding: 5px 10px; } .logo-3 h5{ font-size: 20px; color: #333; margin-bottom: 7px; } .logo-3 p{ font-size: 14px; color: #333; } .logo-4 small{ font-size: 2.2rem; line-height: 3.8rem; } .logo-4 span{ font-size: 1.6rem; line-height: 3.9rem; } .logo-5,.logo-5 .iconfont{ font-size: 18px; } .daohang1 li{ color: #fff; font-size: 15px; padding: 15px; position: relative; } .daohang1 li p{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; } .daohang1 li span{ position: absolute; top: calc(50% - 19px); left: 0; width: 100%; height: 72%; transition: 0.3s; } .daohang1 li i{ opacity: 0; } .active li span{ transform: skew(25deg); box-shadow: 0 0 5px #005c89; background: linear-gradient(to right, #2c8ed4 , #49b1f2); } .daohang1 a:hover li span{ transform: skew(25deg); box-shadow: 0 0 5px #005c89; background: linear-gradient(to right, #2c8ed4 , #49b1f2); } .sj-dh-dh small{ font-size: 18px !important; } .tp-simpleresponsive .button { padding: 8px 25px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 30px; cursor: pointer; color: #fff !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important; font-size: 16px; line-height: 46px !important; font-weight: bold; } a{text-decoration: none;} .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover{ background-image: linear-gradient(to right, #0097F2, #0097F2); } .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { position: absolute; visibility: hidden; line-height: 23px !important; } .tp-simpleresponsive img { max-width: none; } .tp-bullets { z-index: 1000; position: absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5px); } .tp-bullets.simplebullets.round .bullet { cursor: pointer; position: relative; background: url(../images/bullet.png) no-Repeat top left; width: 20px; height: 20px; margin-right: 0; float: left; margin-top: 0; margin-left: 3px; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position: bottom left; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index: 100; cursor: pointer; position: relative; background: url(../images/large_left.png) no-Repeat top left; width: 40px; height: 40px; } .tp-rightarrow { z-index: 100; cursor: pointer; position: relative; background: url(../images/large_right.png) no-Repeat top left; width: 40px; height: 40px; } .tp-banner-container{width: 100% !important;} /*产品轮播*/ .post-slide{ background: #fff; border-bottom: 1px solid #dedde1; } .post-slide .post-header{ margin-bottom: 4px; } .post-slide .subtitle{ color:#0b99bc; font-size:14px; display: inline-block; margin-bottom:5px; text-transform: uppercase; transition: all 0.4s ease 0s; } .post-slide .subtitle:hover{ color:#333; text-decoration: none; } .post-slide .post-title{ margin: 0; } .post-slide .post-title{ color:#777; font-size:13px; text-transform:capitalize; transition: all 0.4s ease 0s; padding: 6px; border-bottom: 1px solid #dedede; } .post-slide .pic{ overflow: hidden; position: relative; } .post-slide .pic img{ width: 100%; height: auto; transform: rotate(0deg) scale(1,1); transition: all 0.5s ease 0s; } .post-slide:hover img{ transform: rotate(-2deg) scale(1.1,1.1); } .post-slide .pic:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(255,255,255,0); transition: all 0.9s ease 0s; } .post-slide:hover .pic:after{ background: rgba(255,255,255,0.2); } .post-slide .post-bar{ list-style: none; padding:7px 0; margin: 0; display: flex; justify-content: center; background: #ebebeb; margin-top: 4px; } .post-slide .post-bar li{ display: inline-block; margin-right:3px; color:#aaa; width: 98%; } .post-slide .post-bar li:last-child{ margin-right: 0; } .post-slide .post-bar li a{ color:#2094e6; transition:0.3s ease; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: block; text-align: center; } .post-slide .post-bar li a:hover,.foot-10 a:hover{ text-decoration: none; color:#0097F2 !important; } .post-slide .post-description{ font-size: 14px; line-height: 24px; margin-bottom:15px; color:#767676; } .post-slide .read-more{ color:#2094e6; font-size: 14px; font-style: italic; text-transform: capitalize; } .post-slide .read-more:hover{ color:#333; text-decoration:none; } .cplb2{ width: 100%; } .cplb3{ margin-right: 0; margin-left: 0; } .cplb4{ padding-left: 0; padding-right: 0; } .about1{ margin: 5px 0; background: #e6f4fe; } .about1-2{ width: 100%; } .about2{ border: 7px solid #fff; } .about3-1{ padding-left: 54px; } .about3-2{ font-size: 3.5rem; line-height: 59px; } .about3-3{ font-size: 1.9rem; padding-top: 0.7rem; } .about4-1{ font-size: 19px; color: #6b6c6e; } .about4 i{ color: #c4c4c4; } .about5 p{ font-size: 15px; color: #292b39; line-height: 26px; } .about6-1:hover .about6{ background: linear-gradient(to right, #009AF7, #0097F2); } .about6 i{ font-size: 12px; transition: 0.4s; } .about6-1:hover .about6 i{ padding-left: 10px; } .noblock-1{ float: right; padding: 0 20px !important; line-height: 49px; } .product-1{ background: url("../images/jzhi_06.jpg") no-repeat center; background-size: cover; } .product-2{ background: url("../images/jzhi_07.png") no-repeat center; background-size: inherit; } .product-2 span{ font-size: 1.1rem; color: #191919; } .product-3{ font-size: 2.3rem; } .product-4{ font-size: 19px; color: #24252d; } .product-4 i{ font-size: 23px; } .product-5{ max-width: 20%; } .product-6 p{ font-size: 16px; color: #1b202b; } .product-6 p i{ transition: 0.3s; } .product-6 ul li{ font-size: 16px; color: #1b202b; } .product-jia li:first-child p i{ transform:rotate(90deg); } .product-6 ul{ padding-top: 1rem; } .product-6 ul a:last-child li{ padding-bottom: 0 !important; } .product-6 ul a li:hover{ color: #0097F2; } .product-jiap{ padding: 0.35rem 1rem; } .product-6 ul a li i{ transition: 0.3s; } .product-6 ul a li:hover i{ padding-right: 20px !important; } .swiper1 { width: 100%; margin-bottom: 20px !important; } .swiper1 .selected{ background: linear-gradient(to right, #fff , #fff); border: 1px solid #ebebeb; border-top:2px solid #2c8ed4; } .swiper1 .selected span{ transform: rotate(90deg); } .swiper1 span{ transition: 0.3s; padding-top: 0.1rem; } .swiper1 .swiper-slide { text-align: center; font-size: 20px; height: 60px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; } .swiper1 .swiper-slide i{ font-size: 21px; } .swiper2 { width: 100%; } .swiper2 .swiper-slide { height: calc(100vh - 50px); box-sizing: border-box !important; overflow-x: hidden !important; } .product-7{ max-width: 77%; flex: 0 0 77%; } .swiper-container-autoheight .swiper-slide{ width: 100% !important; } .xypg-right-1-j-1 .xypg-detail-info-bar{margin-bottom:0;border-bottom:none;} .xypg-right-1-j-1 h1{margin:0;} .xypg-right-1-j-1{background:white;padding: 10px 15px;margin-bottom: 14px;} .xypg-right-1-j-2{background:white;padding: 0 15px;} .product-8 i{ font-size: 24px !important; } .product-9{ background: #eeeeee; transition: 0.4s; box-shadow: 0 0 5px #cfcfcf; } .product-9 p{ color:#1b202b; padding-top: 0.9rem; padding-bottom: 0.5rem; font-size: 16px; } .product-9:hover{ background:#2c8ed4; } .xypg-right-1-j{background:none !important;} .product-9 img{ transition: 0.4s; } .product-9:hover img{ transform: scale(1.1) rotate(-8deg); } .product-9 a:first-child{ background: #fff; display: block; overflow: hidden; } .anli-1{ background: url("../images/jzhi_08.jpg") no-repeat center; background-size: cover; } .anli-2{ background: url("../images/jzhi_13.png") no-repeat center; background-size: inherit; } .anli-3 { font-size: 2.3rem; margin-top: 2.4rem !important; } .anli-2 span{ font-size: 1.4rem; color: #212121b5; } .anli-5{ top: 0; background: #024fa199; } .anli-5-1 i{ bottom: -1.7rem; font-size: 8.3rem; transition: 0.2s; color: #fff; } .anli-6{ top: 0; } .anli-6 h4{ font-size: 0; transition: 0.2s; } .anli-5,.anli-6{ opacity: 0; transition: 0.3s; } .anli-4:hover .anli-5,.anli-4:hover .anli-6{ opacity: 1; } .anli-4:hover .anli-5-1 i{ font-size: 1.5rem; bottom: -1rem; } .anli-4:hover .anli-6 h4{ font-size: 1.3rem; } .news-1{ background: url("../images/jzhi_10.jpg") no-repeat center; background-size: cover; } .news-1-2 span{ font-size: 1.2rem; } .news-2-1 p{ font-size: 20px; cursor: pointer; transition: 0.2s; user-select: none; } .news-2-1 p:hover,.news-3 h1:hover,.news-4:hover h1,.news-4:hover p{ color: #0297eb !important; } .news-jia{ border-bottom: 2px solid #0297eb; color: #0297eb; } .news-3-1{ padding-top: 2.3rem; } .news-4{ border-bottom: 1px dashed #a4a4a4; } .news-5{ font-size: 3rem; color: #999; } .news-3 h1,.news-4 h1{ transition: 0.2s; } .news-6{ height: 1px; } .fuwu-1{ background: url("../images/jzhi_12.jpg") no-repeat center; background-size: cover; margin-bottom: 30px; } .fuwu-2{ background: url("../images/jzhi_19.png") no-repeat center; background-size: inherit; } .fuwu-4{ width: 200px; height: 130px; padding-top: 62px; } .fuwu-4 p{ font-size: 17px; } .fuwu-4 span{ color: #b5d6fc; font-size: 12px; } .fuwu-2-1 .owl-item{ border: 0 !important; padding-top: 45px; display: flex; justify-content: center; } .fuwu-2-1 .owl-item:hover .fuwu-5{ transform: scale(1.1) rotate(-12deg); } .fuwu-2-1 .owl-item:hover .jianbian1 { background: linear-gradient(to right, #2c8ed48c , #49b1f2cf); border: 1px solid rgba(223, 223, 223, 0.84); } .fuwu-5{ top: -40px; width: 77px; height: 77px; box-shadow: 0 1px 5px #0000002b; transition: 0.3s; } .fuwu-5 i{ font-size: 2.3rem; } .foot1-1{ position: relative; } .foot-1{ background: url("../images/jzhi_22.png") no-repeat center; background-size: cover; padding: 0.5rem; padding-bottom: 0; } .foot-2{ max-width: 1300px; box-shadow: 0 1px 5px #292929de; top: 28px; } .foot-3:hover p{ color: #1b1e21 !important; } .foot-3 p{ font-size: 16px; padding: 0 1rem; } .foot-2-1 .owl-item .foot-3{ border-right: 2px solid #d7d7d7 !important; } .foot-2-1 .owl-item:last-child .foot-3{ border-right: 0 !important; } .foot-2-1 .owl-item{ border: 0 !important; padding: 1.1rem 0; } .foot-4{ padding-top: 5.5rem; } .foot-5{ border: 2px solid; } .foot-5 i{ font-size: 25px; } .foot-6{ padding-bottom: 0.8rem; } .foot-6 p{ font-size: 14px; } .foot-5-1{ padding-top: 0.8rem; } .foot-6 h5{ font-size: 18px; } .foot-7{ padding: 1px 0.45rem; } .foot-8{ padding: 1px 0.4rem; } .foot-5-img{ padding-right: 4.5rem; padding-left: 4.5rem; } .foot-5-img1{ padding-left: 0.4rem !important; } .foot-9{ height: 2px; } .foot-10{ font-size: 13px; } .foot-6-7{ padding-left: 1.2rem !important; } .foot-8-1{ padding-right: 2.5rem; } .xymob-page-navbtn-1{ top: 0 !important; right: 0 !important; width: 100%; height: 49%; background: transparent !important; border: none !important; } /* 分页 */ .page { clear: both; margin: 20px 0; text-align: center; } .page a:hover { color:#0097f2; } .page-status{ border-radius: 2px 0 0 2px; } .page-last{ border-radius: 0 2px 2px 0; } .page-status,.page-index,.page-pre,.page-num,.page-next,.page-last{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 15px; height: 28px; line-height: 28px; margin: 0 -1px 5px 0; background-color: #fff; color: #333; font-size: 15px; border: 1px solid #e2e2e2; } .page-num-current{ background-color: #0097f2; height:30px; line-height: 30px; border-top:none; border-bottom:none; color:#fff; } /* 分页 */ .cate-tit h1 { margin: 0; line-height: 1; font-size: 22px; margin-bottom: 0; color: #333; font-weight: bold; } .tag-items a { display: inline-block; border: 1px solid #eee; border-radius: 3px; margin-bottom: 5px; font-size: 16px; } .tag-items1{ padding-right: 0; padding-left: 0; } /*以下响应式代码*/ @media (min-width:1300px){ .product-9{ -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 32.2%; max-width: 32.1%; } } @media (max-width:1300px){ .tp-simpleresponsive .tp-caption { line-height: normal !important; } .product-9{ -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 32.2%; max-width: 32.1%; } } @media (max-width:1230px){ .about3-2 { font-size: 2.5rem; padding-left: 2rem; } .about3-3 { font-size: 1.7rem; padding-right: 2rem; } .about4{ padding-bottom: 0.5rem !important; padding-top: 0.1rem !important; } } @media (max-width:1220px){ .product-9{ -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 32.2%; max-width: 32.1%; } } @media (max-width:1200px){ .foot-5-img { padding-right: 1.5rem; padding-left: 1.5rem; } .foot-6-7 { padding-left: 0rem !important; } .foot-8-1 { padding-right: 3.5rem; } } @media (max-width:1123px){ .product-9{ flex: 0 0 50%; max-width: 32%; } .about3-1 { padding-left: 22px; } .news-3{ padding-left: 0 !important; } } @media (max-width:1069px){ .about3-1 { padding-left: 0; } .product-6 p { font-size: 14px; color: #1b202b; } } @media (max-width:1038px){ .product-9{ flex: 0 0 50%; max-width: 31.9%; } } @media (max-width:1031px){ .about3-2 { font-size: 2.3rem; padding-left: 2rem; } .about3-3 { font-size: 1.6rem; padding-right: 2rem; } .news-3x{ flex: 0 0 22.667%; max-width: 21.667%; } .news-3x1{ flex: 0 0 78.333%; max-width: 79.333%; } } @media (max-width:1026px){ .foot-7-1{ padding: 0 0.5rem; } .foot-7-1 i{ padding-right: 1rem; } .foot-8-1 { padding-right: 5rem; } } @media (max-width:1025px){ .foot-6 h5 { font-size: 16px; } .foot-6-1{ width: 81%; } .foot-6-1-9{ width: 100%; } } @media (max-width:1007px){ .product-6 ul a li i{ display: none; } } @media (max-width:1003px){ .foot-6-2{ flex: 0 0 31.333%; max-width: 31.333%; } .foot-6-1{ width: 90%; } .foot-6-3{ flex: 0 0 17.667%; max-width: 17.667%; } } @media (min-width:993px){ .about1{ padding: 72px 0 !important; } } @media (max-width:991px){ .foot-6-3-9 {flex: 0 0 30.3333% !important;} .foot-55 {-webkit-box-flex: 0;flex: 0 0 15.7%;max-width: 15.7%;} .foot-6-1-9 {justify-content: center !important;} .foot-6-3 {flex: 0 0 33.3333%;} .about4-1 { font-size: 17px; } .product-6 p{ padding-right: 1rem !important; padding-left: 1rem !important; } .foot-5-img { width: 50%; margin: 0 auto; display: inherit; } .foot-4 { padding-top: 4.5rem; } .foot-6-3 { flex: content; max-width: inherit; justify-content: center; } .foot-5-img1 { padding-left: 1.2rem !important; } .foot-6-6{ justify-content: flex-end !important; } .foot-6-7{ padding-left: 1.2rem !important; } .foot-8-1 { padding-right: 4rem; } } @media (max-width:965px){ .product-9{ flex: 0 0 50%; max-width: 31.8%; } } @media (max-width:936px){ .foot-6-2 { flex: 0 0 33.333%; max-width: 33.333%; } } @media (max-width:911px){ .news-3x1 { flex: 0 0 73.333%; max-width: 73.333%; } .news-3x { flex: 0 0 26.667%; max-width: 26.667%; } .news-5{ margin-bottom: 0 !important; } } @media (max-width:903px){ .product-9{ flex: 0 0 50%; max-width: 31.7%; } .product-6 ul,.product-6 p{ padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .product-jiap{ font-size: 1rem; } } @media (max-width:890px){ .foot-55 {-webkit-box-flex: 0;flex: 0 0 16.7%;max-width: 16.7%;}} @media (max-width:884px){.foot-7-1 {padding: 0.08rem 0.5rem;} .foot-6-6-1{flex: 0 0 32.333333%;max-width: 32.333333%;}} @media (max-width:881px){ .foot-6-2 { flex: 0 0 36.333%; max-width: 36.333%; } } @media (max-width:848px){ .product-9{ flex: 0 0 50%; max-width: 31.6%; } } @media (max-width:825px){.foot-55 {-webkit-box-flex: 0;flex: 0 0 18.5%;max-width: 18.5%;} .product-5{ display: none !important; } .product-7{ max-width: 100% !important; flex: 0 0 100%; } .swiper-wrapper{ height: auto !important; } .product-9 { max-width: 32%; } } @media (max-width:810px){ .foot-6-2 { flex: 0 0 37.333%; max-width: 37.333%; } } @media (max-width:799px){ .product-9 { max-width: 31.9%; } } @media (max-width:743px){ .product-9 { max-width: 49%; } .product-9-1 .product-9:nth-child(2n-1){ margin-right:1%; } } @media (max-width:700px){ .product-3 { font-size: 1.6rem; } .product-2 span { font-size: 0.9rem; } .product-2 { background-size: cover; } .anli-3 { font-size: 1.6rem; margin-top: 2.4rem !important; } .anli-2 span { font-size: 0.9rem; } .news-1-2 span { font-size: 0.8rem; } .anli-2 { background-size: contain; } .swiper1 .swiper-slide { font-size: 15px; } .swiper1 .swiper-slide i { font-size: 16px; } .product-8 i { font-size: 20px !important; } } @media (min-width: 771px) and (max-width:991px) { .daohang1 li span { position: absolute; top: calc(50% - 19px); left: 0; width: 100%; height: 105%; } .daohang1 li { padding: 6px; } } @media (min-width:744px){ .product-9-1 .product-9:nth-child(3n-1){ margin: 0 1rem; } } @media (max-width:768px){ .tp-bullets{bottom: 10px !important;} .logo-2 { width: 13rem; padding: 5px 0 0 0; } .about3-1 { padding-left: 15px; } .news-3x { flex: 0 0 16.667%; max-width: 16.667%; } .news-3x1 { flex: 0 0 82.333%; max-width: 82.333%; } .foot-6-2 { max-width: initial; } .foot-6-3 { max-width: initial; } .foot-6-6-1{ justify-content: center !important; } .foot-5-img1 { width: 100%;} } @media (min-width: 768px) and (max-width:771px){ .daohang1 li { padding: 7px; } } @media (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding: 4px 10px; line-height: 25px !important; font-size: 11px !important; font-weight: normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media (max-width: 604px) { .news-3x span{ font-size: 0.9rem; } .news-5 { font-size: 2rem; } .news-3x { flex: 0 0 20.667%; max-width: 20.667%; } .news-3x1 { flex: 0 0 79.333%; max-width: 79.333%; } .news-3x1 h1{ font-size: 17px; margin: 5px 0; } .news-3x1 span{ font-size: 13px; } } @media (max-width: 576px) { .logo-3,.yetou-1,.logo-4 span,.logo-4 small,.daohang1-1,.about3-2,.swiper1 span{ display: none; } .logo-1{ padding: 1rem !important; } .logo-2 { width: 11rem; padding:0; } .about3-3 { padding-right: 0; font-size: 1.2rem; } .news-2xs{ padding-left: 15px; padding-right: 15px; } .about3 { text-align: center; } .about1{ padding-top: 1rem; padding-bottom: 1rem; } .about1-1{ margin-bottom: 1rem; } .about4-1 { font-size: 12px; padding-right: 0 !important; padding-left: 0 !important; } .product-1{ padding: 2rem 0; } .product-jiab{ padding-top: 2rem; } .swiper1 .swiper-slide { font-size: 14px; height: 50px; } .swiper1 .swiper-slide i { font-size: 13px; } .product-8 i { font-size: 17px !important; } .product-3 { font-size: 1.5rem; } .fuwu-1{ padding-top: 1.5rem; padding-bottom: 1rem; } .product-2 span { font-size: 0.9rem; } .anli-1,.news-1{ padding-top: 2rem !important; padding-bottom: 2rem !important; } .anli-4{ width: 50%; } .news-4{ justify-content: space-between; } .anli-6 h4 { font-size: 1rem; } .anli-5 { background: #024fa133; } .anli-5-1 img{display: none;} .anli-5, .anli-6 { opacity: 1; } .anli-5-1 i { display:none;} .foot-4 { padding-top: 3.5rem; } .foot-5{ display: none !important; } .foot-6-2 { flex: inherit; padding-left: 37% !important; } .foot-6-3 {flex: 0 0 100% !important;padding-left: 39.6% !important;} .foot-6-6-1{max-width: 100% !important;padding-left: 40.2% !important;justify-content: initial !important;flex: 0 0 100%;} .foot-6-7 { padding-left: 2.5rem !important; } .foot-5-img1 {padding-left: 0 !important;} .foot-6-7 {padding-left: 0 !important;} } @media (max-width: 505px) { .about6-1{ width: 40% !important; } } @media (max-width: 479px) { .post-slide .post-bar li{ margin-bottom: 5px; } .post-slide .post-bar li:last-child{ margin-bottom: 0; } .foot-5-img { width: 68%; margin-bottom: 1rem; } } @media (max-width: 461px) { .news-3x{ padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 401px) { .swiper1 .swiper-slide i{ display: none; } .news-3x1 { flex: 0 0 77.5%; max-width: 77.5%; } .news-3x { flex: 0 0 21.667%; max-width: 21.667%; } .foot-6-3 {padding-left: 36.5% !important;} .foot-6-2 {padding-left: 33.6% !important;} .foot-6-6-1 {padding-left: 37.2% !important;} } @media (max-width: 366px){.foot-6-3 {padding-left: 33.5% !important;} .foot-6-2 {padding-left: 30.5% !important;} .foot-6-6-1 {padding-left: 34.3% !important;}} @media (min-width: 0px) and (max-width: 480px) { .tp-simpleresponsive .button { padding: 2px 5px 2px; line-height: 20px !important; font-size: 10px !important; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media (min-width:300px){ .product-9-1{ display: flex; justify-content: space-evenly; } }