html,body{width: 100%;height: 100%;overflow: hidden;}
.wrap{width: 100%;min-width: 1200px;max-width: 3840px;height: calc(100% - 45px);position: relative;margin: 0 auto;overflow: hidden;}
.main{width: 1200px;height: 1050px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.swiper-container{position: relative;width: 100%;height: 100%;}
.swiper-slide{position: relative;width: 100%;height: 100%;overflow: hidden;}
.swiper_bottom{height: 160px;}

.logo{z-index: 999;position: absolute;top: 19px;left: 50%;margin-left: -600px;width: 110px;height: 145px;background: url(http://image.gyyxcdn.cn/upload/pic/logo/wd_logoNeu.png) no-repeat;background-size: 100% 100%;}
.nav{z-index: 999;position: absolute;top: 39px;right: 50%;margin-right: -600px;width: 357px;height: 31px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/gd/tswf/saiji/images/wd_nav.png) no-repeat;border-radius: 15px;color: #fee7d4;font-size: 14px;line-height: 31px;text-align: center;}
.nav a{margin: 0 12px;color: #fee7d4;font-size: 14px;}
.nav a:hover{color: #ffea94;}

.swiper-slide01{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/gd/tswf/saiji/images/wd_slide01_bg.jpg) no-repeat center center;background-size: cover;}
.swiper-slide02{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/gd/tswf/saiji/images/wd_slide02_bg.jpg) no-repeat center center;background-size: cover;}


.sl{position: absolute;top: 132px;left: 406px;width: 398px;height: 603px;}
.wd_btn li{position: absolute;width: 158px;height: 148px;}
.wd_btn a{display: block;width: 100%;height: 100%;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/gd/tswf/saiji/images/wd_btn.png) no-repeat;}
.wd_btn li:nth-child(1){top: 389px;left: 201px;}
.wd_btn li:nth-child(2){top: 554px;left: 187px;}
.wd_btn li:nth-child(3){top: 691px;left: 280px;}
.wd_btn li:nth-child(4){top: 751px;left: 470px;}
.wd_btn li:nth-child(5){top: 738px;left: 675px;}
.wd_btn li:nth-child(6){top: 666px;left: 855px;}
.wd_btn li:nth-child(1) a{background-position: 0 0;}
.wd_btn li:nth-child(2) a{background-position: -158px 0;}
.wd_btn li:nth-child(3) a{background-position: -316px 0;}
.wd_btn li:nth-child(4) a{background-position: -474px 0;}
.wd_btn li:nth-child(5) a{background-position: -632px 0;}
.wd_btn li:nth-child(6) a{background-position: -790px 0;}
.wd_btn li:nth-child(1) a:hover{background-position: 0 -148px;}
.wd_btn li:nth-child(2) a:hover{background-position: -158px -148px;}
.wd_btn li:nth-child(3) a:hover{background-position: -316px -148px;}
.wd_btn li:nth-child(4) a:hover{background-position: -474px -148px;}
.wd_btn li:nth-child(5) a:hover{background-position: -632px -148px;}
.wd_btn li:nth-child(6) a:hover{background-position: -790px -148px;}

.wd_switch_btn li{position: absolute;width: 122px;height: 114px;}
.wd_switch_btn a{display: block;width: 100%;height: 100%;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/gd/tswf/saiji/images/wd_switch_btn.png) no-repeat;}
.wd_switch_btn li:nth-child(1){top: 222px;left: 0;}
.wd_switch_btn li:nth-child(2){top: 308px;left: 86px;}
.wd_switch_btn li:nth-child(3){top: 391px;left: 0;}
.wd_switch_btn li:nth-child(4){top: 474px;left: 86px;}
.wd_switch_btn li:nth-child(5){top: 555px;left: -1px;}
.wd_switch_btn li:nth-child(6){top: 636px;left: 86px;}
.wd_switch_btn li:nth-child(7){top: 717px;left: -1px;}
.wd_switch_btn li:nth-child(8){top: 799px;left: 86px;}
.wd_switch_btn li:nth-child(1) a{background-position: 0 0;}
.wd_switch_btn li:nth-child(2) a{background-position: -122px 0;}
.wd_switch_btn li:nth-child(3) a{background-position: -244px 0;}
.wd_switch_btn li:nth-child(4) a{background-position: -366px 0;}
.wd_switch_btn li:nth-child(5) a{background-position: -488px 0;}
.wd_switch_btn li:nth-child(6) a{background-position: -610px 0;}
.wd_switch_btn li:nth-child(7) a{background-position: -732px 0;}
.wd_switch_btn li:nth-child(8) a{background-position: -854px 0;}
.wd_switch_btn li:nth-child(1).on a{background-position: 0 -114px;}
.wd_switch_btn li:nth-child(2).on a{background-position: -122px -114px;}
.wd_switch_btn li:nth-child(3).on a{background-position: -244px -114px;}
.wd_switch_btn li:nth-child(4).on a{background-position: -366px -114px;}
.wd_switch_btn li:nth-child(5).on a{background-position: -488px -114px;}
.wd_switch_btn li:nth-child(6).on a{background-position: -610px -114px;}
.wd_switch_btn li:nth-child(7).on a{background-position: -732px -114px;}
.wd_switch_btn li:nth-child(8).on a{background-position: -854px -114px;}

.wd_menu{position: absolute;top: 313px;left: 327px;width: 776px;height: 45px;text-align: center;font-size: 0;}
.wd_menu li{display: inline-block;width: 194px;height: 45px;vertical-align: top;}
.wd_menu a{display: block;width: 194px;height: 45px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/gd/tswf/saiji/images/wd_menu_item.png) no-repeat 0 0;color: #381c02;font-size: 22px;line-height: 45px;text-align: center;}
.wd_menu li.on a{background-position: 0 -45px;color: #fffaf5;}
.wd_menu_prev,.wd_menu_next{display: none;position: absolute;top: 89px;width: 26px;height: 30px;overflow: hidden;text-indent: -9999px;z-index: 999;}
.wd_menu_prev{left: 82px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/gd/tswf/saiji/images/wd_menu_prev.png) no-repeat;}
.wd_menu_next{left: 883px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/gd/tswf/saiji/images/wd_menu_next.png) no-repeat;}

