/*首页样式*/
/*banner样式*/
.header{position: relative;}
.header,.header .swiper-container div,.header .swiper-container img{width: 100%;}
.swiper-pagination-bullet{opacity:1;background: #FFFFFF;}
.header .swiper-pagination.swiper-pagination-bullets{width:120px;height: 15px; left: 90%;padding: 2px 7px;}
.swiper-pagination .swiper-pagination-bullet-active{opacity: 1;width: 24px;border-radius: 2px;background-color: #00A9E0;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;vertical-align: top;width: 24px;height: 6px;border-radius: 2px;}
.banner-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-size: 56px;text-align: center;color: #fff;}
.banner-box p{margin-bottom: 0;margin-top: 12.5%;}
.banner-box p span{vertical-align: super;margin-left: 3px;margin-right: 3px;}

/*主体样式*/
.main-body{width: 84%;margin: auto;margin-top: 50px;position: relative;margin-bottom: 80px;}
.recommend{position: relative;width:100%;}
.recommend-sort{position: relative;}
.recommend-sort ul{position: relative;zoom: 1;overflow: hidden;}
.recommend-sort ul:first-child{margin-bottom: 40px;}
.recommend-sort li{float: left;width: 29.19937%;margin-left: 6.1908%;background: #FFFFFF;overflow: hidden;margin-bottom: 4px;}
.recommend-sort li:first-child{margin: 0;}
.recommend-sort li a{position: relative;width: 100%;height: 100%;display: block;overflow: hidden;}
.recommend-sort li>a div{position: absolute;left: 0; top: 0;width: 100%;height: 100%;font-size: 22px;text-align: center;color: #fefefe;}
.index-title{margin-bottom: 0;margin-top: 25%;}
.recommend-sort li img{width: 100%; transition: all 0.6s;}