.inner-wrap .container { max-width: 1630px; margin: 0 auto; } .inner { overflow: hidden; padding: 70px 4%; } @media (max-width: 991px) { .inner { padding: 30px 15px; } } .inner .more { margin-top: 30px; } .inner .more a, .inner .more span { font-size: 14px; line-height: 30px; display: block; color: #888; } .inner .more a:before, .inner .more span:before { display: inline-block; width: 0; height: 0; margin-top: -3px; margin-right: 10px; content: ''; vertical-align: middle; border-width: 5px 0 5px 10px; border-style: solid; border-color: transparent transparent transparent #307638; } .inner .more a:hover, .inner .more span:hover { color: #307638; } .inner .more-other { margin-top: 30px; } .inner .more-other a, .inner .more-other span { line-height: 42px; display: inline-block; padding: 0 20px; -webkit-transition: all .2s; transition: all .2s; color: #fff; background-color: #307638; } .inner .more-other a:hover, .inner .more-other span:hover { background-color: #2495e3; } .inner .slick-arrow { font-size: 30px; line-height: 70px; left: 20px; width: 30px; height: 70px; text-align: center; color: #fff; border-radius: 0; background: none; background-color: rgba(0, 115, 195, .66); } @media (max-width: 991px) { .inner .slick-arrow { left: 8px; } } .inner .slick-arrow:before { display: inline-block; content: '\eb60'; } .inner .slick-arrow.slick-next { right: 20px; left: auto; } @media (max-width: 991px) { .inner .slick-arrow.slick-next { right: 8px; } } .inner .slick-arrow.slick-next:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .inner .slick-arrow:hover { color: #307638; } .title-inner h2 { font-size: 30px; font-weight: bold; line-height: 1.4; color:#000000; margin: 0; } @media (max-width: 1470px) { .title-inner h2 { font-size: 25px; } } @media (max-width: 991px) { .title-inner h2 { font-size: 24px; } } @media (max-width: 767px) { .title-inner h2 { font-size: 22px; } } .title-inner h3 { font-size: 18px; font-weight: bold; line-height: 1.4; margin: 0; text-transform: uppercase; } @media (max-width: 767px) { .title-inner h3 { font-size: 16px; } } .inner-location { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #e8e8e8; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .inner-location { display: block; padding-bottom: 10px; } } .inner-location .title-inner { display: inline-block; padding-bottom: 20px; } @media (max-width: 767px) { .inner-location .title-inner { display: block; } } .inner-location .location { display: inline-block; float: right; } @media (max-width: 767px) { .inner-location .location { display: block; float: none; } } .inner-location .location i { font-size: 24px; color: #999; } @media (max-width: 767px) { .inner-location .location i { font-size: 20px; } } .inner-location .location i, .inner-location .location span, .inner-location .location ul { line-height: 30px; display: inline-block; vertical-align: top; color: #666; } .inner-location .location ul li { display: inline-block; vertical-align: top; color: #666; } .inner-location .location ul li:after { display: inline-block; margin: 0 4px; content: '>'; vertical-align: middle; } .inner-location .location ul li:last-child:after { display: none; } .inner-location .location ul li:last-child a { color: #307638; } .inner-location .location ul li a { display: inline-block; text-transform: capitalize; } .inner-location .location ul li a:hover { text-decoration: underline; color: #307638; } .inner-sort { margin-top: 20px; } @media (max-width: 991px) { .inner-sort { margin: 0; } } .inner-sort > ul { margin: 0 -14px; } @media (max-width: 991px) { .inner-sort > ul { margin: 0 -4px; } } .inner-sort > ul > li { display: inline-block; margin-top: 10px; padding: 0 14px; vertical-align: top; } @media (max-width: 991px) { .inner-sort > ul > li { padding: 0 4px; } } .inner-sort > ul > li > a { font-size: 16px; line-height: 48px; display: block; padding: 0 20px; -webkit-transition: all .2s; transition: all .2s; border: 1px solid #91c1d9; } @media (max-width: 767px) { .inner-sort > ul > li > a { font-size: 14px; line-height: 30px; padding: 0 14px; } } .inner-sort > ul > li.active > a, .inner-sort > ul > li:hover > a { color: #307638; background-color: rgba(255, 255, 255, .9); } .inner-aftersale-new { background-color: #f4f4f4; } .inner-aftersale-new .container { padding: 0; } .inner-aftersale-new .title-after h2 { font-size: 24px; font-weight: bold; line-height: 1.4; margin: 0; color: #307638; } @media (max-width: 767px) { .inner-aftersale-new .title-after h2 { font-size: 20px; } } .inner-aftersale-new .aftersale { font-size: 0; margin-top: 80px; } @media (max-width: 991px) { .inner-aftersale-new .aftersale { margin-top: 50px; } } .inner-aftersale-new .aftersale .img, .inner-aftersale-new .aftersale .desc { font-size: 14px; display: inline-block; vertical-align: top; } .inner-aftersale-new .aftersale .img { width: 30%; } @media (max-width: 767px) { .inner-aftersale-new .aftersale .img { display: block; width: 100%; margin: 0 auto; } } .inner-aftersale-new .aftersale .img img { max-width: 100%; } .inner-aftersale-new .aftersale .desc { width: 70%; padding-top:100px; } @media (max-width: 767px) { .inner-aftersale-new .aftersale .desc { display: block; width: 100%; margin-top: 10px; padding-top:0; } } .inner-aftersale-new .aftersale .desc p { font-size: 16px; line-height: 28px; margin: 0; color: #777; } @media (max-width: 991px) { .inner-aftersale-new .aftersale .desc p { font-size: 14px; line-height: 24px; } } .inner-aftersale-new .aftersale .desc .txt { margin-top: 20px; } .inner-aftersale-new .aftersale .desc .cate { max-width: 840px; } .inner-aftersale-new .aftersale .desc .cate .subject { margin-top: 30px; text-align: center; } .inner-aftersale-new .aftersale .desc .cate .subject img { display: block; max-width: 100%; margin: 0 auto; } .inner-aftersale-new .aftersale .desc .cate .subject .desc { margin-top: 30px; } .inner-aftersale-new .aftersale .desc .cate .subject .desc h3 { font-size: 18px; font-weight: bold; line-height: 24px; margin: 0; color: #307638; } .inner-aftersale-new .aftersale .desc .cate .subject .desc h3 span { font-size: 24px; } .inner-afterservice .container { padding: 0; } .inner-afterservice .title-after { text-align: center; } .inner-afterservice .title-after h2 { font-size: 24px; font-weight: bold; line-height: 1.4; margin: 0; color: #307638; } @media (max-width: 767px) { .inner-afterservice .title-after h2 { font-size: 20px; } } .inner-afterservice .list { max-width: 1360px; margin: 0 auto; margin-top: 20px; } .inner-afterservice .list ul { font-size: 0; margin: 0 -15px; } .inner-afterservice .list ul li { font-size: 14px; padding: 20px; border-bottom: 1px solid #e5ecf0; } @media (max-width: 767px) { .inner-afterservice .list ul li { padding: 20px 0; } } .inner-afterservice .list ul li:nth-child(2n) .subject .icon { background-color: #7fc962; } .inner-afterservice .list .subject { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: all .4s; transition: all .4s; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .inner-afterservice .list .subject .icon { line-height: 90px; display: block; width: 90px; height: 90px; margin: 0 auto; text-align: center; color: #fff; border-radius: 50%; background-color: #307638; } @media (max-width: 767px) { .inner-afterservice .list .subject .icon { line-height: 70px; width: 70px; height: 70px; } } .inner-afterservice .list .subject .icon .iconfont { font-size: 40px; } @media (max-width: 767px) { .inner-afterservice .list .subject .icon .iconfont { font-size: 30px; } } .inner-afterservice .list .subject .txt { width: -webkit-calc(100% - 90px); width: calc(100% - 90px); padding: 0 30px; } @media (max-width: 767px) { .inner-afterservice .list .subject .txt { padding: 0 14px; } } .inner-afterservice .list .subject h3 { font-size: 18px; line-height: 24px; color:#000000; margin:15px auto 10px auto; } .inner-afterservice .list .subject p { font-size: 16px; line-height: 24px; color: #777; } @media (max-width: 767px) { .inner-afterservice .list .subject p { font-size: 14px; } } .inner-afterservice .list .subject:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .inner-afterservice .list .subject:hover .icon { -webkit-animation: swing 1s 0s ease both; animation: swing 1s 0s ease both; }