@charset "utf-8";
/* CSS Document */

/*banner*/
#i_banner { position: relative; z-index: 0; background-color: #e9e9e9;}
#i_banner .swiper-slide { position: relative; z-index: 0;}
#i_banner .pic { position: relative; z-index: 0; padding-top:694px;}
#i_banner .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
#i_banner .txtb { position: absolute; left: 0; top: 6.7vw; bottom: 6.7vw; right: 0; right: 0;
display: flex; justify-content: center; align-items: center;}
#i_banner .txtb .txt { width:36.4%; margin: 0 auto 0 0; text-align: left; color: rgba(255,255,255,0.9); 
filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
transition: all 1s;
-webkit-transition:all 1s;
transform: translate(0,90px);
-ms-transform: translate(0,90px);
-webkit-transform: translate(0,90px);}
#i_banner .txtb .txt .name { color: #e62118; line-height: 1.2;}
#i_banner .txtb .txt .intro { margin-top: 1.8em;
overflow: hidden; height:auto; color: #6f7070;}
#i_banner .txtb .txt .btnRed { margin-top: 4em;}

#i_banner .swiper-slide-active  .txtb .txt {
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);}

#i_banner .swiper-pagination { height:1.2em; padding: 0 2.8%;
 bottom: 1.4em;    display: flex; justify-content: center; align-items: center;}
#i_banner .swiper-pagination-bullet { width: 1.1em; height: 1.1em;
 background-color: #fff; margin: 0 0.35em !important;
  filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
#i_banner .swiper-pagination-bullet-active { position: relative; z-index: 0;
	 filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	 background-color: #e62118;}


@media only screen and (max-width:1556px) { 
	 #i_banner .pic { padding-top:44.6%;}
}

.indBox { padding: 5.2em 0 4.8em;}

.indBox .tit { color: #e5180e; font-weight: bold; text-align: center;}
.indBox .tit::after { content: ""; display: block; margin: 0.3em auto 0; width: 2em;height: 2em;
background: url(../images/arrow.png) center center no-repeat;
background-size:contain ;}
.indBox .list ul { margin-top: 2.7em; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.indBox .list li { margin-top: 1.7%; width: 49.15%; position: relative; z-index: 0;}
.indBox .list .pic { position: relative; z-index: 0; padding-top: 64.2%;}
.indBox .list .pic img { position: absolute; z-index: 0; left: 0; top:0; width: 100%; height: 100%; object-fit: cover;}

.indBox .list .txtb { position: absolute; z-index: 1; left: 0; top: 4.2em; width: 100%; text-align: center; color: #fff;}
.indBox .list  a { color: #fff; display: inline-block; margin-top: 1em;}
.indBox .list  a:hover { color: #fff; text-decoration: underline;}


.partnerBox { padding: 5em 0 9.7em; color: #fff;
background:#af4b4b url(../images/part_bg.jpg) center center no-repeat;
background-size:cover;}
.partnerBox .tit { color: #fff; font-weight: bold; text-align: center;}
.partnerBox .tit::after { content: ""; display: block; margin: 0.3em auto 0; width: 2em;height: 2em;
background: url(../images/arrow_2.png) center center no-repeat;
background-size:contain ;}
.partnerBox .swiper-partner { margin-top: 1.7em;}
.partnerBox  .list ul { display: flex; flex-wrap: wrap; justify-content: flex-start;
align-items: flex-start;}
.partnerBox  .list li { margin-top: 2%; width: 16.6%;
}
.partnerBox  .list li .picb { display: block; cursor: pointer; margin: 0 3.5%;  padding-top: 44%;
transition: all 0.5s;
-webkit-transition:all 0.5s;
position: relative; z-index: 0;

background-color: #fff;

-moz-box-shadow: 0 0 0.3em rgba(0, 0, 0, .4);
-webkit-box-shadow: 0 0 0.3em rgba(0, 0, 0, .4);
box-shadow: 0 0 0.3em rgba(0, 0, 0, .4);
}
.partnerBox  .list li .picb .pic { display: block; 
position: absolute; width: 80%; height: 60%;
left: 10%; top: 20%;
}
.partnerBox  .list li .picb .pic img { display: block; width: 100%; height: 100%; object-fit: contain;}

.swiper-partner .btnNPW { margin-top: 1.9em;}
.swiper-partner .btnNext,.swiper-partner .btnPrev {
	cursor: pointer; display: inline-block;
	width:3.5em; height: 3.5em; margin:0 0.5em; border: 1px solid #dfe2ea;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	background: url(../images/arrow_5.png) center center no-repeat;
	background-size:34% auto;
} 
.swiper-partner .btnPrev { left: 5.2%; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
.swiper-partner .btnNext:hover,
.swiper-partner .btnPrev:hover {border: 1px solid #0e7dc1;
filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8;
background-color: #f4f5f9;
background-image: url(../images/arrow_4.png);
}

@media only screen and (max-width:828px) { 
	.partnerBox  .list li { width: 32.66%; margin-right:1%;}
	.partnerBox  .list li:nth-child(5n) { margin-right: 1%;}
	.partnerBox  .list li:nth-child(3n) { margin-right: 0;}
	
	.swiper-partner .btnNext,.swiper-partner .btnPrev {
		width:2em; height: 2em;
	}
}