.index-title {margin-bottom: 30px;}
.index-title h1{font-size: 30px;color: #572424;font-weight: normal;;line-height: 30px;}


.index01{max-width: 1290px;margin: 0 auto;padding: 6.5% 6%;}
.index01-container{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.index01-left{width: 47.5%;}
.index01-left p{font-size: 15px;line-height: 30px;color: #777;}
.index01-right{width: 50%;}
.index01-img{display: inline-block;width: 100%;padding-bottom: 66.6%;position: relative;}
.index01-img a{display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;right:0;overflow: hidden;}
.index01-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index01-left .more{margin-top: 6.5%;}
.index01-img a img:hover{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.more a{ display: inline-block; font-size: 14px; color: #d89533; padding: 15px 30px; border: 1px solid #d89533; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.more a:hover{color: #fff;background: #d89533;}
@media(max-width:1600px){
    .index-title h1{font-size: 28px;line-height: 28px;}
    .index01-left p{font-size: 14px;line-height: 28px;}
}
@media(max-width:1500px){
    .index-title h1{font-size: 26px;line-height: 26px;}
    .more a{font-size: 13px;padding: 12px 25px;}
    .index-title {margin-bottom: 25px;}
}
@media(max-width:1400px){
    .index-title h1{font-size: 25px;line-height: 25px;}
    .index01-left p{font-size: 13px;line-height: 26px;}
}
@media(max-width:1300px){
    .index-title h1{font-size: 24px;line-height: 24px;}
    .index-title {margin-bottom: 20px;}
}
@media(max-width:1200px){
    .index-title h1{font-size: 22px;line-height: 22px;}
    .index01{padding: 8% 3%;}
    .index01-left p{font-size: 12px;line-height: 24px;}
    .more a{font-size: 12px;padding: 10px 20px;}
}
@media(max-width:960px){
    .index-title h1{font-size: 20px;line-height: 20px;}
    .index01-container{flex-direction: column-reverse;}
    .index01-left{width: 100%;}
    .index01-right{width: 100%;margin-bottom: 5%;}
}
@media(max-width:760px){
    .index01{padding: 12% 3%;}
    .index-title h1{font-size: 18px;line-height: 18px;}
}



.index02{margin-bottom: 6.5%;}
.index02 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index02 ul li{width: 50.1%;position: relative;overflow: hidden;background: #1c1818;}
.index02 ul li:nth-child(2n){width: 49.9%;}
.index02 ul li .list-img{display: inline-block;width: 100%;padding-bottom: 66.6%;position: relative;}
.index02 ul li .list-img a{display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;right:0;overflow: hidden;}
.index02 ul li .list-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index02 ul li .list-box{display: flex;flex-wrap: wrap;align-items: flex-end; height: 100%;position: absolute; top: 0;left: 0; padding: 0 4%; }
.index02 ul li .list-box>div{position: relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; bottom: -100%;}
.index02 ul li .list-box .list-title h1{color: #fff;font-size: 24px;line-height: 24px; font-weight: normal;margin-bottom: 15px;}
.index02 ul li .list-box .list-title span{display: block; color: #fff;font-size: 16px;margin-bottom: 20px;}
.index02 ul li .list-box .list-txt p{font-size: 15px;line-height: 26px;color: #fff;}
.index02 ul li:hover .list-box>div{bottom: 6.5%;}
.index02 ul li:hover .list-img a img{opacity: .2;}
.index02 ul li .box-title{ position: absolute; bottom: 0; z-index: 10; padding: 0 4%; opacity: 1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index02 ul li .box-title h1{color: #fff;font-size: 24px;line-height: 24px; font-weight: normal;margin-bottom: 15px;}
.index02 ul li .box-title span{display: block; color: #fff;font-size: 16px;margin-bottom: 20px;}
.index02 ul li:hover .box-title{opacity: 0;}
@media(max-width:1600px){
    .index02 ul li .list-box .list-title h1,.index02 ul li .box-title h1{font-size: 22px;line-height: 22px;}
    .index02 ul li .box-title span,.index02 ul li .list-box .list-title span{font-size: 15px;}
    .index02 ul li .list-box .list-txt p{font-size: 14px;line-height: 24px;}
}
@media(max-width:1500px){
    .index02 ul li .list-box .list-title h1,.index02 ul li .box-title h1{font-size: 20px;line-height: 20px;}
    .index02 ul li .box-title span,.index02 ul li .list-box .list-title span{font-size: 14px;}
    .index02 ul li .list-box .list-txt p{font-size: 13px;line-height: 22px;}
    .index02 ul li .box-title h1,.index02 ul li .list-box .list-title h1{margin-bottom: 12px;}
    .index02 ul li .box-title span,.index02 ul li .list-box .list-title span{margin-bottom: 18px;}
}
@media(max-width:1400px){
    .index02 ul li .list-box .list-title h1,.index02 ul li .box-title h1{font-size: 18px;line-height: 18px;}
    .index02 ul li .box-title span,.index02 ul li .list-box .list-title span{font-size: 13px;}
    .index02 ul li .list-box .list-txt p{font-size: 12px;line-height: 20px;}
    .index02 ul li .box-title h1,.index02 ul li .list-box .list-title h1{margin-bottom: 10px;}
    .index02 ul li .box-title span,.index02 ul li .list-box .list-title span{margin-bottom: 15px;}
}
@media(max-width:1300px){
    .index02 ul li .list-box .list-title h1,.index02 ul li .box-title h1{font-size: 17px;line-height: 17px;}
}
@media(max-width:1200px){
    .index02{margin-bottom: 8%;}
    .index02 ul li .list-box .list-title h1,.index02 ul li .box-title h1{font-size: 16px;line-height: 16px;}
}
@media(max-width:960px){
    .index02 ul li,.index02 ul li:nth-child(2n){width: 100%;}
    .index02 ul li .box-title{opacity: 0;}
    .index02 ul li .list-box{position: static;height: auto;}
    .index02 ul li{background: none;}
    .index02 ul li .list-box .list-title h1, .index02 ul li .box-title h1,.index02 ul li .list-box .list-title span,.index02 ul li .list-box .list-txt p{color: #666;}
    .index02 ul li .list-box{padding: 4% 4% 30px;}
}
@media(max-width:760px){
    .index02{margin-bottom: 12%;}
}


.index03{max-width: 1440px;margin: 0 auto;padding: 0 6%;margin-bottom: 6.5%;}
.index03 .index-title{text-align: center;}
.index03 .index-title a{display: inline-block; font-size: 14px;color: #999;margin-top: 15px;}
.index03 .index-title a:hover{color: #d89533;}
.index03 .item{position: relative;}
.index03 .item .item-img{display: inline-block;width: 100%;padding-bottom: 66.6%;position: relative;}
.index03 .item .item-img a{position: absolute;top: 0;left: 0;display: inline-block;width: 100%;height: 100%;overflow: hidden;}
.index03 .item .item-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index03 .item .item-txt{ transform:scale(0); transition: .5s; position: absolute; left: 0; top: 0; background: rgba(153, 153, 153, .8); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index03 .item .item-txt h1{font-size: 18px;color: #fff;padding: 0 5%;}
.index03 .item:hover .item-txt{ transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }



@media(max-width:1600px){
    .index03 .item .item-txt h1{font-size: 17px;}
}
@media(max-width:1500px){
    .index03 .item .item-txt h1{font-size: 16px;}
    .index03 .index-title a{font-size: 13px;margin-top: 12px;}
}
@media(max-width:1400px){
    .index03 .item .item-txt h1{font-size: 15px;}
}
@media(max-width:1300px){
    
}
@media(max-width:1200px){
    .index03 .item .item-txt h1{font-size: 14px;}
    .index03 .index-title a{font-size: 12px;margin-top: 10px;}
    .index03{margin-bottom: 8%;}
}
@media(max-width:960px){
    .index03 .item .item-txt h1{font-size: 13px;}
}
@media(max-width:760px){
    .index03{margin-bottom: 12%;}
    .index03 .row{padding: 0 6%;}
    .row-arrow .owl-nav .owl-prev {left: -8%;}
    .row-arrow .owl-nav .owl-next {right: -8%;}
}