.mainContainer { position: relative; width: 100%; height: 100%; min-height:1410px;}
.mainContainer:after { content:""; display:block; clear:both; }

.mainContainer .mainSlider { position: relative; width: 100%; height: 100%; }

.mainContainer .mainBanner { position: absolute; bottom: 0; width: 100%; padding: 2.5% 0; background: rgba(165, 31, 32, .8); z-index: 999;}
.mainContainer .mainBanner ul { width: 100%; max-width:1240px; margin: 0 auto; text-align: center;  }
.mainContainer .mainBanner ul li { display: inline-block; width: calc(33.33% - 20px); margin: 8.5px; vertical-align: top; }
.mainContainer .mainBanner ul li a { display: block; padding-bottom: 8%; background: #fff; text-align: center; border-radius:17px;}
.mainContainer .mainBanner ul li a span { display: block; }
.mainContainer .mainBanner ul li a .image { padding-top: 8.5%;}
.mainContainer .mainBanner ul li a .title { padding: 3% 0 4%; font-size: 24px; color: #A51F20; font-weight: bold;}
.mainContainer .mainBanner ul li a .contents { font-size: 16px; color: #000; line-height: 130%;  }
.mainContainer .mainBanner ul li a .contents p {display:block;}

.swiper-wrapper > div {height:1410px;}
.swiper-wrapper .inner {position:absolute; top:20%; left:50%; width:940px; z-index:2; transform: translate(-50%, -20%); text-align:center; margin:0 auto; color:#fff;}
.swiper-wrapper .inner h2 {font-size:54px; padding:20px 0 10px;}
.swiper-wrapper .inner h4 {font-size:44px; padding:20px 0 10px;}
.swiper-wrapper .inner h3 {font-size:16px;}
.slide1 { background:url('/images/main/main_imgbg1.jpg') no-repeat center;}
.slide2 { background:url('/images/main/main_imgbg2.jpg') no-repeat center;}
.slide3 { background:url('/images/main/main_imgbg3.jpg') no-repeat center;}

.swiper-pageContainer { position: absolute; top: 35%; left:50%;  transform: translate(-50%, -35%); width:380px; height: 50px; z-index: 999;}
.bgblack {position: absolute; right:0; top:-18px; width:120px; height:40px; background: rgba(0,0,0,.4); border-radius:20px; }
.swiper-pagination {width:70px; left:auto; right:55px; top:10px; font-size:15px;}
.swiper-pagination,
.swiper-pagination span{ color:#fff; }
.swiper-button-next, .swiper-button-prev {outline:none; color:#fff; font-weight:normal; width:20px; height:20px; border:1px solid #fff; border-radius:50%; vertical-align:middle; top:30px;}
.swiper-button-next:after, .swiper-button-prev:after { text-align:center;  font-size:11px; }
.swiper-button-prev {left:auto; right:36px;}
.swiper-button-next {}
.swiper-scrollbar {width:230px; height:2px; position:absolute; left:0; background: rgba(255,255,255,.4);}
.swiper-scrollbar-drag {background: rgba(255,255,255,1);}


@media screen and (max-width:1100px){
	.mainContainer {min-height:1310px;}
	.swiper-wrapper > div {height:1310px;}
	.mainContainer .mainBanner ul li a .title { font-size: 20px;}
	.mainContainer .mainBanner ul li a .contents { font-size: 15px; }
}

@media screen and (max-width:850px){
	.mainContainer {min-height:1210px;}
	.swiper-wrapper > div {height:1210px;}
	.swiper-wrapper .inner img {max-height:40px;}
	.swiper-wrapper .inner h2 {font-size:40px;}
	.swiper-wrapper .inner h4 {font-size:34px;}
	.swiper-wrapper .inner h3 {font-size:14px;}

	.swiper-pageContainer {width:300px;}
	.swiper-scrollbar {width:150px;}
	.mainContainer .mainBanner {padding:5% 0;}
	.mainContainer .mainBanner ul li a .image img { max-width:80px}
	.mainContainer .mainBanner ul li a .title { font-size: 17px;}
	.mainContainer .mainBanner ul li a .contents { font-size: 13px; }
}

@media screen and (max-width:768px){
	.mainContainer {min-height:1410px;}
	.swiper-wrapper > div {height:1410px;}
	.mainContainer .mainBanner ul li { width: calc(50% - 20px);  }
}

@media screen and (max-width:680px){
	.swiper-wrapper .inner { width:440px;}
	.swiper-wrapper .inner h2 {font-size:30px;}
	.swiper-wrapper .inner h4 {font-size:26px;}
	.swiper-wrapper .inner h3 {font-size:13px;}

	.mainContainer .mainBanner {padding:8% 0;}
}
@media screen and (max-width:560px){
	.mainContainer .mainBanner ul li {width: calc(50% - 18px); margin: 6px; }
	.mainContainer .mainBanner ul li a {min-height:200px;}
	.mainContainer .mainBanner ul li:nth-child(2n+1) {margin-right:3px}
	.mainContainer .mainBanner ul li:nth-child(2n) {margin-left:3px}
}
@media screen and (max-width:470px){
	.mainContainer {min-height:1310px;}
	.swiper-wrapper > div {height:1310px;}
	.swiper-wrapper .inner {width:370px; top:15%; transform: translate(-50%, -15%);}
	.swiper-wrapper .inner h2 {font-size:24px;}
	.swiper-wrapper .inner h4 {font-size:18px;}
	.swiper-wrapper .inner h3 span,
	.swiper-wrapper .inner h4 span{display:block;}
	.swiper-pageContainer { top: 40%; transform: translate(-50%, -40%); }
	.mainContainer .mainBanner ul li a .contents {padding:0 5px;}
	.mainContainer .mainBanner ul li a .contents p {display:inline;}
}
@media screen and (max-width:370px){
	.swiper-wrapper .inner h2 {font-size:22px;}
}