.nav-wrap{width:100%;height:60px;background:#fff;z-index:1000;}
.top{
    position:fixed;
    top:0; left:0;
    -moz-box-shadow:0px 5px 10px 0px rgba(163,163,163,0.5); -webkit-box-shadow:0px 5px 10px 0px rgba(163,163,163,0.5);box-shadow:0px 5px 10px 0px rgba(163,163,163,0.5);
}
.nav-wrap .nav-content-wrap{margin:0 auto;width:100%;max-width:1220px;height:100%;position: relative;
    /* padding-left:60px;padding-right:60px; */
}
.nav-wrap .nav-content-wrap .logoImg{display:block;width:105px;height:35px;position: relative;left:10px;top:13px;}
.nav-wrap .nav-content-wrap .nav-right-div{position: absolute;;top:0;height:100%;width: 70%;z-index: 999;background: #fff;display: flex;flex-direction: row;align-items: center;}
.nav-wrap .nav-content-wrap .nav-right-div .nav-list{display: flex;flex-wrap: wrap;}
.nav-wrap .nav-content-wrap .nav-right-div .nav-list .list-item {border-bottom:3px solid #fff;margin:0 5px;}
.nav-wrap .nav-content-wrap .nav-right-div .nav-list .list-item2{height:14px;padding:20px 15px 17px;border-bottom:3px solid #fff;}
.nav-wrap .nav-content-wrap .nav-right-div .nav-list .list-item a{display:block;padding:20px 10px 17px;color:#6f6f6f;text-decoration:none;line-height:20px;}
.nav-wrap .nav-content-wrap .nav-right-div .nav-list .list-item:hover{border-bottom:3px solid #01B7DE;}
.nav-wrap .nav-content-wrap .nav-right-div .nav-list .list-item:hover a{color:#01b7de;}
.nav-wrap .nav-content-wrap .nav-right-div .nav-list .list-item.active{border-bottom:3px solid #01B7DE;}
.nav-wrap .nav-content-wrap .nav-right-div .nav-list .list-item.active a{color:#01b7de;}
.nav-wrap .nav-content-wrap .nav-right-div #btnsss{font-size:14px;color:#6F6F6F;margin-left:99px;cursor: pointer;width:70px;position: relative;}
.nav-wrap .nav-content-wrap .nav-right-div #btnsss:hover .xtdl{color:#01B7DE;}
.nav-wrap .nav-content-wrap .nav-right-div #btnsss .pos_div{position: absolute;right:-50px;top:28px;background:#fff;z-index: 10000;display:none;flex-direction: row;padding:25px 0;box-shadow:0px 0px 20px 0px rgba(163,163,163,0.36);border-radius:5px;height:250px;}
.pos_div_div1_item{padding:10px 0px 10px 33px;height:40px;display: flex;flex-direction: row;width:287px;position: relative}
.pos_div_div1_item:hover{background:rgba(1,183,222,0.3);}
.pos_right_ico{position:absolute; right:30px;top:50%;font-size:20px;line-height:20px;margin-top:-10px;color:#919191;}


.img40left{display:block;width:40px;height:40px;margin-right:10px;}
.pos_div1_right .title_pos{line-height:20px;font-size:14px;color:#212121;font-weight:600;}
.pos_div1_right .title_text{line-height:18px;font-size:12px;color:#919191;}

.pos_div_div2{border-left:1px solid #CFCFCF;display: none;}
.pos_div_div2_item:hover{background:rgba(1,183,222,0.3);}
.pos_div_div2_item{padding:10px 0px 10px 30px;height:40px;display: flex;flex-direction: row;width:240px;position: relative}

.play60Box{display:none;width:100%;height:60px;}

.bottom-wrap{
    position: relative;
    background:#333;
}
.bottom-wrap .botm-content{
    position: relative;
    max-width:1258px;
    padding-top:60px;
    padding-bottom:60px;
    margin:0 auto;
}
@media screen and (max-width: 1600px) {
    .bottom-wrap .botm-content{
        padding-left:5%;
        padding-right:5%;

    }
    .bottom-wrap .botm-content .botm-posi{right:5% !important;}
}
.bottom-wrap .botm-content .botm-posi{position: absolute;top:-44px;right:0;width:299px;height:85px;background-size:100% 100%;display: flex;flex-direction: row;align-items: center;}
.bottom-wrap .botm-content .botm-posi .btm-pos-title{margin-left:20px;color:#212121;}
.bottom-wrap .botm-content .botm-posi a{margin-left:20px;display: block;width:25px;height:25px;transition:0.5s;}
.bottom-wrap .botm-content .botm-posi a:hover{transform:translateY(-10px);-ms-transform:translateY(-10px);-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-o-transform:translateY(-10px);transition:0.5s;}
.bottom-wrap .botm-content h4{line-height:17px;font-size:16px;margin-bottom:18px;color:#fff;font-weight:500;}
.bottom-wrap .botm-content .btm-con-Z .leftW .leftW-item{width:110px;margin-right:0.2rem;cursor: pointer;}
.bottom-wrap .botm-content .btm-con-Z .leftW .leftW-item img{display: block;width:110px;height:110px;margin-bottom:18px;}
.bottom-wrap .botm-content .btm-con-Z .leftW .leftW-item:hover{border-bottom:1px solid #fff;}
.bottom-wrap .botm-content .btm-con-Z .leftW .leftW-item .title{line-height:22px;color:#CFCFCF;}
.bottom-wrap .botm-content .btm-con-Z .rightW{flex:1;margin-left:0.4rem;height:150px;}
.bottom-wrap .botm-content .btm-con-Z .rightW .top1{display: inline-block;}
.bottom-wrap .botm-content .btm-con-Z .rightW .top1 a{font-size:14px;color:#CFCFCF;font-weight:500;margin-right:0.3rem;line-height:14px;}
.bottom-wrap .botm-content .btm-con-Z .rightW .top1 a:last-of-type{margin-right:0px;}
.bottom-wrap .botm-content .btm-con-Z .rightW .top1 a.active{color:#01b7de;}
.bottom-wrap .botm-content .btm-con-Z .rightW .top1 a:hover{color:#01b7de;}
.bottom-wrap .botm-content .btm-con-Z .rightW .top1 .div-line{margin-top:18px;width:100%;height:2px;}
.bottom-wrap .botm-content .btm-con-Z .rightW .title1{line-height:34px;margin-top:8px;color:#919191;}
.bottom-wrap .botm-content .btm-con-Z .rightW .title2 a{line-height:23px;color:#919191;}
.bottom-wrap .botm-content .btm-con-Z .rightW .title2 a:hover{color: #01b7de;}