/*index03warp*/
.title{font-size: 36px;color: #222222;font-weight: bold;margin-bottom: 50px;text-align: center;}
.index03warp{width: 100%;box-sizing: border-box;padding: 0 5%;margin-bottom: 100px;display: block; overflow: hidden;}
.index03warp .min{width: 100%;box-sizing: border-box;position: relative;}
.index03warp .min .left{width: 49.5%;float: left;}
.index03warp .min .left a{display: block;width: 100%;box-sizing: border-box;overflow: hidden;position: relative;}
.index03warp .min .left a img{display: block;width: 100%;transition: all .6s;}
.index03warp .min .left a .mask{display: block;width: 100%;box-sizing: border-box;position: absolute;top: 0;left: 0;z-index: 1;}
.index03warp .min .left a:hover img{transform: scale(1.1);}
.index03warp .min .left a .text{width: 100%;box-sizing: border-box;position: absolute;bottom: 0;left: 0;padding-right: 30%;padding-left: 30px;z-index: 2;}
.index03warp .min .left a .text .data{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: baseline;align-items: baseline;margin-bottom: 30px;}
.index03warp .min .left a .text .data h3{font-size: 48px;color: #fff;}
.index03warp .min .left a .text .data font{font-size: 15px;color: rgba(255,255,255,0.7);padding-left: 20px;border-left: 1px solid rgba(255,255,255,0.7);margin-left: 20px;}
.index03warp .min .left a .text h4{font-size: 18px;color: #ffffff;font-weight: bold;margin-bottom: 30px;line-height:24px;}
.index03warp .min .left a .text h5{font-size: 15px;color: #ffffff;line-height: 24px;color: rgba(255,255,255,0.7);margin-bottom: 30px;}
.index03warp .min .right{position: absolute;right: 0;height: 100%;width: 50%;box-sizing: border-box;padding-left: 15px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;}
.index03warp .min .right .item{ position: relative; cursor:pointer; width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding: 10px 40px;}
.index03warp .min .right .item:hover{box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.index03warp .min .right .item .data{display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;-webkit-align-items: center;align-items: center;border-right: 1px solid #ddd;width: 20%;box-sizing: border-box;padding: 30px 0;padding-right: 30px;}
.index03warp .min .right .item .info{box-sizing: border-box;padding-left: 30px; width:80%;}
.index03warp .min .right .item .data h3{font-size: 44px;color: #de7900;font-weight: bold;margin-top:0px !important;margin-bottom: 0px !important;}
.index03warp .min .right .item .data strong{display: block;width: 30px;height: 1px;background-color: #ddd;margin: 5px 0;}
.index03warp .min .right .item .data font{font-size: 15px;color: #666666;}
.index03warp .min .right .item .info h3{font-size: 17px;color: #222222;font-weight: bold;margin-bottom: 20px;}
/*.index03warp .min .right .item .info h4{font-size: 14px;color: #666666;line-height: 24px;}*/
.index03warp .min .right .item a{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.index03warp .min .left .swiper-pagination{bottom: 30px;text-align: right;box-sizing: border-box;padding-right: 40px;}
.index03warp .min .left .swiper-pagination .swiper-pagination-bullet{background-color: #ffffff;opacity: 1;}
.index03warp .min .left .swiper-pagination .swiper-pagination-bullet-active{background-color: #de7900;width: 45px;border-radius: 2rem;}


.index03warp .more{background-color: transparent;color: #e8250e;width: 180px;height: 42px;line-height: 42px;margin-top: 40px;border: 1px solid #de7900;}
.index03warp .more:hover{color: #fff;background-color:#de7900;}
.more{display: block;width: 206px;height: 52px;text-align: center;line-height: 52px;font-size: 14px;color: #fff!important;margin: auto;box-sizing: border-box;position: relative;z-index: 0;}
.more:after{content: '';display: block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;background-color: #fff;z-index: -1;transition: all .3s;}
.more:hover:after{width: 100%;}


@media only screen and (max-width: 1600px){
.index03warp .min .right .item .info h4 {
  font-size: 12px;
  color: #666666;
  line-height: 20px;
}
	.index03warp .min .right .item .data{width: 22%;padding: 10px 0;}
	.index03warp .min .right .item .info{width: 78%;}
	.index03warp .min .right .item .info h3{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;}
	.index03warp .min .left a .text .data{margin-bottom: 20px;}
	.index03warp .min .left a .text h4{margin-bottom: 20px;}
	.index03warp .min .left a .text h5{font-size: 12px;     line-height: 20px;}
	.index03warp .min .right .item .data h3{font-size: 42px;}
	.title{font-size: 32px;}
}
@media only screen and (min-width:900px) and (max-width:1279px) {
	.index03warp .min .left a .mask{height: 100%;}
	.index03warp .min .left a img{width: auto;min-width: 100%;height: 300px;}
	.index03warp .min .right .item{padding: 10px;}
	.index03warp .min .right .item .data h3{font-size: 36px;line-height:1px;}
	.more{font-size: 14px;}
	.index03warp .min .left a .text{padding-right: 22%;}
	.index03warp .min .left a .text .data h3{font-size: 42px;}
	.index03warp .min .left a .text h4{font-size: 16px;margin-bottom: 15px;}
	.index03warp .min .left a .text h5{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 90%;}
	.index03warp{margin-bottom: 80px;}
}

@media only screen and (min-width:750px) and (max-width:1000px) {
	.index03warp .min .left a .text .data{margin-bottom: 10px;}
	.index03warp .min .left a .mask{height: 100%;}
	.index03warp .min .left a img{width: auto;min-width: 100%;height: 300px;}
	.index03warp .min .right .item{padding: 10px;}
	.index03warp .min .right .item .data h3{font-size: 30px;}
	.index03warp .min .right .item .data font{font-size: 12px;}
	.index03warp .min .right .item .info{padding-left: 20px;}
	.more{font-size: 14px;}
	.index03warp .min .left a .text{padding-right: 22%;padding-left: 20px;}
	.index03warp .min .left a .text .data h3{font-size: 42px;}
	.index03warp .min .left a .text h4{font-size: 16px;margin-bottom: 15px;}
	.index03warp .min .left a .text h5{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 90%;}
	.index03warp{margin-bottom: 80px;}
}


@media only screen and (max-width:760px){

.index03warp{padding: 0 2%;}
.index03warp .min .left{width: 100% !important;}
.index03warp .min .right{position: relative;width: 100%;padding: 0;margin-top: 30px;float: left;}
.index03warp .min .right .item{padding: 10px 0;}
.index03warp .min .right .item .data font{font-size: 12px;}
.index03warp .min .right .item .data h3{font-size: 32px;}
.index03warp .min .right .item .info{padding-left: 10px;}
.index03warp .more{margin-top: 30px;}
.index03warp{margin-bottom: 50px;}
.index03warp .min .left a img{width: auto;height: 300px;}
.index03warp .min .left a .text{padding: 0 5%;}
.index03warp .min .left a .text h4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
}