/*.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}*/

.art-slider{max-width:1180px; margin:2rem auto 0 auto;}
.w-imgText{ position:relative; overflow: visible;}
.w-imgText ul,.w-imgText li{ list-style:none; padding:0; margin:0;}
.w-imgText .item{ position:relative;}
.w-imgText .item > a{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2;}
.w-imgText .swiperBox{ overflow: hidden; padding-right: 0;}
.w-imgText .imTB{ overflow:hidden;}
.w-imgText .img{ width:49%;}
.w-imgText .img img{width:100%; }
.w-imgText .textB{ position:absolute; left:50%;  top:3rem; bottom:0;padding:25px 50px 10px 15px; line-height:1.7;}
.w-imgText .textB .bg_x{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:0;}
.w-imgText .textB .text_x{ position:relative; z-index:1;max-height: 100%; overflow:hidden; }

.w-imgText .textB .text_x .tt_h{font-size:1.6rem; color:#fff;font-weight:600; line-height:1.5; margin-bottom:1rem;}

.w-imgText .textB .text_x p{
font-size: 1.2rem;
line-height: 1.5;
letter-spacing: 1px;
color: #fff;
margin-top: 1.25rem;
padding-top: .75rem;
text-decoration: none;
border-top: 1px rgba(255,255,255,.4) solid;text-align: justify; }


.w-imgText .textB .text_x .btn{
	margin-top:1.25rem; 
	line-height: 2.5; 
	padding: 0 2rem; 
	display: inline-block; 
	border: 1px solid rgba(105,244,247,1); 
	color:rgba(105,244,247,1);
	background: none;
	border-radius: 2rem;
}
/*.w-imgText .igt_page{position: absolute; z-index: 10; left: auto; width: auto; right: 0; top: -65px; font-size: 20px; color: #999;}
.w-imgText .igt_page span.on{ color: #222; font-size: 200%;}*/
.igt_page_text{ margin-top: 25px;}
.igt_page_text ul, .igt_page_text li{ list-style: none; padding: 0; margin: 0;}
.igt_page_text li{ float: left; text-align: center; overflow: hidden; opacity: 0.5; cursor: pointer;}
.igt_page_text li:hover,.igt_page_text li.on{opacity: 1;}
.igt_page_text li .item_span{ display: inline-block; *display:inline; *zoom:1; padding: 0 1em 0 0; position: relative;}
.igt_page_text li .item_span:before,.igt_page_text li .item_span:after{ content: ''; position: absolute; height: 1px; width:600px; top: 50%; background: #fff;}
.igt_page_text li .item_span:before{ right:100%;}
.igt_page_text li .item_span:after{ left: 100%;}
.igt_page_text li .item_span > div{display: inline-block; *display:inline; *zoom:1; vertical-align: middle;}
.igt_page_text li .item_span .num{  color: rgba(105,244,247,1);  font-size: 4rem;  font-weight: 800;}
.igt_page_text li .item_span .tit{ margin-left: .5rem; font-size: 1.125rem;}
.igt_page_text li:hover .item_span .num,.igt_page_text li.on .item_span .num{visibility: visible;}
/*.igt_page_text li .item_span .adore{ display: block; width:1em; height: 1em; background:#000; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top:50%; margin-top:-0.5em; left:77px;}
.igt_page_text li.on .item_span .adore{background:#f60;}*/
@media screen and (max-width:1440px) {
.igt_page_text li .item_span .num {
	font-size: 3.5rem;
font-weight: 900;
	}
}

@media (max-width:1200px){
    .title{ padding-left:15px;}
}
@media (max-width:1050px){
    .igt_page_text li .item_span .num{ font-size: 64px;}
	.igt_page_text li .item_span .adore{ left: 47px;}
.w-imgText .textB {
    position: absolute;
    left: 50%;
    top: 1rem;
    bottom: 0;
    padding: 25px 50px 10px 15px;
    line-height: 1.5;
}	
}
@media (max-width:860px){
    .w-imgText .igt_page{ }
	.w-imgText .swiperBox{ padding-right: 0;}
	.w-imgText li{width:100%;}
	.w-imgText .img{width:100%;}
	.w-imgText .textB{position: relative; left:0; padding:1.2em 4%;}
	.w-imgText .textB .text_x{ top:0; transform:none; -webkit-transform:none;}
	:root .w-imgText .textB .text_x{ top:0;}
	.igt_page_text{ }
	.art-slider {
    max-width: 100%;
		margin: .5rem auto 3rem auto;}
	.igt_page_text li .item_span .tit {
  margin-left: 0;
  font-size: .85rem;
}
}
    
@media (max-width:767px){
    .igt_page_text li .item_span{ padding: 0 1em;}
	.igt_page_text li .item_span .tit{ }
	.igt_page_text li .item_span .adore{left: 50%; margin-left: -0.5em;}
}
@media (max-width:480px){
    body{font-size:4vw;}
    .title{font-size:6vw;}
    .w-imgText .textB .text_x .tt_h{ font-size: 6vw;}
   .igt_page_text li .item_span .num{ font-size: 14vw;}
   .igt_page_text{ margin-top:.5rem; line-height: 1.3;display: block;}
	.igt_page_text li .item_span .num{ font-size: 40px;}
	.igt_page_text li .item_span .adore{ left: 34px;}
}
}