.wd_scroll_box{position: absolute;top: 232px;left: 139px;width: 1065px;height: 756px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/gd/tswf/saiji/images/wd_scroll.png) no-repeat;}
.wd_scroll{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.wd_scroll .wd_menu{top: 81px;left: 107px;}
.wd_man{position: absolute;top: -3px;left: 992px;width: 672px;height: 839px;z-index: 1;pointer-events: none;}
.wd_scroll h2{position: absolute;top: -103px;left: 88px;width: 858px;height: 125px;font-size: 0;line-height: 0;}
.wd_scroll h2 img{display: block;width: 858px;}
.wd_btn a,.wd_switch_btn a{overflow: hidden;text-indent: -9999px;}
.wd_info{position: absolute;top: 124px;left: 105px;width: 807px;color: #381c02;}
.wd_info h3{height: 25px;margin-top: 24px;padding-left: 38px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/gd/tswf/saiji/images/wd_dot.png) no-repeat left center;color: #381c02;font-size: 20px;line-height: 25px;font-family: "Microsoft YaHei";font-weight: bold;}
.wd_info h3:first-child{margin-top: 0;}
.wd_info p{margin-left: 38px;color: #381c02;font-size: 16px;line-height: 26px;font-weight: normal;margin-top: 20px;}
.wd_img{width: 100%;margin: 22px 0;text-align: center;}
.wd_img img{padding: 8px;border: 1px solid #bca482;box-sizing: border-box;margin: 0 4px;}
.wd_scroll_box table{width: 100%;margin: 22px 0;border-collapse: collapse;color: #381c02;font-size: 16px;line-height: 30px;text-align: center;}
.wd_scroll_box table td{background: #f8f8f8;border: 1px solid #f0e8dc;box-sizing: border-box;color: #381c02;padding: 7px 3px;}
.wd_scroll_box table th{height: 39px;background: #b38e59;color: #fbf8f5;}
.wd_scroll{display: none;}
.wd_scroll.on{display: block;}
.wd_scroll .wd_info{display: none;}
.wd_scroll .wd_info.on{display: block;}

.wd_scroll:last-child .wd_info{top: 158px;}
.wd_menu{overflow: hidden;}
.wd_menu .swiper-wrapper{display: flex;justify-content: center;}
.wd_menu.is-scroll .swiper-wrapper{justify-content: flex-start;}
.wd_menu li{flex: 0 0 194px;}
.wd_info{height: 515px;overflow: hidden;overflow-y: auto;padding-right: 22px;box-sizing: border-box;}
.wd_info::-webkit-scrollbar{width: 6px;}
.wd_info::-webkit-scrollbar-track{background: transparent;}
.wd_info.has_scroll::-webkit-scrollbar-track{background: linear-gradient(to right, transparent 0, transparent 2px, #b38e59 2px, #b38e59 3px, transparent 3px, transparent 100%);}
.wd_info::-webkit-scrollbar-thumb{background: #b38e59;border-radius: 3px;}
.wd_info::-webkit-scrollbar-thumb:hover{background: #b38e59;}

.swiper-slide01 .sl,
.swiper-slide01 .wd_btn li{opacity: 0;}
.swiper-slide01.ani_show .sl{animation: sl_show .8s ease-out forwards;}
.swiper-slide01.ani_show .wd_btn li{animation: btn_show .65s ease-out forwards;}
.swiper-slide01.ani_show .wd_btn li:nth-child(1){animation-delay: .1s;}
.swiper-slide01.ani_show .wd_btn li:nth-child(2){animation-delay: .2s;}
.swiper-slide01.ani_show .wd_btn li:nth-child(3){animation-delay: .3s;}
.swiper-slide01.ani_show .wd_btn li:nth-child(4){animation-delay: .4s;}
.swiper-slide01.ani_show .wd_btn li:nth-child(5){animation-delay: .5s;}
.swiper-slide01.ani_show .wd_btn li:nth-child(6){animation-delay: .6s;}
@keyframes sl_show{
    0%{opacity: 0;transform: translateY(36px) scale(.96);}
    100%{opacity: 1;transform: translateY(0) scale(1);}
}
@keyframes btn_show{
    0%{opacity: 0;transform: translateY(28px) scale(.9);}
    70%{opacity: 1;transform: translateY(-6px) scale(1.04);}
    100%{opacity: 1;transform: translateY(0) scale(1);}
}

.swiper-slide02 .wd_scroll_box,
.swiper-slide02 .wd_scroll h2,
.swiper-slide02 .wd_scroll .wd_menu,
.swiper-slide02 .wd_scroll .wd_info,
.swiper-slide02 .wd_switch_btn li,
.swiper-slide02 .wd_man{opacity: 0;}
.swiper-slide02.ani_show .wd_scroll_box{animation: scroll_box_show .75s ease-out forwards;}
.swiper-slide02.ani_show .wd_scroll.on h2{animation: scroll_tit_show .65s ease-out forwards;}
.swiper-slide02.ani_show .wd_scroll.on .wd_menu{animation: scroll_item_show .55s ease-out forwards;}
.swiper-slide02.ani_show .wd_scroll.on .wd_info.on{animation: scroll_item_show .55s ease-out forwards;}
.swiper-slide02.ani_show .wd_man{animation: man_show .8s ease-out forwards;}
.swiper-slide02.ani_show .wd_switch_btn li{animation: switch_btn_show .5s ease-out forwards;}
.swiper-slide02.ani_show .wd_switch_btn li:nth-child(1){animation-delay: .1s;}
.swiper-slide02.ani_show .wd_switch_btn li:nth-child(2){animation-delay: .2s;}
.swiper-slide02.ani_show .wd_switch_btn li:nth-child(3){animation-delay: .3s;}
.swiper-slide02.ani_show .wd_switch_btn li:nth-child(4){animation-delay: .4s;}
.swiper-slide02.ani_show .wd_switch_btn li:nth-child(5){animation-delay: .5s;}
.swiper-slide02.ani_show .wd_switch_btn li:nth-child(6){animation-delay: .6s;}
.swiper-slide02.ani_show .wd_switch_btn li:nth-child(7){animation-delay: .7s;}
.swiper-slide02.ani_show .wd_switch_btn li:nth-child(8){animation-delay: .8s;}
@keyframes scroll_box_show{
    0%{opacity: 0;transform: translateY(34px) scale(.96);}
    100%{opacity: 1;transform: translateY(0) scale(1);}
}
@keyframes scroll_tit_show{
    0%{opacity: 0;transform: translateY(-22px) scale(.96);}
    100%{opacity: 1;transform: translateY(0) scale(1);}
}
@keyframes scroll_item_show{
    0%{opacity: 0;transform: translateY(18px);}
    100%{opacity: 1;transform: translateY(0);}
}
@keyframes man_show{
    0%{opacity: 0;transform: translateX(60px);}
    100%{opacity: 1;transform: translateX(0);}
}
@keyframes switch_btn_show{
    0%{opacity: 0;transform: translateX(-26px) scale(.92);}
    100%{opacity: 1;transform: translateX(0) scale(1);}
}



.wd_info h4{color: #381c02;font-size: 18px;line-height: 28px;margin: 20px 0 0 38px;font-weight: bold;}
.wd_info p span,.wd_info a{color: #F00;}