.idxbanner { display:none}
.slider{overflow:hidden;position:relative;}
.slider .slider-p{position:absolute;right:0;top:50%;transform: translateY(-50%); width:100%;text-transform:uppercase;z-index: 1;}
.sliderTitle{
    font-size:22px;
    color:rgba(128,128,128,1);
}
.sliderTxt{
    width: 494px;
    font-size:75px;
    font-weight: bold;
    color:rgba(31,26,23,1);
    line-height: 70px;
    margin: 23px 0 5.2vw 0;
}
.sliderMore a{
    font-size:18px;
    color:rgba(31,26,23,1);
}
.sliderMore { text-transform:capitalize}
.sliderMore a img{margin-left: 18px;}
.idxPro{padding: 8vw 0 7vw 0;}
.idxProTop{margin-bottom: 4.1vw;}
.idxProTopTitle{
    font-size:35px;
    font-weight: bold;
    color:rgba(31,26,23,1);
    line-height:40px;
}
.idxProTopMore{
    width:106px;
    height:32px;
    border:1px solid rgba(216,216,216,1);
    line-height: 32px;
    text-align: center;
    font-size:16px;
    font-weight: bold;
    color:rgba(31,26,23,1);
    margin-top: 42px;
}
.idxProTopMore:hover{
    background: #0067AC;
    color: #ffffff;
}
.idxProItem{
    float: left;
    width: 25%;
    background: #F8F8F8;
    padding: 2.4vw;
}
.idxProItem:nth-of-type(2n){
    background: #EDEDED;
}
.idxProItemTitle{
    font-size:16px;
    font-weight: bold;
    font-weight:bold;
    color:rgba(147,147,147,1);
    line-height:20px;
    text-transform: uppercase;
}
.idxProItemPic img{max-width: 100%;transition: .6s;}
.idxProItemPic{margin:  3.5vw 0; overflow: hidden;}
.idxProItemName{
    height: 66px;
    font-size:18px;
    font-weight: bold;
    color:rgba(31,26,23,1);
    line-height:22px;
    text-transform: uppercase;
    word-break : break-all;
    text-align: center;
}
.idxProItem  a:hover .idxProItemPic img{transform: scale(1.1);}
.idxSteam{padding: 5.4vw 0;background: #4B4D50;}
.idxSteamList{
    padding: 3.8vw 0 4.5vw;
    border-top: 1px solid  #7c7d7f;
    border-bottom: 1px solid  #7c7d7f;
    text-align: center;
}
.idxSteamTitle{
    font-size:35px;
    font-weight: bold; line-height:40px;
    color:rgba(255,255,255,1);
    margin-bottom: 3.6vw;
    text-transform: uppercase;
}
.idxSteamItemPic img{transition: .6s;max-height:94px}
.idxSteamItem:hover .idxSteamItemPic img{
    transform: rotateZ(360deg)
}
.idxSteamItemTitle{
    font-size:22px;
    font-weight: bold;
    color:rgba(255,255,255,1);
    line-height:25px;
    margin-top: 21px;
}
.idxPic{
    padding: 5.7vw 0 7.1vw 0;
}
.pr{position: relative;}
.idxPicCon{
    width: 72%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.idxPicItemCon{
    font-size: 32px;
    font-weight: bold;
    color:rgba(255,255,255,1);
    line-height:40px;
}
.idxPicItem:last-child .idxPicItemCon{
    width: 244px;
    margin-left: auto;
}
.idxPicTxt{
    width:459px;
    font-size:15px;
    color:rgba(255,255,255,1);
    line-height:22px;
    margin:5.6vw  auto 0 auto;
    text-align: center;
}
.idxNewsSwiper .swiper-slide {
    width:  37%!important;
    transition: .6s;
}
.idxNewsSwiper .swiper-wrapper{
    margin-left: -18vw;
}
.idxNewsTitle{
    font-size:35px;
    font-weight: bold;
    color:rgba(31,26,23,1);
    margin-bottom: 37px;
}
.idxNewsName{
    font-size:25px;
    font-weight: bold;
    color:rgba(31,26,23,1);
    line-height:30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.idxNewsTxt{
    font-size:15px;
    font-weight:500;
    color:rgba(147,147,147,1);
    line-height:20px;
    margin: 23px 0 40px;
}
.idxNewsMore{
    font-size:15px;
    font-weight: bold;
    color:rgba(0,103,172,1);
}
.idxNewsPic{
    overflow: hidden;
    margin-bottom: 40px;
}
.idxNewsPic img{transition: .6s;}
.idxNewsSwiper .swiper-slide a:hover .idxNewsPic img{
    transform: scale(1.1);
}
.idxNewsMore:hover{color: red;}
.idxNewsCon{
    transition: .6s;
    opacity: 0;
}
.swiper-slide-active .idxNewsCon,.swiper-slide-next .idxNewsCon{opacity: 1;}
.idxNews{padding-bottom: 13.1vw;}
.idxPicList{display: flex; justify-content: space-between; flex-wrap: wrap;}

@media (max-width:1366px){
.idxbanner{ display:block !important;}
.slider{ display:none}
}


@media (max-width:1200px){
    .idxSteamItem {margin-bottom: 30px;}
    .sliderTxt{
        width: 310px;
        font-size:55px;
        line-height:55px;
    }
    .idxPicCon{width: 90%;}

}

@media (max-width:1024px){
    .slider .swiper-slide img{ width:125%; max-width:125%; margin-left:-15%}
    .idxNewsSwiper .swiper-wrapper{
        margin-left: -18.8vw;
    }
	.idxNewsName{ font-size:22px;}
}
@media (max-width:1024px){
    .pimg{display: none;}
    .idxPicCon{
        position: static; 
        transform: none;
        background: url(../img/img.jpg);
        width: 100%;
        padding:15% 0;
    } 
	.idxSteamItem{ width:22.5%; display:inline-block;}
	.idxSteamItemTitle{ font-size:18px;}
	.idxPicCon .idxPicList{ width:80%; margin:0 auto;}
    .idxPicItem:last-child .idxPicItemCon{width: 100%;margin: auto;}
.idxPicItemCon{ font-size:25px; line-height:30px;}
    .idxPicTxt{max-width:480px; margin:0 auto; margin-top:7.5%;padding: 0 15px;}
}

@media (max-width:768px){
       .sliderTxt{
        font-size:40px;
        line-height:40px;
    }
 .idxProTopTitle,.idxSteamTitle,.idxNewsTitle{ font-size:26px; line-height:30px;}
 .idxProTopMore{ margin-top:20px;}
 .idxProItem{ width:50%;}
 
  .idxNewsSwiper .swiper-slide{ margin:0 1% !important; width:35%!important;}

}
@media (max-width:640px){
    .idxPro,.idxSteam,.idxPic{padding: 44px 0;}
    .sliderTitle {
        font-size: 14px;
    }
    .sliderTxt {
        width: 120px;
        font-size:22px;
        line-height:22px;
        margin: 10px 0;
    }
    .slider .slider-p{
        margin-top: 0;
        transform: translateY(-50%);
    }
	.idxSteamItem{ width:45%;}
	.idxSteamItemTitle{ font-size:15px;}
    .sliderMore a {font-size: 12px;}
    .idxProTopTitle{font-size: 18px;    line-height: 24px;}
    .idxProTopMore{    margin-top: 13px;}
    .idxProItem{    width: 50%;}
    .idxProItemName{height: 70px;font-size: 14px;}
    .idxProItemTitle{font-size: 13px;}
    .idxSteamTitle{font-size: 20px;}
    
    .idxNewsSwiper .swiper-slide { width: 66%!important;}
    .idxNewsSwiper .swiper-wrapper{margin-left: 0;}
     .swiper-slide-next .idxNewsCon{opacity: 0;}
     .idxNewsName{
        font-size: 14px;
        line-height: 20px;
        display: -webkit-box; 
        -webkit-box-orient: vertical;
        -webkit-line-clamp:2; 
        overflow: hidden;
     }
     .idxNewsTxt{
        font-size: 12px;
        display: -webkit-box; 
        -webkit-box-orient: vertical;
        -webkit-line-clamp:3; 
        overflow: hidden;
        margin: 10px 0;
     }
     .idxNewsPic{margin-bottom: 10px;}
     .idxNewsMore{font-size: 12px;}
     .idxNewsTitle{font-size: 20px;}
     .idxPicItemCon{
        font-size: 20px;
        line-height: 28px;
     }
}
@media (max-width:480px){
    .idxProItemName {font-size: 12px;}
    .idxProTopTitle {font-size: 14px;}
 .idxProTopTitle,.idxSteamTitle,.idxNewsTitle{ font-size:18px; line-height:25px;}
 	.idxSteamItemTitle{ font-size:14px;}
.idxSteamItemPic img{ height:75px;}
     .idxPicItemCon{
        font-size:16px;
        line-height:25px;
     }
	 .idxPicTxt{ font-size:13px; width:auto;}
}
@media (max-width:320px){
.sliderTxt{ font-size:15px; line-height:20px;}
 .idxProTopTitle,.idxSteamTitle,.idxNewsTitle{ font-size:15px; line-height:20px;}
 .idxProItem{ width:100%; padding:5%;}
 .idxSteamItemTitle{ font-size:12px; line-height:20px;}
 .idxPicItem{ margin-bottom:5%; text-align:center;width:100%;}
}