html,body{width: 100%;height: 100%;}
.wrap{position:relative;max-width: 1920px;min-width:1200px;height:100%;max-height: 1080px;margin:0 auto;overflow:hidden;}
.logo{z-index: 999;position:absolute;top:30px;left:50%;margin-left:-592px;width:110px;height:145px;background: url(http://image.gyyxcdn.cn/upload/pic/logo/wd_logoLight.png) no-repeat;border:none;}
.nav{z-index: 999;position:absolute;top:30px;left:50%;margin-left:264px;width:335px;height:31px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd220522_nav_bg.png) no-repeat;color:#1654a5;line-height:31px;text-align:center;}
.nav a{font-size:14px;color:#1654a5;margin:0 11px;}
.nav a:hover{color:#a03c00;}

.slide{z-index: 999;position: absolute;top: 50%;margin-top: -400px;right: 33px;width: 231px;height: 617px;padding-top: 183px;}
.slide .line{width: 20px;height: 800px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd220522_line.png) no-repeat;position: absolute;top: 0;right: 24px;pointer-events: none;}
.slide li{height: 36px;width: 171px;margin:0 0 34px 60px;}
.slide li a{display: block;width: 100%;height:100%;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd220522_tabbg02.png) 0 36px;text-align: center;line-height: 36px;color: #ffffff;font-size: 16px ;}
.slide li.li01{width: 231px;margin-left: 0;}
.slide li.li01 a{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd220522_tabbg03.png) 0 36px;}
.slide li a:hover{background-position: 0 0;color: #704621;}
.slide li.on a{background-position: 0 0;color: #704621;}

.content{position:absolute;top: 50%;margin-top: -540px;left: 0;width:100%;height:1080px;overflow:hidden;}
.box{height:1080px;width:100%;overflow:hidden;position: absolute;top: -100%;*overflow:visible}
.main{position:relative;width:1200px;height:1080px;margin:0 auto;}


.box01{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd220522_bg01.jpg) no-repeat 50% 0;top: 0;}

.slogan{position: absolute;top: 184px;left: -47px;}
.timeWrap{width: 529px;height: 153px;top: 455px;left: 160px;position: absolute;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd220522_time.png) no-repeat;}
.timeWrap .timeBan{color:#1044ac;font-size: 16px;text-align: center;display: block;width: 100%;padding: 18px 0 0 8px;}
.timeWrap .showTime{margin-top: 12px;}
.showTime span{color: #ffe79b;font-size: 50px;}
.showTime .day{margin-left: 94px; letter-spacing: 18px;}
.showTime .hour{margin-left: 32px;letter-spacing: 18px;*margin-left: 50px;}
.showTime .minute{margin-left: 28px;letter-spacing: 18px;*margin-left: 45px;}
.btn01{width: 605px;height: 177px;position: absolute;top: 671px;left: 140px;}
.btn01 li{width: 262px;height: 76px;float: left;margin:0 40px 20px 0;}
.btn01 li a{display: block;width: 262px;height: 76px;color: #834c3c;font-size: 28px;line-height: 76px;text-align: center;font-weight: bold;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd220522_btn01.png) no-repeat;}
.btn01 li:hover a{background-position:0 -76px;}


/* 第二屏 */
.box02{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd220522_bg02.jpg) 50% 0 no-repeat ;}
.box02 .main{z-index: 99;}
.box02-cont{position: absolute;top: 0;width: 100%;}
.tabContiner{width: 100%;height: 1080px;}
.swiper-slide{width: 100%;height: 1080px;}
.tabPageBg{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd_02_tabBg.png) no-repeat 50%; width: 100%; height: 201px; position: absolute;bottom: 0; left: 0;z-index: 99;}
.box02 h2{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd220522_title.png)  no-repeat 50% 0; height: 74px; position: relative; top:106px;text-indent: -9999px; overflow: hidden;z-index: 9;}
.tabTxt{width: 370px;position: absolute; top: 385px; left:105px;z-index: 9;}
.tabTxt h3{color: #0f4fce;font-size: 40px; padding-bottom: 30px;font-weight: bold;}
.tabTxt p{color: #0c4dbb;font-size: 18px; line-height: 30px;}
.tabTxt a.tabBtn{display: block;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd_02_btn.png) no-repeat;width: 159px; height: 39px; line-height: 39px;color: #fff;font-size: 18px;text-align: center; margin: 56px 0 0 16px;}
.tabTxt a.tabBtn:hover{background-position: 0 -39px;}
.tabPage{position: absolute; left: 45px; bottom:30px;width: 1100px;height: 136px;text-align: center;white-space:nowrap;*padding-left: 80px;*width: 1000px;}
.tabPage li{display: inline-block; margin: 0 10px;*float: left;}
.tabPage li a{display: block;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd_02_tab.png) no-repeat;width: 136px;height: 90px; padding-top: 46px; line-height: 26px;color: #c4e8fd;font-size: 18px;}
.tabPage li.on a{background-position: 0 -136px;color: #fff9e3;}
.tabButton{position: absolute; background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd_02_icon.png) no-repeat;width: 36px; height: 62px; bottom:68px; cursor: pointer;}
.prev{ left: 0;}
.next{ right: 0;background-position: -46px 0;}
.tabPageBg .main{height: 201px;}
.tab_role_bg{width: 1321px;height: 797px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/tab_role_bg.png) no-repeat;position: absolute;top: 138px;left: 0px;z-index: 5;}
.tab_role{position: absolute;bottom: 0;z-index: 6;right: -155px;}
.tab_role02{right:-70px;}
.tab_role05{right:-292px;bottom:12px;}
.tab_role06{right:-66px;}

.box03 { background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd220522_box03_bg03.jpg) 50% 0 no-repeat; }
.box03 h3 { position: relative; top:106px;height: 71px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd220522_title.png) 48% -75px no-repeat; line-height: 0;font-size: 0;overflow: hidden;text-indent: -9999px;}
.box03_con {width: 100%;height: 100%;position: relative;top: 0;}
.box03_con a { position:absolute;width: 256px;height: 190px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd220522_box03_btn.png) no-repeat;font-size:22px;color:#ffffff;text-align: center;padding-top: 64px;}
.box03_con a:hover{-webkit-animation: pulse 1s both;animation: pulse 1s both;}
.box03_con .a01 { background-position:0 0;left:58px;top:535px; } 
.box03_con .a02 { background-position:-256px 0;left:110px;top:215px; }
.box03_con .a03 { background-position:-512px 0;left:470px;top:118px; }
.box03_con .a04 { background-position:-768px 0;left:820px;top:215px; }
.box03_con .a05 { background-position:-1024px 0;left:891px;top:535px; }
.box03_con .a01:hover { background-position:0 -254px; } 
.box03_con .a02:hover { background-position:-256px -254px; }
.box03_con .a03:hover { background-position:-512px -254px; }
.box03_con .a04:hover { background-position:-768px -254px; }
.box03_con .a05:hover { background-position:-1024px -254px; }
.box_role{width: 395px;height: 495px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/box_role.png) no-repeat;position: absolute;top: 370px;left: 403px;}

