.indexBanner .swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: center;height: 850px;}
.indexBanner .swiper-slide h2{font-size: .5rem;margin-bottom: .1rem;}
.indexBanner .swiper-pagination{}
.indexBanner .swiper-pagination span{width: .04rem;height: .04rem;border: 1px solid #fff;opacity: 1;background: none;}
.indexBanner .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}

.indexSec1{padding: .5rem 0;text-align: center;background-image: url(../image/index2_03.png);background-repeat: no-repeat;background-position: 0 .7rem;}
.indexSec1 .Tit{font-size: .36rem;color: #666;margin-bottom: .36rem;}
    .indexSec1 .intro {
        line-height: 1.6em;
        margin-bottom: .36rem;
        margin: 24px;
    }
.indexSec1 .imgListBox{}
    .indexSec1 .imgListBox a {
        display: inline-block;
        width: 28%;
        margin: 0 .3rem;
    }
.indexSec1 .moreBtn{text-align: center;margin-top: .4rem;}
.indexSec1 .moreBtn a{display: inline-block;border: 1px solid #e60012;color: #e60012;padding: .12rem;width: 1.68rem;background-image: url(../image/index_19.png);background-repeat: no-repeat;background-position: 1.5rem center;transition: all .4s;}
.indexSec1 .moreBtn a:hover{background-position: 1.6rem center;}


.indexSec2{height: 9.8rem;box-sizing: border-box; padding: .6rem 0 1.16rem 0;background-image: url(../image/index_22.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;}
.indexSec2 .Tit{font-size: .36rem;color: #666;margin-bottom: .36rem;color: #fff;text-align: center;}
.indexSec2 .intro{line-height: 1.6em;margin-bottom: .36rem;color: #fff;text-align: center;}
.indexSec2 .contentBox{overflow: hidden;}
.indexSec2 .contentBox .item{width: 22.5%;height: 6rem;position: relative; float: left;overflow: hidden;background-size: cover;display: block;}
.indexSec2 .contentBox .item{max-width:auto;}
.indexSec2 .contentBox .item:nth-of-type(1){width: 31%;height: 6.8rem;}
.indexSec2 .contentBox .item .hover{width: 100%;height: 1.74rem;background-color: #e60012;position: absolute;bottom: 0rem;opacity: 0;}
.indexSec2 .contentBox .item.current .hover{opacity: 1;}
.indexSec2 .contentBox .item .before{display: table;font-size: .18rem;background-color: rgba(0,0,0,0.3);}
.indexSec2 .contentBox .item.current .before{display: none;}


.indexSec3{box-sizing: border-box; padding: .6rem 0;background-image: url(../image/index_23.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;}
.indexSec3 .Tit{font-size: .36rem;color: #666;margin-bottom: .36rem;color: #fff;text-align: center;}
.indexSec3 .intro{line-height: 1.6em;margin-bottom: .36rem;color: #fff;text-align: center;padding: 0 22%;text-align: left;}
.indexSec3 .conBox{}
    .indexSec3 .conBox .item {
        width: 32%;
        margin-bottom: 2%;
        margin-right: 2%;
        position: relative;
    }
.indexSec3 .conBox .item:nth-of-type(3n){margin-right: 0;}
.indexSec3 .conBox .item .layout{position: absolute;width: 100%;bottom: 0;padding: .16rem 0;background-color: rgba(0,0,0,.76);text-align: center;color: #fff;font-size: .18rem;}


.indexSec4{box-sizing: border-box; padding: .6rem 0;background-image: url(../image/index_24.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;}
.indexSec4 .Tit{font-size: .36rem;color: #666;margin-bottom: .36rem;color: #fff;text-align: center;}
.indexSec4 .conBox{text-align: left;font-size: 0;}
.indexSec4 .conBox .item{display: inline-block;width: 20%;box-sizing: border-box;border: 1px solid #fff;}

@media only screen and (min-width : 320px) and (max-width : 1201px){
	.indexSec2{height: auto;}
	.indexSec1{background: none;}
	.indexBanner .swiper-slide{height: auto;}
	.indexSec2 .contentBox .item{height: 4rem;}
	.indexSec2 .contentBox .item,
	.indexSec2 .contentBox .item:nth-of-type(1)
	{width: 25%;height: 4rem;}
	.indexSec2 .contentBox .item.current .hover{opacity: 0;}
	.indexSec2 .contentBox .item.current .before{display: table;}
	.indexSec3 .conBox .item img{width: 100%;}
}
@media only screen and (min-width : 320px) and (max-width : 641px){
	.indexSec3 .conBox .item
	{width: 100%;}
	.indexSec2 .contentBox .item,
	.indexSec2 .contentBox .item:nth-of-type(1)
	{width: 50%;height: 4rem;}
	.indexSec3 .intro{padding: 0;}
	.indexSec3 .conBox .item{margin: .2rem 0;}
	.indexSec4 .conBox .item{width: 50%;}
	.indexBanner .swiper-slide h2{ font-size: .36rem;}
}