@charset "utf-8";

.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1; overflow: hidden;}
.clearfix li img { width: 157px; height: 157px; border-radius: 157px; }
.zhezhao { width: 157px; height: 157px; background-color: rgba(000, 000, 000, 0.5); border-radius: 157px; position: absolute; top: 0px;  display: none; }
.clearfix-box { -webkit-animation: fly 2.5s infinite ease-in-out both; }
.clearfix-box:hover> .zhezhao { display: block; }
.clearfix-box-show { display: block !important; }

.main{max-width:900px; margin:40px auto;}
.title{font-size:24px; margin-bottom: 15px;}
.w-imgText{ position:relative; overflow: visible; display: flex; align-items: flex-end; margin-top: 50px; }
.w-imgText ul,.w-imgText li{ list-style:none; padding:0; margin:0; width: 837px !important;}
.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 .textB{ position:absolute; left:50%; right:0; top:0; bottom:0;padding:15px 4%; 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:20px; color:#333;font-weight:bold; line-height:1.5; margin-bottom:0.5em;}
.w-imgText .textB .text_x p{ color:#808080;}
.w-imgText .textB .text_x .btn{margin-top:2em; line-height: 2.5; padding: 0 3em; display: inline-block; border: 1px solid #bbb; color:#333;}
.w-imgText .igt_page{ margin-right: 20px; z-index: 10; width: auto; font-size: 20px; color: #999; position: relative; left: -30px;}
.w-imgText .igt_page span.on{ color: #222; font-size: 71px; font-weight: bold; position: relative; top: 14px;}
.igt_page_text{ position: absolute; left: 0; right: 0; margin-top: -213px; }
.igt_page_text ul, .igt_page_text li{ list-style: none; padding: 0; margin: 0 auto;}
.igt_page_text li{ width: 900px; display: flex; justify-content: space-around; align-items: center; cursor: pointer; transform: scale(0.85);}

.igt_page_text li img {
    /* -webkit-animation: fly 2.5s infinite ease-in-out both; */
}
.swiper-slide p:hover {
    color: #31c4b8 !important;
    border-bottom: 1px solid #31c4b8 !important;
}
.swiper-slide p:hover> span {
    color: #31c4b8 !important;
}




.swiper-slide p { height: 65px; font-size: 22px; color: #424242; padding: 25px 0 0 0; border-bottom: 1px solid #f0f3f5; cursor: pointer; font-weight: bold; display: flex; align-items: center; }
.swiper-slide p span{ font-size: 17px; color: #a7a7a7; margin-left: 25px; font-weight: 100; width: calc(100% - 160px); }

@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;}
}
@media (max-width:860px){
    .w-imgText .igt_page{ display: none;}
	.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{ margin-top:0; line-height: 1.3;}
	.igt_page_text li .item_span .num{ font-size: 50px;}
	.igt_page_text li .item_span .adore{ left: 34px;}
}
@media (max-width:767px){
    .igt_page_text li .item_span{ padding: 0 1em;}
	.igt_page_text li .item_span .tit{ display: none;}
	.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;}
}

@-webkit-keyframes fly {

    0%,
    100% {
        -webkit-transform: translate3d(0, 5px, 0);
        opacity: 1
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1
    }
}