.wrap{
    overflow-y: visible;
}
header{
    background: #24263b;
}
.header_left .sub_logo{
    margin-left: 29px;
}
.banner{
    width: 100%;
    position: relative;
}
.banner .logo{
    position: absolute;
    width: 1000px;
    text-align: left;
    left: 50%;
    margin-left: -500px;
    top: 20px;
}
.banner1{
    /*background: url("../images/bid1/pb-banner.jpg") center center no-repeat;*/
    /*background-size: cover;*/
    /*height: 825px;*/
}
.banner1 .b1_back{
    width: 100%;
}
.tit-wrap{
    position: absolute;
    width: 100%;
    top: 24%;
}
.banner1 .b1_tit{
    width: 43%;
    height: 143px;
    background: url(../images/dota/wenzi.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    animation:scaleA .8s ease .4s both;
    margin: 0 0 0 -21.5%;
}
@keyframes scaleA{
    0%{
        opacity:0;
        -webkit-transform:scale(2,2);
    }
    80%{
        -webkit-transform:scale(.9,.9);
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1,1);
    }
}
.banner1 .b1_tit em{
    display: block;
    text-indent: -999em;
    width: 100%;
    height: 100%;
    background: url(../images/dota/wenzi.png) no-repeat;
    background-size: 100%;
    animation:pulse .8s .8s ease both;
    animation-fill-mode:forwards;
}
@keyframes pulse{
    0%{
        transform:scale(1);
        opacity:1;
        filter:alpha(opacity=100);
    }
    100%{
        transform:scale(1.5);
        opacity:0;
        filter:alpha(opacity=0);
    }
}
.b1_item{
    margin-top: 2%;
}
.b1_item img{
    width: 9.9%;
}
.b1_item img:nth-child(2){
    margin: 0 2.5%;
}.b1_item img:nth-child(3){
    margin-right: 2.5%;
 }

.tit-wrap .tit3{
    font-size: 56px;
    color: #fff;
    background: url("../images/dota/beijing.png") center 0 no-repeat;
    background-size: 45.9%;
    margin-top: 10.3%;
}
.banner1 .b1_btn{
    position: absolute;
    bottom: 7%;
    left: 50%;
    margin-left: -8.75%;
    width: 17.5%;
}
.banner1 .b1_btn img{
    width: 100%;
}
.banner2{
    padding: 77px 0 92px;
    background: url("../images/dota/back.png") 0 0 no-repeat;
    background-size: cover;
}
.banner .pb_tit{
    display: inline-block;
    font-size: 30px;
    color: #fff;
    margin-bottom: 79px;
    background: url("../images/dota/biaoti.png") 0 0 no-repeat;
    background-size: 100%;
    width: 968px;
    height: 84px;
    line-height: 84px;
}
.banner .pb_tit span{
    color: #ffde46;
}
.banner2 .b2_con{
    width: 1028px;
    margin: 0 auto 84px;
    position: relative;
}
.banner2 .b2_con{
    overflow: hidden;
}
.banner2 .b2_con li{
    float: left;
    width: 507px;
    position: relative;
}
.banner2 .b2_con li:nth-child(1){
    margin-right: 14px;
}
.banner2 .b2_con li img{
    width: 100%;
}
.banner2 .b3_con{
    overflow: hidden;
    width: 1200px;
    margin: 0 auto 54px;
}
.banner2 .b3_con li{
    float: left;
    margin-right: 19px;
    width: 285px;
    height: 470px;
    transition: background-size 0.6s ease;
}
.banner2 .b3_con li:nth-child(1){
    background: url("../images/dota/tu1.png") 0 0 no-repeat;
    background-size: 100%;
}
.banner2 .b3_con li:nth-child(1) img{
    margin-top: 153px;
}
.banner2 .b3_con li:nth-child(2){
    background: url("../images/dota/tu2.png") 0 0 no-repeat;
    background-size: 100%;
}
.banner2 .b3_con li:nth-child(2) img{
    margin-top: 155px;
}
.banner2 .b3_con li:nth-child(3){
    background: url("../images/dota/tu3.png") 0 0 no-repeat;
    background-size: 100%;
}
.banner2 .b3_con li:nth-child(3) img{
    margin-top: 152px;
}
.banner2 .b3_con li:last-child{
    margin-right: 0;
    background: url("../images/dota/tu4.png") 0 0 no-repeat;
    background-size: 100%;
}
.banner2 .b3_con li:last-child img{
    margin-top: 152px;
}
.banner2 .b3_con li:hover{
    background-size: 110%;
}
.banner2 .b3_con li img{
    margin-bottom: 73px;
}
.banner2 .b3_con .b3_txt{
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #2ae1ff;
}
.banner2 .slide{
    width: 1164px;
    margin: 0 auto 89px;
}
.banner2 .slide .slide_items{
    width: 337px;
    height: 127px;
    padding: 18px 13px;
    overflow: hidden;
    border: 1px solid #f8b700;
    border-radius: 4px;
}
.banner2 .slide .usr_pic{
    float: left;
    width: 95px;
    height: 91px;
}
.banner2 .slide .slide_txt{
    width: 134px;
    float: right;
    text-align: left;
}
.banner2 .slide .slide_txt p{
    margin-bottom: 9px;
}
.banner2 .slide .slide_txt_tit{
    font-size: 16px;
    color: #6bf7fc;
    line-height: 16px;
    margin-top: 19px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.banner2 .slide .slide_txt_sub{
    font-size: 12px;
    color: #fefefe;
    height: 67px;
    overflow: hidden;
}
.banner2 .slide .swiper-pagination-bullet{
    background: #24263b;
    width: 10px;
    height: 10px;
}
.banner2 .slide .swiper-pagination-bullet-active{
    background: #fff;
}
.b3_btn{
    width: 18%;
    display: block;
    margin: 0 auto;
}
.b3_btn img{
    width: 100%;
}
/*栏目页手机端*/
@media (max-width: 768px) {
    .tit-wrap .tit3{
        font-size: 14px;
    }
    .banner .pb_tit{
        font-size: 14px;
        width: 90%;
        line-height: 28px;
        height: 28px;
        margin-bottom: 40px;
    }
    .banner2 .b2_con{
        width: 80%;
        margin: 0 auto 42px;
    }
    .banner2 .b2_con li{
        width: 100%;
    }
    .banner2 .b2_con li:nth-child(1){
        margin: 0 0 10% 0;
    }
    .banner2 .b3_con li:nth-child(2){
        margin-right: 0;
    }
    .banner2 .b3_con{
        width: 90%;
        margin-bottom: 0;
    }
    .banner2 .b3_con li{
        width: 48%;
        margin-right: 4%;
        height: 295px;
        margin-bottom: 2%;
        transition: none;
    }
    .banner2 .b3_con li:nth-child(1) img,
    .banner2 .b3_con li:nth-child(2) img,
    .banner2 .b3_con li:nth-child(3) img,
    .banner2 .b3_con li:nth-child(4) img{
        margin-top: 33%;
    }
    .banner2 .b3_con li img{
        margin-bottom: 10%;
    }
    .banner2 .b3_con .b3_txt{
        font-size: 14px;
        line-height: 14px;
    }
    .banner2 .slide{
        width: 90%;
        margin: 0 auto;
    }
    .banner2 .slide .slide_txt{
        width: 57%;
    }
}