Professional Design Coil Spring Rubber Seat - YY04 Boat seat – Qinglin Seat

img{
clip-path: ellipse(45% 30% at 50% 50%);
}
.clearfix:before,
.clearfix:after {
content: ” “;
display: table;
}
.clearfix:after {
clear: both;
}
.demo {
padding: 25px 0;
}
.main-timeline {
font-family: ‘Roboto’, sans-serif;
}
.main-timeline:after {
content: ”;
display: block;
clear: both;
}
.main-timeline:before {
content: ”;
position: absolute;
top: 0;
left: 18px;
height: 100%;
width: 4px;
background: #d7e4ed;
left: 50%;
margin-left: -2px;
}
.main-timeline .timeline {
width: 50%;
padding: 100px 70px 0 25px;
margin: 0 50px 0 0;
float: left;
position: relative;
}
.main-timeline .timeline-content {
padding: 15px 15px 15px 40px;
border: 2px solid #00A79B;
border-radius: 15px 0 15px 15px;
display: block;
position: relative;
}
.main-timeline .timeline-content:hover {
text-decoration: none;
}
.main-timeline .timeline-content:after {
content: ”;
background-color: #00A79B;
height: 18px;
width: 15px;
position: absolute;
right: -15px;
top: -2px;
clip-path: polygon(100% 0, 0 0, 0 100%);
}
.main-timeline .timeline-year {
color: #fff;
background-color: #00A79B;
font-size: 32px;
font-weight: 900;
text-align: center;
line-height: 98px;
height: 100px;
width: 100px;
border-radius: 50%;
position: absolute;
right: -120px;
top: -85px;
}
.main-timeline .timeline-year:after {
content: ”;
height: 130px;
width: 130px;
border: 8px solid #00A79B;
border-left-color: transparent;
border-radius: 50%;
transform: translateX(-50%) translateY(-50%) rotate(-20deg);
position: absolute;
left: 50%;
top: 50%;
}
.main-timeline .timeline-icon {
color: #fff;
background-color: #00A79B;
font-size: 35px;
text-align: center;
line-height: 50px;
height: 50px;
width: 50px;
border-radius: 50%;
transform: translateY(-50%);
position: absolute;
top: 50%;
left: -25px;
transition: all 0.3s;
}
.main-timeline .title {
color: #222;
font-size: 20px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 0 7px 0;
}
.main-timeline .description {
color: #222;
font-size: 15px;
/*letter-spacing: 1px;*/
/*text-align: justify;*/
margin: 0 0 5px;
text-align: center;
}
.main-timeline .timeline:nth-child(even) {
padding: 100px 25px 0 70px;
margin: 0 0 0 50px;
float: right;
}
.main-timeline .timeline:nth-child(even) .timeline-content {
padding: 15px 40px 15px 15px;
border-radius: 0 15px 15px 15px;
}
.main-timeline .timeline:nth-child(even) .timeline-content:after {
transform: rotateY(180deg);
right: auto;
left: -15px;
}
.main-timeline .timeline:nth-child(even) .timeline-year {
right: auto;
left: -120px;
}
.main-timeline .timeline:nth-child(even) .timeline-year:after {
transform: translateX(-50%) translateY(-50%) rotate(200deg);
}
.main-timeline .timeline:nth-child(even) .timeline-icon {
left: auto;
right: -25px;
}
.timeline:nth-child(4n+2) .timeline-content,
.timeline:nth-child(4n+2) .timeline-year:after {
border-color: #9E005D;
}
.timeline:nth-child(4n+2) .timeline-year:after {
border-left-color: transparent;
}
.timeline:nth-child(4n+2) .timeline-content:after,
.timeline:nth-child(4n+2) .timeline-icon,
.timeline:nth-child(4n+2) .timeline-year {
background-color: #9E005D;
}
.timeline:nth-child(4n+3) .timeline-content,
.timeline:nth-child(4n+3) .timeline-year:after {
border-color: #f24f0e;
}
.timeline:nth-child(4n+3) .timeline-year:after {
border-left-color: transparent;
}
.timeline:nth-child(4n+3) .timeline-content:after,
.timeline:nth-child(4n+3) .timeline-icon,
.timeline:nth-child(4n+3) .timeline-year {
background-color: #f24f0e;
}
.timeline:nth-child(4n+4) .timeline-content,
.timeline:nth-child(4n+4) .timeline-year:after {
border-color: #0870C5;
}
.timeline:nth-child(4n+4) .timeline-year:after {
border-left-color: transparent;
}
.timeline:nth-child(4n+4) .timeline-content:after,
.timeline:nth-child(4n+4) .timeline-icon,
.timeline:nth-child(4n+4) .timeline-year {
background-color: #0870C5;
}
@media screen and (max-width:767px) {
.main-timeline:before {
display: none;
}
.main-timeline .timeline {
width: 100%;
padding-top: 80px;
padding-right: 12px;
margin-bottom: 20px;
}
.main-timeline .timeline:nth-child(even) {
padding-left: 10px;
padding-top: 80px;
margin-bottom: 20px;
}
.main-timeline .timeline-content,
.main-timeline .main-timeline .timeline:nth-child(even) .timeline-content {
background-color: #fff;
padding-top: 25px;
}
.main-timeline .timeline-content:after {
display: none;
}
.main-timeline .timeline-year {
font-size: 24px;
line-height: 70px;
height: 70px;
width: 70px;
right: 0;
top: -65px;
}
.main-timeline .timeline-year:after {
display: none;
}
.main-timeline .timeline:nth-child(even) .timeline-year {
left: 3px;
}
}
@media screen and (max-width:567px) {
.main-timeline .title {
font-size: 18px;
}
}

2019

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer males uada tellus lorem, et condimentum neque commodo


2018

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer males uada tellus lorem, et condimentum neque commodo


2017

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer males uada tellus lorem, et condimentum neque commodo


2016

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer males uada tellus lorem, et condimentum neque commodo

Packing&Shipping

After Sales Service

 
1. Sample service: we do supply sample. But the cost of sample and sending should be paid by our customer.
2. Certificate service: Any certificate about the product and company can be provided.
3. Price item service: FOB, CIF, CFR, EXW, DDP, etc
4. Payent item service: T/T, L/C, Western Union, Paypal, etc
5. After-sale service: 12 months after sold.