.index01{padding: 7% 0;}
.index01-container{max-width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap; justify-content: space-between;padding:0 8%;position: relative;}
.index01-left{display: inline-block;width: 225px;text-align: right;}
.index01-left .index-title{text-align: right;}
.index01-container .index-more{text-align: right;position: absolute;top: 170px;left:195px;}
.index01-right{display: inline-block;width: 66.7%;}
.index01-right h1{font-size: 22px;color: #333;margin-bottom: 5%;}
.index01-right p{font-size: 15px;color: #666;line-height: 30px;}
.index01-right img{display: inline-block;width: 100%;}
@media(max-width:1400px){
    .index01-right h1{font-size: 20px;}
    .index01-left {width: 170px;}
    .index01-right {width: 74.7%;}
    .index01-container .index-more{top: 130px;left:140px;}
}
@media(max-width:1200px){
    .index01-right h1{font-size: 18px;}
    .index01-right p {font-size: 14px;}
    .index01-container{padding: 0 5%;}
    .index01-container .index-more{top: 120px;left:110px;}
}
@media(max-width:960px){
    .index01-right h1{font-size: 16px;}
    .index01-right p {font-size: 13px;}
    .index01-left{width: 100%;text-align: center;}
    .index01-right{width: 100%;}
    .index01-left .index-title{text-align: center;}
    .index01-container .index-more{position: static;width: 100%;text-align: center;margin-top: 5%;}
    .index01-right p br{display: none;}
}



.index02-top{background: url(../image/index02-bg.jpg) no-repeat;background-size: cover;padding: 4.5% 0 18%;}
.index02-top-container,.index02-bottom{max-width: 1200px;margin: 0 auto;padding: 0 8%;}
.index02-top-container>p{font-size: 18px;line-height: 36px;color: #fff;padding: 0 20%;text-align: center;margin-bottom: 50px;}
.index02-top-container ul{display: flex;justify-content: space-between;}
.index02-top-container ul li{text-align: center;width: 20%;}
.index02-top-container ul li img{ display: inline-block; width: 29.1%; margin-bottom: 10%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index02-top-container ul li:hover img{ transform:scale(1.2) ; -webkit-transform:scale(1.2) ; -moz-transform:scale(1.2) ; -ms-transform:scale(1.2) ; -o-transform:scale(1.2) ; }
.index02-top-container ul li span{display: block;font-size: 20px;color: #fff;}
.index02-bottom{margin-top: -12%;}
.index02-bottom .index-title h1{color: #fff;}
.index02-bottom .index-title p{color: #ccc;}
.index02-bottom .row {margin-bottom: 40px;}
.index02-bottom .row .item{background: #fff;text-align: center;box-sizing:inherit;position: relative;}

.index02-bottom .row .item .item-img{width: 100%;padding-bottom: 100%;position: relative;z-index: 10;border: 1px solid #ddd;box-sizing: border-box;border-bottom: none;}
.index02-bottom .row .item .item-img a{display: inline-block; width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.index02-bottom .row .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; }
.index02-bottom .row .item:hover .item-img a img{ transform:scale(1.08) ; -webkit-transform:scale(1.08) ; -moz-transform:scale(1.08) ; -ms-transform:scale(1.08) ; -o-transform:scale(1.08) ; }
.index02-bottom .row .item .item-txt {padding: 6% 3%;background: #f6f6f6;border: 1px solid #ddd;box-sizing: border-box;border-top: none;}
.index02-bottom .row .item .item-txt a{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 16px;color: #333;}
.index02-bottom .row .item:hover .item-txt{background: #540000;}
.index02-bottom .row .item:hover .item-img{border: 1px solid #540000;border-bottom: none;}
.index02-bottom .row .item:hover .item-txt {border: 1px solid #540000;border-top: none;}
.index02-bottom .row .item:hover .item-txt a{color: #fff;}
.index02-bottom .row .item:hover::after{border: 1px solid #540000;}
.index02-bottom .row .owl-controls .owl-nav .owl-prev,.index02-bottom .row .owl-controls .owl-nav .owl-next{
    width: 3.18%;height: 11.5%;position: absolute;top: 44.5%;background: url(../image/index02-arrow.png) no-repeat;background-size: 100% 100%;}
.index02-bottom .row .owl-controls .owl-nav .owl-prev{left: -5%;}
.index02-bottom .row .owl-controls .owl-nav .owl-next{ right: -5%; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.index02-bottom .row .owl-controls .owl-nav .owl-prev:hover{
background: url(../image/index02-arrow-hover.png) no-repeat;
background-size: 100% 100%;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg)-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}
.index02-bottom .row .owl-controls .owl-nav .owl-next:hover{
background: url(../image/index02-arrow-hover.png) no-repeat;
background-size: 100% 100%;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}
  
@media(max-width:1700px){
    .index02-top-container>p{font-size: 17px;line-height: 34px;}
    .index02-top-container ul li span{font-size: 19px;}
}
@media(max-width:1600px){
    .index02-top-container>p{font-size: 16px;line-height: 32px;}
    .index02-top-container ul li span{font-size: 18px;}
    .index02-top-container ul li img {width: 25%;}
    .index02-bottom .row .item .item-txt a{font-size: 15px;}
}
@media(max-width:1500px){
    .index02-top-container>p{font-size: 15px;line-height: 30px;}
    .index02-top-container ul li span{font-size: 17px;}
    .index02-bottom .row .item .item-txt a{font-size: 14px;}
}
@media(max-width:1400px){
    .index02-top-container>p{font-size: 14px;line-height: 28px;}
    .index02-top-container ul li span{font-size: 16px;}
    .index02-bottom .row .item .item-txt a{font-size: 13px;}
    .index02-bottom .row {margin-bottom: 30px;}
}
@media(max-width:1200px){
    .index02-top-container>p{font-size: 13px;line-height: 26px;}
    .index02-top-container ul li span{font-size: 14px;}
    .index02-bottom .row .item .item-txt a{font-size: 12px;}
    .index02-bottom .row {margin-bottom: 25px;}
    .index02-bottom .row .owl-controls .owl-nav .owl-prev, .index02-bottom .row .owl-controls .owl-nav .owl-next{height: 9%;}
}
@media(max-width:960px){
    .index02-bottom .row .owl-controls .owl-nav .owl-prev, .index02-bottom .row .owl-controls .owl-nav .owl-next{height: 8%;width: 4.18%;}
    .index02-top {padding: 8% 0 25%;}
    .index02-bottom {margin-top: -20%;}
    .index02-top-container>p{font-size: 12px;line-height: 24px;padding: 0 10%;}
    .index02-top-container ul li span{font-size: 12px;}
    .index02-bottom .row .owl-controls .owl-nav .owl-prev, .index02-bottom .row .owl-controls .owl-nav .owl-next {height: 13%;width: 7.18%;}
    .index02-bottom .row .owl-controls .owl-nav .owl-prev {left: -8%; }
    .index02-bottom .row .owl-controls .owl-nav .owl-next {right: -8%; }
}
@media(max-width:760px){
    .index02-top-container ul li img { width: 28px;}
    .index02-top {padding: 8% 0 40%;}
    .index02-bottom {margin-top: -30%;}
}



.index03{padding: 6.5% 0 4%;}
.index03-container{max-width: 1200px;margin: 0 auto;padding: 0 8%;}
.index03-container ul li{display: flex;align-items: center; margin-bottom: 6.5%;position: relative;box-sizing: border-box;}
.index03-container ul li .index03-img{display: inline-block;width: 55%;padding-bottom: 36.7%;position: relative;}
.index03-container ul li .index03-img a{display:block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;}
.index03-container ul li .index03-img a img{display:block;width: 100%;height: 100%;}
.index03-container ul li .index03-txt{background: #f5f5f5;width: 38.4%;position: absolute;z-index: 10;right: 0;padding: 5.5% 5.8%;}
.index03-container ul li .index03-txt h1{font-size: 22px;color: #540000;font-weight: normal;margin-bottom: 8%;}
.index03-container ul li .index03-txt p{font-size: 15px;line-height: 30px;color: #666;margin-bottom: 8%;}
.index03-container ul li .index03-txt .index03-more a{display: inline-block; font-size: 14px;color: #540000;padding-bottom: 8px;position: relative;}
.index03-container ul li .index03-txt .index03-more a:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #540000; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index03-container ul li .index03-txt .index03-more a:hover::after{bottom: -3px;}
.index03-container ul li:nth-child(even){flex-direction: row-reverse;}
.index03-container ul li:nth-child(even) .index03-txt{right: auto;left: 0;}

@media(max-width:1600px){
    .index03-container ul li .index03-txt h1{font-size: 20px;}
}
@media(max-width:1500px){
    .index03-container ul li .index03-txt h1{font-size: 19px;}
}
@media(max-width:1400px){
    .index03-container ul li .index03-txt h1{font-size: 18px;}
    .index03-container ul li .index03-txt p { font-size: 14px;line-height: 26px;}
}

@media(max-width:1200px){
    .index03-container ul li .index03-txt h1{font-size: 17px;}
    .index03-container ul li .index03-txt p { font-size: 13px;line-height: 24px;}
}
@media(max-width:960px){
    .index03 {padding: 10% 0 4%;}
    .index03-container{padding: 0 5%;}
    .index03-container ul li{flex-wrap: wrap;}
    .index03-container ul li .index03-txt h1{font-size: 16px;}
    .index03-container ul li .index03-txt .index03-more a{font-size: 12px;}
    .index03-container ul li .index03-txt p br{display: none;}
    .index03-container ul li .index03-img{width: 100%;padding-bottom: 66.7%;}
    .index03-container ul li .index03-txt{position: static;width: 100%;}
}