.k1{padding: 50px 0;}
.mb60{margin-bottom:60px;}
.p30{padding:30px 0 ;}
/* .bgs{background-color:#f5f8fa} */
.bgs{background-color:#f2f2f2}
.bg6{color: #fff;
background: #666;}
.top2{padding:30px 0 0;background: #fff;
margin-top: -150px;
z-index: 999;
position: relative;
z-index: 99;
padding-left: 8.3333333333%;
flex: 0 0 75%;
max-width: 75%;}
.top3{background: #fff;
z-index: 99;
padding-left: 8.3333333333%;
flex: 0 0 75%;
max-width: 75%;}
.top2::before {
z-index: 0;
position: absolute;
top: 0;
right: -15px;
display: block;
width: 15px;
height: 100%;
background: linear-gradient(to right, rgba(26, 26, 26, 0.1) 0%, rgba(26, 26, 26, 0) 100%);
content: "";
}
.bg{
background:#f5f8fa;
overflow: hidden;
margin: 0 15px;
}
.top2 .bg{background:none}
.banner {width:100%}
.banner img{width:100%}
.about{
display: flex;
align-items: center;
justify-content: center;
}
.about .left .txt{font-size: 16px;
line-height: 30px;
display: flex;
align-items: center;
justify-content: center;
margin: 30px;
}
.about .right img{width:100%;}

.c-textmedia ul {
margin-bottom: 40px;
padding-left: 15px;
list-style-type: none;
}
.c-textmedia ul>li {
position: relative;
padding-left: 25px;
margin-bottom: 15px;
font-size:24px;
}
.pro .c-textmedia ul>li{font-size:18px;}
.c-textmedia ul li::before {
position: absolute;
top: 10px;
left: 0;
display: block;
width: 10px;
height: 10px;
border-radius: 100%;
content: "";
background-color: #b3b3b3;
}

.pro .li,.yy .li{margin-bottom:60px;}
.c-product-teaser {
position: relative;
display: block;
width: 100%;
height: 100%;
color: #1a1a1a;
}
.c-product-teaser__image-box {
display: flex;
flex-wrap: wrap;
width: 100%;
border: 1px solid #ccc;
transition: 200ms ease-in-out;
transition-property: border-color;
padding: 20px;

}
.c-product-teaser__text-box-wrap {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
height: auto;
}
.c-product-teaser__text-box {
margin-left: 0;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
margin-top: -34px;
padding-right: 35px;
padding-left: 35px;
padding-right: 15px;
padding-left: 15px;
}
.c-product-teaser__img-wrap {
display: flex;
align-items: center;
height: 200px;
margin: auto;
overflow:hidden;
}
.c-product-teaser__img-wrap img{height:100%!important}
.c-product-teaser__text-box-wrap {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
height: auto;
}
.c-product-teaser__text-box {
position: relative;
width: 100%;
margin-top: -34px;
padding-right: 35px;
padding-left: 35px;
flex: 0 0 100%;
max-width: 100%;
}
.c-product-teaser__text-box-inner {
padding: 20px;
background-color: #fff;
transition: 200ms ease-in-out;
transition-property: background-color;
}
.c-product-teaser__headline {
margin-bottom: 10px;
transition: 200ms ease-in-out;
transition-property: color;
font-weight: bold;
font-size: 21px;
font-family: "Helvetica Neue",Arial,Verdana,sans-serif;
line-height: 1.4166666667;
letter-spacing: .05em;
word-break: break-word;

}
.c-product-teaser__text {
font-size: 18px;
line-height: 1.6111111111;
letter-spacing: .05em;
margin-bottom: 0;
transition: 200ms ease-in-out;
transition-property: color;
color: #1a1a1a;
height: auto !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.c-product-teaser__icon {
font-size: 14px;
letter-spacing: .15em;
text-transform: uppercase;
line-height: 1.2142857143;
position: absolute;
bottom: 0;
left: 20px;
display: flex;
width: calc(100% - 40px);
min-height: 40px;
margin: 0;
padding-top: 2px;
padding-bottom: 0;
padding-left: 34px;
font-weight: bold;
transition: 200ms ease-in-out;
transition-property: color;
left: calc(20px + 30px);
width: calc(100% - ((20px + 30px) * 2));
}
.c-product-teaser__icon::before {
top: 10px;
bottom: 0;
left: 0;
width: 21px;
height: 2px;
background-color: #f29054;
transition: 200ms ease-in-out;
transition-property: background;
}
.c-product-teaser__icon::after {
top: 5px;
left: 9px;
width: 12px;
height: 12px;
border-color: #f29054;
border-top: 2px solid #f29054;
border-right: 2px solid #f29054;
transform: rotate(45deg);
transition: 200ms ease-in-out;
transition-property: border,left;
}
.c-product-teaser__icon::before, .c-product-teaser__icon::after {
position: absolute;
display: block;
content: "";
}
.c-product-teaser::after {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #e6e6e6;
transition: 200ms ease-in-out;
transition-property: opacity;
content: "";
left: 20px;
width: calc(100% - 40px);
}
.c-product-teaser__topline {
font-size: 14px;
letter-spacing: .15em;
text-transform: uppercase;
line-height: 1.2142857143;
display: block;
margin-bottom: 5px;
color: #adadad;
transition: 200ms ease-in-out;
transition-property: color;
}
.c-product-teaser:hover .c-product-teaser__text-box-inner,.c-product-teaser:focus .c-product-teaser__text-box-inner{background-color:#f29054;box-shadow:0 5px 15px 0 rgba(26,26,26,.2)}
.c-product-teaser:hover .c-product-teaser__topline,.c-product-teaser:hover .c-product-teaser__headline,.c-product-teaser:hover .c-product-teaser__text,.c-product-teaser:focus .c-product-teaser__topline,.c-product-teaser:focus .c-product-teaser__headline,.c-product-teaser:focus .c-product-teaser__text{color:#fff;text-decoration:none}
.c-product-teaser:hover .c-product-teaser__icon,.c-product-teaser:focus .c-product-teaser__icon{color:#fff}
.c-product-teaser:hover .c-product-teaser__icon::before,.c-product-teaser:focus .c-product-teaser__icon::before{background-color:#fff}
.c-product-teaser:hover .c-product-teaser__icon::after,.c-product-teaser:focus .c-product-teaser__icon::after{border-color:#fff}
.c-product-filter__footer {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.c-product-filter__button {
font-size: 15px;
line-height: 1.2;
letter-spacing: .15em;
text-transform: uppercase;
width: auto;
padding: 13px 30px;
color: #fff;
font-weight: bold;
background-color: #333;
transition: 200ms ease-in-out;
transition-property: background-color,box-shadow;
border: none;
}
.c-product-filter__button:hover{background-color: #f29054;color:#fff;}
.c-product-filter__button:visited{color:#fff}
.c-textmedia .c-product-filter__footer{
justify-content: left;
}
.c-textmedia .c-product-filter__button{margin-right:10px;background-color: #f29054;}
.c-textmedia .c-product-filter__button:hover{background-color: #333;}

.contact-full .left{width:43%!important}
.contact-full .right{width:57%!important}
.contact-full .about .left .txt{margin-left:70px}
.c-contact__topline {
font-size: 15px;
line-height: 1.2;
letter-spacing: .15em;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
color: #adadad;
font-weight: bold;
}
.c-contact__vcard {
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
padding-top: 50px;
padding-right: 30px;
padding-bottom: 50px;
padding-left: 30px;
display: flex;
}
.c-contact__vcard-inner {
display: flex;
flex-direction: column;
order: 1;
width: 100%;
justify-content: center;
}
.c-contact__image-box {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
flex: 0 0 50%;
max-width: 50%;
align-self: flex-start;
order: 2;
height: 100%;
margin-top: 5px;
}
.c-contact__name {
font-weight: bold;
font-size: 20px;
font-family: "Helvetica Neue",Arial,Verdana,sans-serif;
line-height: 1.5;
letter-spacing: .05em;
margin-bottom: 10px;
}
.c-contact__text {
font-size: 18px;
line-height: 1.6111111111;
letter-spacing: .05em;
margin-bottom: 0;
color: #1a1a1a;
color: #fff;
}
.c-linklist.is-contact {
flex-direction: column;
width: 100%;
margin-top: 20px;
}
.c-linklist__item {
position: relative;
display: flex;
margin: 0;
padding: 0;
margin-right: 0;
margin-bottom: 10px;
}
.is-contact .c-linklist__link{
font-size: 15px;
line-height: 1.2;
letter-spacing: .15em;
padding: 11px 15px;
background-color: transparent;
outline: 1px solid #adadad;
transition: background-color 200ms ease-in-out;
}
.is-contact .c-linklist__link:hover{
color:#fff;
background-color:#f29054;
outline: 1px solid #f29054;
}

@media (max-width: 1200px){
.c-product-teaser__text{
height:90px; 
}
}
@media (max-width: 1250px){
.pro .c-product-teaser__text{
height:auto; 
}
.pro .c-product-teaser__headline{height:80px;}
}

.c-content-teaser-list__header {
/* position: relative; */
width: 100%;
padding-right: 15px;
padding-left: 15px;
width: 100%;
color: #333;
font-size: 34px;
line-height: 1.3529411765;
letter-spacing: .05em;
font-family: "Helvetica Neue",Arial,Verdana,sans-serif;
margin-bottom: 1.875rem;
font-weight: bold;
}
.yy{margin:60px auto}
.yy .c-product-teaser__image-box{border:none;padding:0;}
.yy .c-product-teaser__img-wrap{height:auto;}
.yy .c-product-teaser__text-box-wrap{margin:0;}
.yy .c-product-teaser__text-box{margin-top:0;padding:0}
.yy .c-product-teaser__icon{width:100%;left:20px}
.yy .c-product-teaser::after{left:0;width:100%}
.yy .c-product-teaser__text{height:80px}
@media( max-width: 1430px ) and (min-width: 1250px) {
.yy .c-product-teaser__text{height:120px} 
}
@media( max-width: 1249px ) and (min-width: 1200px) {
.yy .c-product-teaser__text{height:140px} 
}
@media (max-width: 992px){
.wapgrid {
    display: grid!important;
}
.wapgrid .order2 {
    order: 2!important;
}
.wapgrid .order1 {
    order: 1!important;
}
.yy{margin:30px auto}
.top2{margin-top:-40px;max-width: 100%;padding: 30px 15px 0;max-width: calc(100% - 20px);}
.mb60{margin-bottom:20px;}
.top3{width:100%;max-width:100%;padding: 30px 15px;}
.c-textmedia ul>li{font-size:16px}
.c-textmedia ul li::before{width:8px;height:8px;}
.c-product-teaser__text-box{
padding-right: 15px;
padding-left: 15px;
margin-top: 0;
}
.c-product-teaser__icon{
left: 20px;
width: calc(100% - 40px);
}
.c-product-teaser::after{left:0;width:100%}
.pro .li,.yy .li{margin-bottom:40px;}
.contact-full .about .left .txt{margin-left:15px;padding: 20px;}
.about .left .txt{margin:15px}
.about .txt h3{font-size:30px;}
.about .txt p{font-size:18px;}
.about{display: block;}
.c-product-filter__button{padding: 13px 20px;}
.about .txt h3 {
    font-size: 26px;
}
.about .txt p{font-size:16px}
.c-textmedia ul{padding-left:0;margin-bottom:20px;}
.pro .about .txt h3{font-size: 26px;text-align: center;}
.pro .c-textmedia ul>li{font-size:16px;margin-bottom: 5px;}
.c-textmedia .c-product-filter__footer{justify-content: center;}
.contact-full .left,.contact-full .right{width:100%!important;padding: 0; margin: 0;}
.c-content-teaser-list__header{font-size: 26px;
padding-left: 0;}
.c-product-teaser__text{height:auto;}
.c-product-teaser__text-box-inner{padding:20px 10px}
.c-product-teaser__headline{font-size:20px;}
.c-product-teaser__text{font-size:15px;}
.c-contact__image-box{display:none;}

}
@media (max-width: 500px){
.c-product-filter__button{padding:8px 15px;font-weight:400;font-size:14px;letter-spacing: 0;}
.about .txt h3 {
    font-size: 22px;
}
.pro .about .txt h3 {
    font-size: 22px;
    text-align: left;
}
.pro .c-textmedia ul>li{font-size:14px;margin-bottom: 5px;padding-left: 15px;}	
.c-textmedia ul li::before {
    width: 6px;
    height: 6px;
    top: 12px;
}
}
#liuyan .wsc-form .form-control{width:100%}  
#liuyan .wsc-form .fm-item{margin-bottom:20px}
#liuyan .wsc-form .fm-item{margin-top:0;}
#liuyan .wsc-form .fm-item label{font-size:16px;}
#gbook .about .txt a{color:#f29054}
.tj{margin:60px auto}
.tj .c-product-teaser__img-wrap{height:auto}
.tj .c-product-teaser__image-box{padding:0;border:0;}
.tj .li{margin-bottom:40px;}
@media (min-width: 992px){
.tj .c-product-teaser__text{
height: 280px;
overflow: hidden;}
}
@media (min-width: 1240px){
.tj .c-product-teaser__text{
height: 204px;
overflow: hidden;}
}
@media (min-width: 1450px){
.tj .c-product-teaser__text{
height: 175px;
overflow: hidden;}
}

.pro .pro7{display:none;}