html{
    background: url(../img/main-bottom-bg.png) no-repeat;
    background-size: 100% auto;
    background-position: bottom;
}
.main{
    margin: 40px auto;
}
.main-top-div1{
    border: 5px #C6AE7F solid;
    padding: 40px 20px;
}
.main-top-div1 h4{
    color: #C6AE7E;
    font-size: 30px;
    margin-top: 0px;
    font-weight: 500;
    line-height: 1.4;
}
.main-top-div1 p{

font-size: 16px;

color: #838383;

line-height: 2;

margin-bottom: 0px;

text-align: justify;
}
.main-top-div1 .top1-rightimg{
 
position: absolute;
 
transform: scale(1.1);
 
left: 30px;
 
top: 20px;
}
.main-div2{

background-color: #CBB486;

margin: 40px 0px;

padding: 40px 0px;
}
.main-div2 ul.picTextList li a,
.main-div2 ul.picTextList{
    overflow: initial;
}
.main-div2 ul.picTextList li{
    margin-bottom: 35px;
    overflow: inherit;
}
.main-div2 .squarePicList .ImgCrop{
    width: 300px;
    height: 190px;
    margin-right: 20px;
}
.main-div2 ul.picTextList li a .title{

color: #fff;

font-size: 26px;

font-weight: 600;
}
.main-div2 ul.picTextList li a .date {

font-size: 16px;

margin-bottom: 0px;

color: #fff;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 4;

overflow: hidden;
}
.main-div2 ul.picTextList li a:hover{
background-color: transparent;


}
/* .main-div2 ul.picTextList li a:hover  .ImgCrop {
    transform: scaleY(1.5);
} */
/* .main-div2 ul.picTextList li a:hover p.title{
    color: #C9B27D;

}
.main-div2 ul.picTextList li a:hover p.date{
    color: #838383;
    
} */
.main-div2-h4{

font-size: 30px;

color: #fff;

margin-bottom: 40px;

position: relative;
}
.main-div2-h4::after{
    content: '';
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 18px;
    left: 0px;
}
.main-div2-h4 a{

color: #fff;

font-weight: 600;

padding-right: 50px;

position: relative;

background-color: #cbb486;

z-index: 1;
}
.main-div2-h4 a::after{
    content: '';
    width: 18px;
    height: 18px;
    background-color: #fff;
    position: absolute;
    transform: rotate(40deg);
    right: 3px;
    top: 14px;
}
.div3-owl {
margin-top: 30px;
}
.div3-owl .owl-carousel .owl-item img{

width: 80px;

height: 80px;

margin: 15px auto;

border-radius: 100%;

border: 1px #C6AE7E  solid;

padding: 3px;

background-color: #fff;

position: relative;

z-index: 1;
}
.div3-owl .owl-item > .item > a > .title{
    
position: relative;
    
background-color: transparent;
    
color: #838383;
    
font-size: 16px;
    
width: 70%;
margin: auto;

}
.div3-owl .owl-item > .item > a > .title span{
    display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;
white-space:initial ;
width: 100%;
}

.div3-owl .owl-nav  .owl-next,
.div3-owl .owl-nav .owl-prev{
    background: transparent;
    border: none;
    font-size: 40px;
    position: absolute;
    top: 90px;
    color: #B8B8B8;
    left: -60px;
}
.div3-owl .owl-nav .owl-next{right: -60px;left: auto;}
.div3-owl .owl-carousel .owl-stage-outer{
    padding-top: 100px;
}
.div3-owl .owl-item:nth-child(2n)   .item a{
    position: absolute;
    top: -80px;
}
.div3-owl .owl-item.active:nth-child(2n)   .item a::after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #C6AE7F;
    position: absolute;
    right: -110px;
    top: 104px;
    transform: rotate(32deg);
}
.div3-owl .owl-item.active:nth-child(odd)   .item a::after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #C6AE7F;
    position: absolute;
    right: -110px;
    bottom: 150px;
    transform: rotate(-32deg);
}
.div3-owl .owl-item.active:last-child   .item a::after{
    content: '';
}
.footer{
    background: rgba(242,242,242 ,0.6);
}