body,
html {
    width: 100% !important;
    overflow-x: hidden;
    user-select: none;

}
html {
    display: flex;
}
body {
    width: 1920px!important;
    margin: 0 auto;
}

@media (max-width:1200px) {

    body,
    html {
        min-width: 1200px;
        overflow-x: auto;
    }
}

a {
    display: inline-block;
}


/* * {
    background: #000 !important;
    color: #0f0 !important;
    outline: solid #f00 1px !important;
} */

/* 顶部 */
.top {
    height: 60px;
    width: 1920px;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    background: url("1.png"/*tpa=http://www.5woool.com/img/1.png*/) no-repeat;
    background-size: 100% 100%;
    z-index: 999;
}

.top_nav {
    width: 980px;
    height: 100%;
    margin: 0 auto;
    line-height: 60px;
    text-align: center;
}

.top_nav .top_li {
    float: left;
    height: 60px;
}

.top_nav .top_li a {
    color: #ccb782;
    font-size: 22px;
    /* margin-left: 50px; */
}

.top_nav img {
    margin-top: -8px;
    display: inline-block;
    margin-left: 50px;
    margin-right: 50px;
    vertical-align: middle;
}



/* mp4背景 */
.bigBanner {
    display: block;
    position: relative;
}
#myVideo {
    display: block;
    width: 100%;
    position: relative;
    width: 1920px;
    /* height: 760px; */
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.music {
    position: absolute;
    width: 36px;
    height: 36px;
    background-image: url("music_on.png"/*tpa=http://www.5woool.com/img/music_on.png*/);
    top: 50px;
    left: 50px;
    z-index: 999;
}

.rotateM {
    animation: musicrotate 4s steps(360) infinite;
}

@keyframes musicrotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* 右侧联系客服 */
.kefu_wnd {
    width: 219px;
    height: 418px;
    background: url("kefubg.png"/*tpa=http://www.5woool.com/img/kefubg.png*/) no-repeat;
    position: absolute;
    background-size: 100% 100%;
    right: 7%;
    top: 45%;
    transform: translate(0,-50%);
    z-index: 999;
}

.kfmain {
    width: 157px;
    height: 300px;
    position: relative;
    top: 80px;
    margin-left: 30px;
    text-align: center;
}
.khdxz1 {
    margin-left: -12px;
}
.kfmove {
    margin-left: -10px;
}
.kfdownimg {
    margin-top: 20px;
}

.kfdownimg2 {
    margin-left: -14px;
}

.kfdownimg3 {
    margin-left: -10px;
}

.kfline {
    margin-left: -8px;
}

.kfqq {
    width: 157px;
    /* height: 100px; */
    border-top: #353434 1px dashed;
    /* border-bottom: #353434 1px dashed; */
    color: #000;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 15px;
}
.kfqq p {
    margin-top: 4px;
    height: 21px;
    line-height: 21px;
}

.kfqq p span {
    display: inline-block;
    width: 19px;
    height: 21px;
    background: url("icon_qq.png"/*tpa=http://www.5woool.com/img/icon_qq.png*/) no-repeat;
    margin-right: 10px;
    margin-bottom: -2px;
    vertical-align: text-bottom;
}

.kfqq a {
    color: #000;
}
.kfqq a:hover {
    color: red;
}

.qq1qun {
    width: 114px;
    height: 55px;
    border: #000 4px double;
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
    text-align: left;
    color: #000;
    font-size: 12px;
    margin-bottom: 10px;
}
.qq1qun img {
    margin-left: 1px;
}

/* 主体 */
.contain {
    width: 1920px;
    /* 暂定高度 */
    height: 570px;
    background: url("2.png"/*tpa=http://www.5woool.com/img/2.png*/) no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-top: -15px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 9;
}

.content {
    width: 1122px;
    /* 暂定高度 */
    height: 310px;
    /* background-color: #fff; */
    position: relative;
    top: 40px;
    left: 50%;
    transform: translate(-50%, 0);
    background: url("3.png"/*tpa=http://www.5woool.com/img/3.png*/) no-repeat;
}

.suo {
    top: -20px;
    position: relative;
}

.suo1,.suo2,.suo3,.suo4 {
    position: absolute;
}

.suo1 {
    left: 100px;
}
.suo2 {
    left: 112px;
}
.suo3 {
    right: 100px;
}
.suo4 {
    right: 112px;
}

