body{background-color: #fff!important;}
.width1200{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}

/* index banner start */
.stage { width: 100%; }
.stage .banner { width: 1200px;height: 582px;margin: 0 auto;background: #151415;overflow: hidden;}
.stage .banner .swiper-wrapper{;height: 582px;}
.stage .banner .wrap .swiper-slide { position: absolute; opacity: 0; box-sizing: border-box;cursor: pointer;height: 582px;}
.stage .banner .content { width: 100%;margin: 0 auto;text-align: center;}
.stage .banner .title {font-family: font_Regular;text-align:left;position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.6);z-index: 3;color: #fff; width: 100%;height: 40px; line-height: 40px;font-size: 18px;text-indent:2rem; }
.stage .banner .swiper-wrapper a{width: 100%;height: 100%;}
.stage .banner .img {width: 100%;height: 582px;}


.swiper-pagination {width: 100px;height: 25px;bottom: 0;z-index: 19;right:0;}
.swiper-pagination span { position: relative; width: 8px; height: 8px;background: #666666; margin: 0 3px; border-radius: 4px; display: inline-block; transition: all .3s linear; }
.swiper-pagination span.active { background: #CE202E;width: 28px; }
.btn-next,.btn-prev { position: absolute;top: 40%;transform: translateY(-50%);cursor: pointer;z-index: 4;animation: ico01_left 1s linear infinite alternate;}
.btn-next i,.btn-prev i { font-size: 50px;color: #696869;animation: ico01_right 1s linear infinite alternate;}
.btn-next i:hover,.btn-prev i:hover { animation: swiperBtnAni .3s ease-out forwards; }
@keyframes swiperBtnAni {
    from { font-size: 50px;color: #696869; }
    to { font-size: 60px;color: #CE202E; }
}

.btn-next { right: 15px; }
.btn-prev { left: 15px; }

/* index banner end */

/*PC_indexList start*/
.PC_indexList {margin: 30px auto;}
.PC_Ibody {  /* 09版 */
    -webkit-box-lines: multiple;
    /* 12版 */
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;}
.PC_Ibody>div{margin-bottom: 16px;margin-right: 16px;}
.PC_Ibody .icom{position: absolute;top: 0;right: 0;width: 60px;height: 52px;}
.PC_Ibody .new{background: url("/static/ui/images/index/icom_new.png")no-repeat center/90% auto;}
.PC_Ibody .pic{background: url("/static/ui/images/index/icom_pic.png")no-repeat center/90% auto;}
.PC_Ibody .video{background: url("/static/ui/images/index/icom_video.png")no-repeat center/90% auto;}
.PC_Ibody .W25{width: 280px;height: 280px;}
.PC_Ibody .W25 img{width: 280px;height: 280px;}
.PC_Ibody .W50{width: 584px;height: 280px;-webkit-box-shadow: 3px 2px 5px 5px #e1e1e1;-moz-box-shadow: 3px 2px 5px 5px #e1e1e1;box-shadow: 3px 2px 5px 5px #e1e1e1;}
.PC_Ibody .WH50{width: 584px;height: 587px;}
.PC_Ibody .WH50 img{width: 587px;height: 587px;}
.W50 img{width: 280px;height: 280px;margin-right:26px;float: left;}
.W50 .Wnew{float:left;margin:12px auto;width:246px;}
.W50 .Wnew .topNew{margin-bottom:38px;color:#ce202e;letter-spacing:0;font-size:14px;font-family:font_XBdCnd;}
.W50 .Wnew .time{color:#999;letter-spacing:0;font-size:12px;font-family:font_AGLight;margin-bottom: 5px;}
.W50 .Wnew .title{height: 60px;color:#000;letter-spacing:.6px;font-size:24px;font-family:font_Heavy;line-height:29px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.W50 .Wnew .intro{margin:12px 0 19px;color:#000;text-align:justify;letter-spacing:0;font-size:12px;font-family:font_AGLight;line-height:17px;}
.W50 .Wnew .more{width:122px;height:42px;background:#000;color:#fff;text-align:center;line-height:42px;font-size: 14px;cursor: pointer;}

.hover-border{position:absolute;top:0;left:0;display:flex;visibility:hidden;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;align-items:center;justify-content:center;transition:all .3s;}
.hover-border>div{display:flex;box-sizing:border-box;width:100%;height:100%;border:2px solid #fff;text-align:center;align-items:center;justify-content:center;flex-direction: column;}
.hover-border .tran-item{transition:all .3s;transform-origin:center center;cursor: pointer;}
.hover-border .tran-item .time{color:#fff;letter-spacing:0;font-size:14px;font-family:font_AGLight;margin-bottom: 5px;}
.hover-border .tran-item .title{color:#fff;letter-spacing:.6px;font-size:24px;font-family:font_Heavy;line-height:29px;font-weight: bold;}
.image-box:hover .hover-border{visibility:visible;opacity:1;}
.image-box:hover .tran-item{transform:scale(.8,.8);}

.PC_poster{text-align: center;}
.PC_poster img{margin-top: 25px;}

/*PC_indexList end*/




/* ---------------iPad 适配 */
@media only screen and (max-width:1200px ) {

    .width1200{width: 100%;}

    /* banner start */
    .stage .banner { width: 100%;height: 300px;}
    .stage .banner .img {height: 300px;width: auto;}


    /* banner end */




    /*Mobile_indexList start*/
    .Mobile_indexList{margin: 0 auto;width:88%;padding-bottom: 40px;}
    .Mobile_indexList .hot_title{font-family: font_SSBold;font-size: 20px;color: #000000;margin: 30px 0 10px;font-weight: bold;}

    .Mobile_indexList .Mobile_Ibody{width:100%;height:100%;}

    .Mobile_indexList .list{border-radius: 5px;-webkit-box-shadow: 0 5px 5px 0 #e1e1e1;-moz-box-shadow: 0 5px 5px 0 #e1e1e1;box-shadow: 0 5px 5px 0 #e1e1e1;overflow: hidden;width: 100%;height: auto;margin-bottom: 15px;}
    .Mobile_indexList .list .list_pic{width: 100%;height: auto;position: relative;}
    .Mobile_indexList .list .list_pic img{width: 100%;height: auto;}
    .Mobile_indexList .list .list_pic .icom{position: absolute;top: 4%;right: 1%;width: 8%;height: 14%;}
    .Mobile_indexList .list .list_pic .new{background: url("/static/ui/images/index/icom_new.png")no-repeat center/100% auto;}
    .Mobile_indexList .list .list_pic .pic{background: url("/static/ui/images/index/icom_pic.png")no-repeat center/100% auto;}
    .Mobile_indexList .list .list_pic .video{background: url("/static/ui/images/index/icom_video.png")no-repeat center/100% auto;}
    .Mobile_indexList .list .list_title{font-family: font_SHRegular;font-size: 14px;color: #000000;letter-spacing: 0.3px;padding-left: 10px;margin-top: 10px;line-height: 18px;}
    .Mobile_indexList .list .list_time{font-family: font_SHRegular;font-size: 10px;color: #666666;letter-spacing: 0.3px;line-height: 15px;padding-left: 10px;margin: 10px 0;}


    .Mobile_indexList .loadmore{position:absolute;top: 99%;width:100%;text-align:center;color: #999;background: url("/static/ui/images/icom_more.png")no-repeat 33% center /30px auto;height: 33px;line-height: 33px;font-size: 13px;}




    /*Mobile_indexList end*/

    .PC_poster{width: 88%;margin:0 auto ;text-align: center;}
    .PC_poster img{width: 100%;height: auto;}
    



}


/* ipad pro */
@media screen and (max-width: 1024px) {


}

/* ipad */
@media screen and (max-width: 768px) {
    /*body {*/
    /*background-color: green;*/
    /*}*/
}

/* --------------- Mobile 适配 */
@media screen and (max-width:720px) {
    /* banner start */
    .stage .banner {border-bottom: 15px solid #191919; }
    .stage .banner { height: 180px;}
    .stage .banner .title { font-size: 14px;height: 25px; line-height: 25px;letter-spacing: 0.3px;}
    .stage .banner .img {width: 100%;height: 180px;}
    .swiper-pagination {height: 18px;}
    
    .btn-next,.btn-prev { display: none; }
    /* banner end */

}


/* iphone6 7 8 plus */
@media screen and (max-width: 414px) {
    /*body {*/
    /*background-color: blue;*/
    /*}*/
}
/* iphoneX */
@media screen and (max-width: 375px) and (-webkit-device-pixel-ratio: 3) {
    /*body {*/
    /*background-color: #0ff000;*/
    /*}*/
}
/* iphone6 7 8 */
@media screen and (max-width: 375px) and (-webkit-device-pixel-ratio: 2) {
    /*body {*/
    /*background-color: #0ff000;*/
    /*}*/
}
/* iphone5 */
@media screen and (max-width: 320px) {
    /*body {*/
    /*background-color: #0ff000;*/
    /*}*/
}