body{background:#F2F2F2;}

.detail .content .banner{position:relative;background:#fff;padding:18px;}
.detail .banner_content{background:#fff;padding:18px;margin-top:18px;}


.detail .content .banner .pic_img img{width:100%;height:438px;object-fit:cover;}
.detail .content .banner .img_box{position:absolute;left:0;bottom:20px;z-index:10;width:100%;}
.detail .content .banner .img_box .left{width:150px;}
.detail .content .banner .img_box .right{width:60%;margin-top:70px;margin-left:18px;}

.detail .content .banner .img_box .img_box_rel{padding:20px 40px;}

.detail .content .banner .img_box .right .title,
.detail .content .banner .img_box .right .short_title{color:#fff;font-size:16px;color:#fff;}
.detail .content .banner .img_box .right .short_title{margin-top:10px;}


.banner_content_rel .item h3::before{content:'';display:block;width:25px;height:5px;background:url(/uiFramework/commonResource/image/2022122205351336077.png) no-repeat 0 0;background-size: 100% auto;margin-bottom:11px;}

.banner_content_rel .item{margin-top:30px;}

.banner_content_rel .item h3{
    font-size: 24px;
    color: #4A4A4A;
    line-height:33px;
    margin-bottom:20px;
    font-weight:normal;
}

.banner_content_rel .item .item_content{
    font-size: 20px;
    color: #383838;
    line-height: 32px;
}


.item_content_play .Left{width:70%;}
.item_content_play .Right{width:30%;height:400px;background:#3aabe8;}
.item_content_play .Right .right_box{padding:30px;}


.item_content_play .Right .right_box h4{font-size:24px;color:#fff;font-weight:normal;}
.item_content_play .Right .right_box .summary{font-size:14px;color:#fff;margin-top:12px;padding-top:12px;border-top:1px dotted #fff;line-height:24px;}



.item_content_play .Left .left_ul .left,
.item_content_play .Left .left_ul .Ul,
.item_content_play .Left .left_ul .right{float:left;}


.item_content_play .Left .left_ul .left,
.item_content_play .Left .left_ul .right{margin-top:20px;width:6%;text-align:center;cursor:pointer;}


.item_content_play .Left .left_ul .left img,
.item_content_play .Left .left_ul .right img{width:100%;}



.item_content_play .Left .left_img img{width:100%;height:400px;object-fit:cover;}
.item_content_play .Left .left_ul .Ul ul{width:9999999999px;}
.item_content_play .Left .left_ul .Ul ul li{width:143px;float:left;cursor:pointer;}
.item_content_play .Left .left_ul .Ul ul li .pic{padding:3px;background:transparent;}
.item_content_play .Left .left_ul .Ul ul li.col .pic{background:#3aabe8;}
.item_content_play .Left .left_ul .Ul ul li .pic img{width:100%;height:80px;object-fit:cover;}

.item_content_play .Left .left_ul .Ul{width:88%;overflow:hidden;}
.item_content_play .Left{position:relative;}
.item_content_play .Left .left_ul{position:absolute;left:0;bottom:0;z-index:10;width:100%;background:rgba(0,0,0,.5);padding:15px 0;}


@media only screen and (max-width:1240px){
.detail .content .banner .pic_img img{height:46vw;}
.detail .content .banner .img_box .right{width:clac(100% - 180px);}
}

@media only screen and (max-width:880px){
.banner_content_rel .item h3{font-size:18px;}
.banner_content_rel .item .item_content{font-size:16px;}
.detail .banner_content{padding:9px;}
}

@media only screen and (max-width:750px){
.item_content_play .Left,
.item_content_play .Right{width:auto;float:none;}
.item_content_play .Right{height:auto;}
.item_content_play .Left .left_img img{height:75vw;}
.item_content_play .Right .right_box{padding:20px;}

.detail .content .banner .img_box .left{width:100px;}
.detail .content .banner .img_box .right{margin-top:30px;}

.item_content_play .Right .right_box h4{font-size:20px;}

.item_content_play .Left .left_ul .left, 
.item_content_play .Left .left_ul .right{margin-top:32px;}
}