/* 下载部分 */
.downsection {
    position: relative;
    top: 30px;
    height: 270px;
}

.downleft {
    width: 458px;
    height: 270px;
    float: left;
    margin-left: 11px;
}

.downsaoma {
    width: 148px;
    height: 177px;
    background: url("bg_code.png"/*tpa=http://www.5woool.com/img/bg_code.png*/) no-repeat;

}
.downsaoma, .downdtype1, .downdtype2, .downdtype3  {
    display: block;
    float: left;
    text-align: center;
}

.downdtype1, .downdtype3  {
    background-color: #710000;
}

.downdtype2  {
    background: url("bg_right.png"/*tpa=http://www.5woool.com/img/bg_right.png*/) no-repeat;

}

.downdtype1, .downdtype2, .downdtype3 {
    width: 102px;
    height: 177px;
}

.codeimg {
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 126px;
    height: 130px;
}

.codebtn {
    vertical-align: middle;
}


.icondown {
    margin-top: 35px;
    margin-bottom: 15px;
}


/* 公告部分 */
.downright {
    width: 634px;
    height: 270px;
    background: url("new-4.png"/*tpa=http://www.5woool.com/img/new-4.png*/) no-repeat;
    float: right;
    margin-right: 11px;
}

.gonggao {
    float: right;
    width: 575px;
    height: 270px;
}

.gonggao li{
    height: 38.5px;
    line-height: 38.5px;
    color: #ec9062;
    font-size: 16px;
    letter-spacing: 2px;
}

.gonggao span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-left: 20px;
    margin-right: 15px;
    background-color: #f99739;
}

.showsection {
    width: 1103px;
    height: 523px;
    background: url("bg_show.png"/*tpa=http://www.5woool.com/img/bg_show.png*/) no-repeat;
    
    position: relative;
    top: 10px;
    /* left: 50%;
    transform: translate(-50%, 0); */
    
}

/* 风景展示 */
.fjshow {
    width: 1046px;
    height: 369px;
    position: relative;
    top: 65px;
    left: 50%;
    transform: translate(-50%, 0);
    background: url("new_show_fenjing.png"/*tpa=http://www.5woool.com/img/new_show_fenjing.png*/) no-repeat;

}

.swiper-container0 {
    margin-top: 0px!important;
    top: 65px!important;
    width: 920px!important;
    height: 300px!important;
}

.swiper-container0 .swiper-wrapper .swiper-slide {
    width: 222px!important;
    height: 288px!important;
    /* background: url(../img/bg_fjshow.png) no-repeat!important; */
    border: 2px solid #302f2f;
    border-radius: 5px;

}





/* 分页器 */
.swiper-container0 .swiper-pagination {
    bottom: 0px;
}

.swiper-pagination-bullet-active {
    background-color: #a20200!important;
}

/* 切页按钮 */
.swiper-button-prev0:after, .swiper-rtl .swiper-button-next0:after {
    content: ""!important;
}

.swiper-button-next0:after, .swiper-rtl .swiper-button-prev0:after {
    content: ""!important;
}

.nextbtn {
    position: absolute;
    left: -15px;
    top: 20px;
}

.prevbtn {
    position: absolute;
    left: 5px;
    top: 20px;
}

.swiper-button-disabled {
 opacity: 1!important;
}

/* 技能部分 */

.skillmain {
    width: 832px;
    height: 370px;
    position: relative;
    top: 65px;
    left: 50%;
    transform: translate(-50%, 0);
}


.skilltype1,.skilltype2,.skilltype3 {
    width: 254px;
    height: 328px;
    /* background: url(../img/bg_skillshow.png) no-repeat!important; */
    float: left;
    position: relative;
}

.skilltype1,.skilltype2 {
    margin-right: 34px
}

.skilltip {
    display: block;
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translate(-50%, 0);
}

.swiper-button-next, .swiper-button-prev {
    background-image: none!important;
}
/* 战士技能 */
.swiper-container1 .swiper-wrapper .swiper-slide,.swiper-container2 .swiper-wrapper .swiper-slide,.swiper-container3 .swiper-wrapper .swiper-slide {
    background-color:transparent;
    border: 2px solid #978850;
    border-radius: 5px;
}


.swiper-button-prev1:after, .swiper-rtl .swiper-button-next1:after {
    content: ""!important;
}
.swiper-button-next1:after, .swiper-rtl .swiper-button-prev1:after {
    content: ""!important;
}

