.wrapper footer #row h4h2.h2title{
    font-size: 30px;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 30px;
}
.wrapper .product{
    padding: 80px 0;
}
.wrapper .news{overflow:hidden;padding: 60px 0;background: #eee;}
.wrapper .news section h3{margin:0 0 30px 0;font-size:30px;padding:20px 0 20px 20px;font-weight:bold;background:#fff;box-shadow:1px 18px 10px -10px #939393}
.wrapper .news section h3 a{color:#6eb418}
.wrapper .news section .newsWrap ul{overflow:hidden;}
.wrapper .news section .newsWrap ul li{overflow:hidden;margin: 20px;float: left;padding:20px;background:#fff;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;-webkit-animation-duration:1.5s;width: calc((100%/3) - 40px);}
.wrapper .news section .newsWrap ul li a.photo{}
.wrapper .news section .newsWrap ul li a.photo img{width:100%;height: 250px;object-fit: cover;}
.wrapper .news section .newsWrap ul li .info h4 {}
.wrapper .news section .newsWrap ul li .info h4 a{color: #575757;font-weight: 400;font-size:20px;letter-spacing: 1px;overflow: hidden;height: 60px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wrapper .news section .newsWrap ul li .info h4 a:hover{color:#333}
.wrapper .news section .newsWrap ul li .info p{
    overflow: hidden;
    height: 45px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 20px;
}
.wrapper .news section .newsWrap ul li .info p.more a{padding:5px;float:right;background:#6eb418;color:#fff;font-size:12px;text-align:center;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;line-height:30px}
.wrapper .news section .newsWrap ul li .info p.more a:hover{background:#ff8814}
.wrapper #addWrap{
    padding: 60px 0;
}
.wrapper #addWrap ul{overflow:hidden;margin:10px 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.wrapper #addWrap ul li{float:left;width: calc(50% - 10px);margin: 10px 0;}
.wrapper #addWrap ul li a{}
.wrapper #addWrap ul li a.photo:hover{background-size:auto 120%}

@media only screen and (min-width:320px){
	.wrapper #addWrap ul li{}
	.cs-style-1 figcaption a{width:100%;height:100%}
}
@media only screen and (min-width:480px){
	.wrapper #addWrap ul li{}
}
@media only screen and (min-width:640px){
	.wrapper .news section .newsWrap ul li a.photo{}
	.wrapper .news section .newsWrap ul li .info{
    margin-top: 20px;
}
	.cs-style-1 figcaption a{width:auto;height:auto}
}
@media only screen and (min-width:768px){
	.wrapper #addWrap ul li{
}
}
@media screen and (max-width: 1024px) {
	.wrapper .news section .newsWrap ul li{
    width: calc((100%/2) - 40px);
}
}
@media screen and (max-width: 480px) {
	.wrapper .news section .newsWrap ul li{
    width: 100%;
    margin: 20px 0;
}
	.wrapper .news section .newsWrap ul li a.photo{
    margin-bottom: 20px;
}
	.wrapper #addWrap ul li{
    width: 100%;
}
}