.box04 { background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd220522_box04_bg04.jpg) 50% 0 no-repeat; }
.box04 h3 { position: relative; top:106px;height: 71px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd220522_title.png) 50% -149px no-repeat; line-height: 0;font-size: 0;overflow: hidden;text-indent: -9999px;}
.box04_con a { margin:0px 0 0 109px;display: inline-block;width: 317px;height: 459px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/wd220522_box04_btn.png) no-repeat;font-size:22px;color:#ffffff;padding-top: 33px;text-align: justify;}
.box04_con a:hover {-webkit-animation: pulse 1s both;animation: pulse 1s both;}
.box04_con .a01 { background-position:0 0; } 
.box04_con .a02 { background-position:-401px 0;}
.box04_con .a03 { background-position:-776px 0;}
.box04_con .a01:hover { background-position:0 -503px; } 
.box04_con .a02:hover { background-position:-401px -503px; }
.box04_con .a03:hover { background-position:-776px -503px; }
.box04_con a h4 { font-size: 24px;text-align: center; }
.box04_con a p { font-size: 16px;margin: 30px 20px 0 20px;line-height: 28px;height: 112px;overflow: hidden; }
.box04_con{position: absolute;top:271px;margin-left:114px;}

/* 弹层 */
.tc{display:none;position:absolute;width:799px;height:536px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/tcbg.png) no-repeat;z-index:999;}
.tc .close,.tc02 .close{position:absolute;top:-22px;right:-50px;display:block;width:33px;height:33px; text-indent:-999px;overflow:hidden;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/close.png) no-repeat;-webkit-transition:all .8s ease-out;transition:all .8s ease-out;}
.tc .close:hover,.tc02 .close:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.tc_box{padding:0px 36px 0 55px;overflow:hidden;}
.tc_tab{margin-bottom:10px;overflow:hidden;margin-top: 45px;}
.tc_tab li{float:left;width:139px;height:39px;margin:0 5px 7px 0;}
.tc_tab li a{display:block;width:100%;height:100%;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/tctab.png) no-repeat;color: #fff;font-size:16px;text-align:center;line-height:39px;}
.tc_tab li.on a{background-position:0px -39px;}
.tc_cont{height:394px;padding-top: 30px;}
.tc_part,.tc_txt{width:100%;overflow:hidden;height:100%;}
.tc_childCont{width:100%;overflow:hidden;height:100%;}
.tc_childPart{width:100%;overflow:hidden;height:100%;}
.tc_scrollmask{position:relative;float:left;width:696px;height:100%;overflow:hidden;}
.tc_scrolltarget{position:absolute;left:0;top:0px;width:686px;height:auto;line-height:30px;}
.tc_scrolltarget h3{padding-top:28px;font-size:18px;font-weight:bold;color:#fff;}
.tc_scrolltarget p{font-size:14px;color:#fff;}
.tc_scrolltarget ul li{position:relative;padding-left:20px;}
.tc_scrolltarget ul li i{position:absolute;top:2px;font-style: normal; color: #fff;left:0px;}
.tc_scrolltarget ul li img{padding:7px;border:1px solid #6aacc5;margin: 10px 0;}
.tc_scrolltarget table{width:100%;margin-top:28px;text-align:center;font-size: 20px;}
.tc_scrolltarget table tr th{height:42px;background:#1759aa;border:1px solid #055684;font-size:16px;font-weight:bold;color:#fff; height: 50px; font-size: 30px;font-weight: bold;}
.tc_scrolltarget table tr td{background: #fff; padding:10px;border:1px solid #1759aa;font-size:14px;color:#1759aa;line-height:22px;}
.tc_vscrollbar{position:relative;top:0;width:10px;height:98%;float:right;}
.tc_vscrollbar .track{position:relative;left:0;top:10px; width:10px;height:97%;background:#84d5ff;border-radius: 10px;}
.tc_vscrollbar .thumb{ position:absolute;width:10px;left:0;top:0;height:50px;background:#055684;cursor:pointer;}
.tc_vscrollbar .thumb i{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/tc_stop.png) no-repeat;width: 10px; height: 10px; position: absolute; left: 0; }
.tc_vscrollbar .thumb i.i01{top:-10px;}
.tc_vscrollbar .thumb i.i02{bottom:-10px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/tc_sbottom.png) no-repeat;}
.tc01 .tc_cont{float: left;width: 100%; height: 472px;padding-top: 30px;}
.tc_cont01{padding-top: 0; height: 374px;}
.tc01 .tc_vscrollbar{height: 472px;}
.tc_tit{font-size: 40px; text-align: center; color: #fff; padding-top: 20px;}
.tc02{display:none;position:absolute;width:649px;height:300px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/tc02.png) no-repeat;}
.tc02 .tc_txt02{padding:30px 35px 0; }
.tc02 .tc_txt02 p{font-size:18px;color:#fff;line-height:30px;text-align:left;}
.tc02 .tc_box02{position:relative;width:32px;height:32px;margin:5px 0 1px 550px;}
.tc02 .tc_box02 .question{display:block;width:30px;height:30px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/2022/tf/dkf2/images/quest.png) no-repeat;}
.tc02 .tc_txt02 .detail{display:none;position:absolute;top:24px;left:20px;width:188px;background:#bcdcfe;border:1px solid #0f5db0;padding:14px 15px 22px;overflow:hidden;}
.tc02 .tc_txt02 .detail p{font-size:14px;color:#0f5db0;line-height:18px;text-align:left;}
.tc02 .tc_txt02 .detail a{display:block;padding:22px 0 9px;font-size:16px;color:#AA4F00;text-decoration:underline;line-height:24px;}
.down{display:block;width:320px;height:42px;background:#0f5db0;margin:0 auto; color: #fff; border-radius: 20px;color: #fff; font-size: 24px;text-align: center; line-height: 42px;}
.tc02 .down{margin-top: 20px;}
/* .down:hover{background:#166dc9;} */
.tc_box .down{margin: 30px auto;}
.tc_txt02 .col{color:#f00;}

.tc_scrolltarget .col{color:#ff8a00;}


@keyframes pulse{
    0% {
        transform: scale3d(1, 1, 1)
      }
      50% {
        transform: scale3d(1.04, 1.04, 1.04)
      }
      100% {
        transform: scale3d(1, 1, 1)
      }
}
@-webkit-keyframes pulse{
    0% {
        -webkit-transform: scale3d(1, 1, 1)
      }
      50% {
        -webkit-transform: scale3d(1.04, 1.04, 1.04)
      }
      100% {
        -webkit-transform: scale3d(1, 1, 1)
      }
}
.fadeInUp01,.fadeInUp02,.fadeInUp03{opacity: 0;filter:alpha(opacity=100);}
.fadeInUp .fadeInUp01{animation: fadeInUp ease-out .5s both;}
.fadeInUp .fadeInUp02{animation: fadeInUp ease-out .5s .2s both;}
.fadeInUp .fadeInUp03{animation: fadeInUp ease-out .5s .3s both;}

@keyframes fadeInUp{
	0% {
	    opacity: 0;
	    transform: translate3d(0,80px,0);
	}
	100% {
	    opacity: 1;
	    transform: none;
	}
}