.swiper-button-prev2:after, .swiper-rtl .swiper-button-next2:after {
    content: ""!important;
}
.swiper-button-next2:after, .swiper-rtl .swiper-button-prev2:after {
    content: ""!important;
}

.swiper-button-prev3:after, .swiper-rtl .swiper-button-next3:after {
    content: ""!important;
}
.swiper-button-next3:after, .swiper-rtl .swiper-button-prev3:after {
    content: ""!important;
}

.arrow2 {
    margin-left: -15px;
}
.arrow1 {
    margin-left: 15px;
}


/* 技能展示 */
.skillshow {
    width: 1046px;
    height: 447px;
    position: relative;
    top: 65px;
    left: 50%;
    transform: translate(-50%, 0);
    background: url("new_show_skill.png"/*tpa=http://www.5woool.com/img/new_show_skill.png*/) no-repeat;

}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 底部 */

.footer {
    width: 1920px;
    height: 184px;
    background-color: rgba(0,0,0,0.5);
    margin-top: -184px;
    z-index: 999;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}

.f_main {
    width: 1122px;
    height: 150px;
    position: relative;
    top: 14px;
    left: 50%;
    transform: translate(-50%, 0);
}

.f_main img {
    display: block;
    float: left;
}

.logoB {
    margin-right: 10px;
}

.lines {
    margin-top: 10px;
}

.bottomtext {
    display: block;
    float: left;
    margin-left: 20px;
    margin-top: 8px;
    width: 800px;
    height: 100%;
}

.bottomtext p{
    font-size: 14px;
    color: #ffffffb6;
    letter-spacing: 1px;
    font-weight: 300;
    margin-bottom: 5px;
}
.bottomtext a {
    color: red;
}

/* 底部结束 */
.bigbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 9999;
}

.bigbox1 {
    position: relative;
    width: fit-content;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.showbig {
    display: block;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    border: 2px solid #fff;
    border-radius: 10px;
}

.closebigbox {
    width: 24px;
    height: 24px;
    position: absolute;
    background: url("close.png"/*tpa=http://www.5woool.com/img/close.png*/) no-repeat;
    background-size: 100%;
    top: 2px;
    right: -28px;
    border: solid 2px #fff;
    border-radius: 5px;
}



/* -------------------------------------------------------------------下载页面 */
.dlpagevideo {
    top: -80px!important;
    margin-bottom: -200px;
}

.content_down {
    position: absolute;
    width: 1100px;
    height: 730px;
    left: 50%;
    transform: translate(-50%,30px);
    border-radius: 5px;
    padding-left: 100px;
}

.down_a {
    width: 1100px;
    height: 95px;
    margin-top: 50px;
    
}
h3{
    font-size: 29px;
    margin-bottom: 10px;
    /* color: #3d3c3c; */
    color: #000;
}
.down_a p,.down_b p{
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    color: #473f3a;
}
.dowantype {
    float: left;
    margin-right: 150px;
}
.type_a {
    width: 129px;
    height: 31px;
    background-color: #810302;
    border-radius: 0px;
    line-height: 31px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0 auto;
    margin-top: 30px;
}
.type_a:hover {
    background-color: #470000;
}
.type_a  a{
    color: #fff;
    display: block;
}
.down_b {
    width: 1100px;
    height: 300px;
    /* background-color: pink; */
    margin-top: 80px;
}
.down_b h3{
    font-size: 29px;
    margin-bottom: 10px;
}

.down_ai {
    width: 176px;
    height: 176px;
    margin-top: 20px;
}
.down_aifr {
    float: left;
    margin-right: 150px;
}



.tiptip {
    display: block;
    font-size: 16px;
    margin-top: 100px;
}

.downcont {
    height: 650px;
    background-size: 100% 100%;
}

.downcontain {
    height: 1000px;
}

.skillmain .swiper-wrapper img{
    width: 246px!important;
    height: 320px!important;
}
.swiper-container0 .swiper-slide img {
    width: 218px;
    height: 284px;
}


  /* filter: blur(0px)!important; */
.wxkf {
    width: 120px;
    display: block;
    margin: 0 auto;
    margin-top: 8px;
    border: solid #000 1px;
}

.kfqq p {
    font-size: 12px;
    color: #fff;
    display: block;
    background-color: #353434;
    width: 120px;
    margin: 0 auto;
}