@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
body, button, input, select, textarea { font: 14px/1.5 "microsoft yahei", "simsun", \5b8b\4f53, arial; color: #666; }
ul, ol, li { list-style: none; }
i, em { font-style: normal }
img { border: 0; }
a { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
table { border-collapse: collapse; border-spacing: 0; }
table td { padding: 0; margin: 0; }
table th.wztop { vertical-align: top; }
.fl, .fr { float: left; overflow: hidden; }
.fr { float: right; }
section, article, aside, header, footer, nav, dialog, figure { display: block; padding: 0; margin: 0; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/*tNav*/
.tNav { position: relative; z-index: 999; font-size: 12px; font-family: "microsoft yahei"; clear: both; color: #6b6a6b; width: 100%; height: 40px; line-height: 40px; background: #f5f5f5; min-width: 1200px; }
.tNav .t-inn, .navT4 .t-inn { width: 1200px; margin: 0 auto; }
.tNav a { float: left; text-align: center; color: #6b6a6b; }
.tNav a:hover { color: #6b6a6b; }
.t-fl, .t-un, .t-un li, .t-logo, .t-arr, .t-anarr, .t-img { float: left; }
.t-fr, .t-fr .t-un { float: right; }
.t-logo { font-size: 12px; font-weight: normal; margin-right: 10px; padding: 0 1px; }
.t-logo a:hover { color: #da1f31; text-decoration: underline; }
.t-un li, .t-arr { position: relative; height: 40px; }
.t-un li, .t-anarr, .t_iC, .i_tjb, .t_nav a, .f_link li { background: url(http://news.k618.cn/images/bg_tnav.png) 0 -152px no-repeat; }
.t-un li a { padding: 0 15px; overflow: hidden; }
.t-fl .t-un li { background-position: 100% -196px; }
.t-fl .t-un li a { padding: 0 5px; }
.t-un li:last-child { background: none; }
.t-anarr { padding: 0 16px 0 5px; background-position: 100% -114px; }
.t-ulink li { padding: 0 9px 0 8px; }
.t-ulink li a { padding: 0; }
.t_iC, .i_tjb, .i_sp, .i_tk { display: block; text-indent: -999px; width: 30px; height: 30px; margin-top: 5px; background-position: 0 0; overflow: hidden; }
.i_twb { background-position: 0 -40px; }
.i_twx { background-position: 0 -80px; }
.i_tss { background-position: 0 -360px; }
.i_more { background-position: 0 -398px; }
.t-ulink a:hover .i_tph { background-position: -40px 0; }
.t-ulink a:hover .i_twb { background-position: -40px -40px; }
.t-ulink a:hover .i_twx { background-position: -40px -80px; }
.t-ulink a:hover .i_tss { background-position: -40px -360px; }
.t-ulink a:hover .i_more { background-position: -40px -399px; }
.t-ulink li .t-antg { padding: 0 15px; }
.t-ulink li a.t-antg:hover { color: #fff; background: #ff5349; text-decoration: none; }
.t-ulink li .t-aqzm { padding: 0 8px; }
.t-ulink li a.t-aqzm:hover { color: #fff; background: #62b900; text-decoration: none; }
.t-ulink li .t-anxqbd { display: block; font-size: 12px; color: #00839f; width: 62px; height: 22px; line-height: 22px; padding: 0; margin-top: 8px; border: 1px solid #00839f; border-radius: 15px; background: none; }
.t-l5 a { cursor: pointer; }
.i_tjb { position: absolute; top: 0; width: 20px; height: 11px; margin: 0; background-position: 0 -120px; }
.t-pop .i_tjb { right: 20px; }
.t-pop2 .i_tjb { left: 20px; }
.t-pop2, .t-ewm, .t-pop { position: absolute; top: 40px; z-index: 999; }
.t-pop2, .t-pop { padding: 10px 5px; top: 30px; }
.t-pop2 { left: 0; display: none; width: 290px; border-radius: 5px; }
.t-popi { clear: both; background: #f5f5f5; border: 1px solid #cbcaca; border-radius: 5px; overflow: hidden; box-shadow: 1px 1px 5px rgba(0,0,0,.25); }
.t-ewm, .t-pop { right: 0; display: none; width: 80px; overflow: hidden; }
.t-ewm { width: 116px; height: 116px; border: 1px solid #cbcaca; }
.t-ewm img { width: 100%; }
.twon .t-ewm, .tipon .t-pop2, .tarron .t-pop, .tipon3 .t-pop3 { display: block; }
.tarron .t-anarr { background-position: 100% -314px; }
.t-uarr a { width: 100%; line-height: 30px; }
.t-log li a, .t-log2 li a { padding: 0 13px; }
.t-img { width: 28px; height: 28px; line-height: 28px; margin: 6px 6px 0 0; background: url(http://passport.k618.cn/img/bg_tx.png) 0 0 no-repeat; border-radius: 50%; background-size: cover; overflow: hidden; }
.t-img img { width: 100%; vertical-align: top; }
.t-un .t-nl { background: none; }
.t-pop2 .t-popi { padding: 36px 0 40px; }
.u-log { width: 246px; height: 208px; margin: 0 auto; }
.u-log li { width: 100%; background: none; }
.u-log .t_li2 { margin-top: 24px; }
.u-log .t_li3 { color: #f00; height: 32px; line-height: 32px; }
.u-log .t_li4 { padding-top: 10px; line-height: 30px; }
.u-log .t_err { padding-left: 5px; }
.u-log .t_anlog { float: right; display: block; text-align: center; color: #fff; width: 78px; height: 28px; line-height: 28px; background: #00abdf; border: 1px solid #e5e5e5; border-radius: 3px; overflow: hidden; }
.u-log .t_anlog:hover { color: #fff; }
.t-dx, .t-dx input { float: left; vertical-align: middle; }
.t-dx input { margin: 8px 5px 0 0; *margin: 5px 5px 0 0;
}
.t-lsr { position: relative; font-size: 14px; color: #989fa9; width: 197px; height: 38px; line-height: 38px; padding: 0 4px 0 43px; background: #fff; border: 1px solid #b7babf; overflow: hidden; border-radius: 2px; }
.t-lsr label, .t-lsr .t_iC, .t-lsr .a_wj { position: absolute; top: 0; }
.t-lsr .t_iC { left: 0; width: 38px; height: 38px; margin: 0; background-color: #f0f2f5; background-position: -2px -241px; }
.t-lsr .i_lock { background-position: -2px -281px; }
.t-lsr label { left: 43px; }
.t-lsr .a_wj { right: 5px; font-size: 12px; color: #0078ff; padding: 0; }
.t-lsr .a_wj:hover { color: #0078ff; }
.t-lsr .t-input { position: relative; z-index: 5; float: left; font-size: 14px; font-family: "microsoft yahei"; color: #989fa9; width: 100%; height: 22px; line-height: 22px; padding: 8px 0; background: none; border: none; outline: none; }
.t-lsr .t-input2 { width: 130px; }
.t-lsron label { display: none; }
.oth_cap { font-size: 14px; color: #727272; text-align: center; width: 240px; height: 22px; line-height: 22px; margin: 0 auto 20px; background: url(http://passport.k618.cn/img/bg_oth.png) 0 center repeat-x; overflow: hidden; }
.oth_cap span { display: block; width: 124px; margin: 0 auto; background: #f5f5f5; }
.oth_ul { padding-left: 21px; }
.oth_ul li { height: 38px; margin-right: 14px; }
.tNav .oth_ul a { padding: 0; }
/*新增登录后*/
.t-pop3 { left: -18px; width: 80px; }
.t-pop3 .t-popi { padding: 0; }
.t-pop3 .i_tjb { background-position: 0 -120px; }
.t-pop3 .t-uarr li, .t-pop3 .t-uarr li a { float: left; width: 100%; padding: 0; }
.t-pop3 .t-uarr li { height: 30px; line-height: 30px; }
/*navT4*/
.navT4, .t_nav { clear: both; overflow: hidden; }
.navT4 { height: auto; padding: 7px 0; background: rgba(255,255,255,.5); }
.t_nav { padding-left: 18px; }
.t_nav a { float: left; font-size: 12px; font-family: " sans-serif", "宋体"; color: #666; height: 21px; line-height: 21px; padding: 0 13px; background-position: 0 -446px; overflow: hidden; }
.t_nav a.nol { background: none; }
.t_nav a:hover { color: #666; text-decoration: underline; }
/*footer*/
.footer { position: absolute; left: 0; bottom: 0; font-size: 12px; height: 40px; line-height: 40px; background: #e5e5e5; }
.footer a, .footer a:hover { color: #666; text-decoration: none; }
.f_link { float: right; margin-top: 11px; }
.f_link li { float: left; height: 18px; line-height: 18px; padding: 0 10px; background-position: 100% -487px; }
.f_link li.last { background: none; }
.footer .f_fcr { float: left; color: #f00; margin-right: 100px; }
.topbar { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; }
/*com*/
.hd, .bd, .d, .d2, .inn, .inn2, .u, .u li, .pic, .txt, .mbx, .ptC, .ptC2, .ptC3, .ptC4, .ptC5 { position: relative; clear: both; overflow: hidden; }
.header, .footer, .area { clear: both; width: 100%; overflow: hidden; min-width: 1200px; }
.inn, .inn2 { width: 1200px; margin: 0 auto; }
.inn { z-index: 10; padding-top: 40px; }
.s1, .s2 { float: left; width: 600px; overflow: hidden; }
.i_play, .i_pic, .cap, .cap2, .cap21, .btn { display: block; text-indent: -999px; overflow: hidden; }
.i_play { position: absolute; top: 50%; left: 50%; width: 66px; height: 66px; margin: -33px 0 0 -33px; background: url(20210531i_play.png) 0 0 no-repeat; }
.i_pic { position: absolute; top: 0; left: 0; width: 673px; height: 409px; background: url(20210531bg_ptc2.png) 0 0 no-repeat; }
.cap { width: 936px; height: 160px; margin: 1% auto 0; background: url(20210531bg_cap.png) center 0 no-repeat; }
.cap2, .cap21 { width: 468px; height: 75px; margin: 0 auto; background: url(20210531bg_cap2.png) 0 -200px no-repeat; }
.cap2_2 { width: 260px; margin: 0 0 0 200px; background-position: 0 0; }
.cap2_3 { position: absolute; top: 6%; left: 50%; z-index: 5; margin: 0 0 0 -50px; background-position: 0 -200px; }
.cap2_4 { width: 325px; height: 64px; margin: 0 auto 10px; background-position: 0 -400px; }
.cap2_5 { width: 530px; margin-top: 50px; background-position: 0 -600px; }
.cap2_6 { width: 677px; height: 84px; margin: 1% auto 2%; background-position: 0 -800px; }
.cap2_7 { width: 521px; margin: 1% auto 10px; background-position: 0 -1600px; }
.cap21 { width: 174px; height: 54px; background-position: 0 -1000px; }
.cap21_2 { width: 251px; height: 49px; background-position: 0 -1200px; }
.cap21_3 { width: 142px; height: 57px; background-position: 0 -1400px; }
.cap2 a, .cap21 a { display: block; width: 100%; height: 100%; overflow: hidden; }
.cap3 { font-size: 18px; font-weight: normal; overflow: hidden; }
.opacity { position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background: #000; opacity: .7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.btn { float: left; display: block; width: 151px; height: 51px; background: url(20210531btn_yd.png) 0 0 no-repeat; }
.btn_gm { float: right; background-image: url(20210531btn_gm.png); }
/*u_dot*/
.u_dot { width: 468px; margin: 0 auto; }
.u_dot li { font-size: 18px; height: 48px; line-height: 48px; margin-top: 12px; background: url(20210531bg_line.png) 0 100% repeat-x; }
.u_dot li a { padding-left: 34px; background: url(20210531bg_dot.png) 0 center no-repeat; }
/*ptC*/
.ptC { height: 180px; padding-left: 360px; background: url(20210531bg_ptc.png) 0 0 no-repeat; }
.ptC .pic { position: absolute; top: 26px; left: 83px; width: 261px; height: 147px; border-radius: 8px; }
.ptC .txt { font-size: 16px; color: #fff; line-height: 28px; }
.ptC .txt p { height: 56px; overflow: hidden; }
.ptC .cap3 { height: 28px; margin: 66px 0 16px; }
.ptP2 .ptC { height: 176px; padding-left: 345px; margin-top: 5px; background-position: 30px -240px; }
.ptP2 .ptC .pic { top: 14px; left: 43px; }
.ptP2 .ptC .cap3 { margin: 36px 0 15px; }
.ptC2 { height: 410px; padding-left: 712px; margin-top: 10px; }
.ptC2 .pic { position: absolute; top: 0; left: 0; width: 673px; height: 409px; }
.ptC2 .img { display: block; width: 630px; height: 354px; margin: 13px 0 0 20px; border: 3px solid #fff; overflow: hidden; }
.ptC2 .cap3 { font-size: 24px; color: #f67689; height: 68px; line-height: 34px; margin: 36px 0 10px; }
.ptC2 .cap3 a, .ptC2 .cap3 a:hover { color: #ff6663; text-decoration: none; }
.ptC2 .txt { font-size: 18px; color: #856648; line-height: 36px; }
.ptC2 .txt p { height: 252px; overflow: hidden; }
.ptC3 { width: 563px; height: 335px; background: url(20210531bg_ptc3.png) 0 0 no-repeat; }
.ptC3 .pic { width: 512px; height: 288px; margin: 24px 0 0 28px; }
.ptC3 .txt { position: absolute; left: 0; bottom: 0; z-index: 9; font-size: 18px; text-align: center; width: 100%; height: 60px; line-height: 60px; }
.ptC3 a, .ptC3 a:hover { color: #f8c0c8; }
.ptC32 a, .ptC32 a:hover, .ptC34 a, .ptC34 a:hover { color: #fff; }
.ptC32 { width: 373px; height: 233px; margin: 0 0 3px; background-image: url(20210531bg_ptc32.png); }
.ptC32 .pic { width: 339px; height: 190px; margin: 16px 0 0 17px; }
.ptC32 .txt { font-size: 14px; height: 36px; line-height: 36px; }
.ptC32 .opacity { height: 36px; }
.ptC33 { width: 303px; height: 457px; background-image: url(20210531bg_ptc33.png); }
.ptC33 .pic { width: 266px; height: 416px; margin: 17px 0 0 17px; }
.ptC34 { float: left; clear: none; width: 158px; height: 218px; margin: 0 28px 22px 0; background-image: url(20210531bg_ptc34.png); }
.ptC34 .pic { width: 133px; height: 194px; margin: 12px 0 0 12px; }
.ptC34 .txt { font-size: 12px; height: 26px; line-height: 26px; }
.ptC34 .opacity { height: 26px; }
.ptP34 { width: 380px; }
.ptC4 { width: 528px; height: 401px; padding-left: 33px; margin: 0 auto; background: url(20210531bg_ptc4.png) 0 0 no-repeat; }
.ptC4 .pic { width: 484px; height: 271px; margin: 38px 0 20px 0; }
.ptC4 .txt { font-size: 24px; width: 484px; height: 46px; line-height: 46px; }
.ptC4 .txt a { color: #333; padding-left: 48px; background: url(20210531bg_dot2.png) 20px center no-repeat; }
.ptC5 { font-size: 14px; color: #898989; width: 340px; height: 445px; line-height: 28px; padding: 22px 64px 0; margin: 0 auto; background: url(20210531bg_ptc5.png) 0 0 no-repeat; }
.ptC5 .pic { width: 190px; height: 190px; margin: 0 auto; }
.ptC5 .txt { height: 182px; }
.ptC5 .cap3 { font-size: 18px; font-weight: normal; font-style: italic; color: #000; line-height: 30px; overflow: hidden; }
.ptC5 .p_tc { text-align: center; }
.ptC5 .p_info { height: 84px; margin-top: 16px; overflow: hidden; }
.ptC5 .cap3 a, .ptC5 .cap3 a:hover { color: #000; }
.section { background-position: center 0; background-repeat: no-repeat; -webkit-background-size: auto 100%; background-size: auto 100%; }
.d2 { background-position: center 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
.P1 { background-image: url(20210531bg1.jpg); }
.P2 { background-image: url(20210531bg2.jpg); }
.P3 { background-image: url(20210531bg3.jpg); }
.P4 { background-image: url(20210531bg6.jpg); }
.P5 { background-image: url(20210531bg7.jpg); }
.P6 { background-image: url(20210531bg5.jpg); }
.P7 { background-image: url(20210531bg4.jpg); }
.P8 { background-image: url(20210531bg8.jpg); background-position: center 100%; }
#fp-nav ul li { width: 30px; height: 30px; margin: 10px 0 0; }
#fp-nav ul li a { background: url(20210531bg_fp_nav.png) 0 -40px no-repeat; }
#fp-nav ul li a.active { background-position: 0 0; }
#fp-nav ul li a span { background: none; }
.bg { position: absolute; top: 0; left: 50%; z-index: 1; width: 1920px; height: 100%; margin-left: -960px; }
/*P1*/
.d_p1 { height: 600px; margin: 0 auto; }
.d_p1 .cap { opacity: 0; }
.nav { position: absolute; left: 196px; bottom: 0; width: 1000px; height: 270px; transition: all 1s; opacity: 0; }
.nav a { position: absolute; top: 0; display: block; text-indent: -999px; width: 224px; height: 90px; background: url(20210531bg_nav.png) 0 0 no-repeat; overflow: hidden; }
.nav a:hover { opacity: .9; animation: pulse 1.5s ease; }
.nav .a_n1 { left: 67px; }
.nav .a_n2 { left: 290px; width: 280px; background-position: 0 -200px; }
.nav .a_n3 { left: 564px; background-position: 0 -400px; }
.nav .a_n4 { top: 90px; width: 304px; background-position: 0 -600px; }
.nav .a_n5 { top: 90px; left: 304px; width: 243px; background-position: 0 -800px; }
.nav .a_n6 { top: 90px; left: 545px; width: 304px; background-position: 0 -1000px; }
.d2 { position: absolute; display: block; transition: all 1s; transition-delay: 0.7s; }
.bg1_1, .bg1_2, .bg1_3, .bg1_4 { width: 100%; height: 100%; }
.bg1_3 { top: 40px; left: 50%; width: 681px; height: 458px; margin-left: -900px; background-image: url(20210531bg_p1_3.png); }
.bg1_4 { top: 70%; left: 50%; width: 215px; height: 216px; margin-left: -640px; background-image: url(20210531bg_p1_4.png); }
.P1.active .cap { opacity: 1; animation: fadeInDown 1s ease; transition-delay: 0.7s; }
.P1.active .nav { opacity: 1; animation: fadeInUp 1s ease; transition-delay: 0.7s; }
.P1.active .bg1_3 { animation: fadeIn 2s ease; transition-delay: 2s; }
.P1.active .bg1_4 { animation: bounceInLeft 2s ease; }
.bg1_1 { background: url(20210531bg_p1_1.png); left: 0; top: 0; height: 600px; width: 300%; -webkit-animation: cloud_one 50s linear infinite; animation: cloud_one 50s linear infinite; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.bg1_2 { background: url(20210531bg_p1_2.png); left: 0; top: 20%; height: 472px; width: 300%; -webkit-animation: cloud_two 75s linear infinite; animation: cloud_two 75s linear infinite; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
/*P2*/
.d_xsd { width: 1130px; margin: 0 auto; }
.P2.active .cap2_2 { animation: fadeIn 2s ease; transition-delay: 0.7s; }
.P2.active .ptC2 .pic { animation: bounceInLeft 1.5s ease; transition-delay: 0.7s; }
.P2.active .ptC2 .txt { animation: bounceInRight 1.5s ease; transition-delay: 0.7s; }
.bg2_1 { top: 27%; left: 35%; width: 295px; height: 284px; background-image: url(20210531bg_p2_1.png); }
.bg2_2 { top: 30%; left: 50%; width: 358px; height: 546px; margin-left: 360px; background-image: url(20210531bg_p2_2.png); }
.P2.active .bg2_1 { left: 15%; transition-delay: 0.2s; animation: bounceInUp 2s ease; }
.P2.active .bg2_2 { transition-delay: 0.2s; animation: bounceInUp 2s ease; }
/*P3*/
.d_p3 { height: 600px; }
.videoC { position: absolute; bottom: 0; left: 0; width: 1200px; height: 570px; background: url(20210531bg_video.png) center 0 no-repeat; }
.a_gzzb, .a_jrzb { position: absolute; top: 415px; left: 326px; display: block; text-indent: -999px; width: 130px; height: 38px; overflow: hidden; }
.a_jrzb { top: 290px; left: 540px; width: 340px; height: 200px; }
.P3.active .cap2_3 { animation: bounceInDown 1.5s ease; transition-delay: 0.7s; }
.P3.active .videoC { animation: bounceInUp 1.5s ease; transition-delay: 0.7s; }
.bg3_1 { top: 35%; left: 150px; width: 423px; height: 437px; background-image: url(20210531bg_p3_1.png); }
.bg3_2 { top: 10%; right: 137px; width: 709px; height: 563px; background-image: url(20210531bg_p3_2.png); }
.P3.active .bg3_1, .P3.active .bg3_2 { animation: flash 2s ease 2; transition-delay: 0.7s; }
/*P4*/
.d_p4 { height: 600px; }
.d_p4 .s1, .d_p4 .s2 { width: 500px; padding-left: 80px; }
.d_p4 .s2 { float: right; padding: 0 80px 0 0; }
.bg4_1 { bottom: 0; left: 50%; width: 250px; height: 132px; margin-left: -780px; background-image: url(20210531bg_p4_1.png); }
.bg4_2 { bottom: 0; left: 50%; width: 163px; height: 165px; margin-left: 620px; background-image: url(20210531bg_p4_2.png); }
.P4.active .d2 { animation: bounceInUp 5s ease; }
.P4.active .bg4_1 { top: 340px; transition-delay: 0.7s; }
.P4.active .bg4_2 { top: 500px; transition-delay: 1s; }
/*P5*/
.d_p5 { height: 600px; }
.d_p5 .bd { width: 1128px; height: 500px; margin: 0 auto; border-radius: 20px; }
.bg5_1 { top: 36%; left: 50%; width: 548px; height: 321px; margin-left: -863px; background-image: url(20210531bg_p5_1.png); }
.bg5_2 { top: 18%; left: 50%; width: 426px; height: 543px; margin-left: 350px; background-image: url(20210531bg_p5_2.png); }
.P5.active .bg5_1 { transition-delay: 0.2s; animation: bounceInUp 2s ease; }
.P5.active .bg5_2 { transition-delay: 0.2s; animation: bounceInUp 2s ease; }
.P5.active .cap2_7 { animation: fadeInDownBig 1s ease; transition-delay: 0.2s; }
/*P6*/
.d_hljzz { height: 572px; }
.d_hljzz .s1, .d_hljzz .s2 { padding-top: 26px; }
.d_hljzz .ptC4 { z-index: 2; }
.bg6_1 { top: 20px; left: 100px; width: 72px; height: 174px; background-image: url(20210531bg_p6_1.png); }
.bg6_2 { top: 0; right: 100px; width: 106px; height: 233px; background-image: url(20210531bg_p6_2.png); }
.P6.active .bg6_1 { left: 260px; animation: adeIn 1.5s ease; transition-delay: 0.7s; }
.P6.active .bg6_2 { right: 220px; animation: adeIn 1.5s ease; transition-delay: 0.7s; }
/*P7*/
.d_p7 { width: 1088px; height: 600px; margin: 0 auto; }
.d_wsp, .d_lsj, .d_zmsn { float: left; clear: none; width: 303px; }
.d_wsp { width: 373px; margin-right: 34px; }
.d_zmsn { float: right; width: 346px; }
.d_wsp .hd, .d_lsj .hd, .d_zmsn .hd { height: 64px; }
.bg7_1 { top: 0; left: 270px; width: 100px; height: 105px; background-image: url(20210531bg_p7_1.png); }
.bg7_2 { bottom: -10px; left: 105px; width: 163px; height: 222px; background-image: url(20210531bg_p7_2.png); }
.bg7_3 { bottom: 0; left: 300px; width: 112px; height: 140px; background-image: url(20210531bg_p7_3.png); }
.bg7_4 { bottom: -20px; right: 180px; width: 274px; height: 340px; background-image: url(20210531bg_p7_4.png); }
.bg7_5 { bottom: 0; right: 135px; width: 143px; height: 204px; background-image: url(20210531bg_p7_5.png); }
.P7.active .d2 { animation: bounceInUp 5s ease; }
.P7.active .bg7_1 { top: 148px; left: 270px; transition-delay: 0.7s; }
.P7.active .bg7_2 { top: 325px; left: 116px; transition-delay: 1s; }
.P7.active .bg7_3 { bottom: 10%; left: 300px; transition-delay: 2s; }
.P7.active .bg7_4 { top: 0; right: 180px; transition-delay: 0.7s; }
.P7.active .bg7_5 { bottom: 0; right: 135px; transition-delay: 1s; }
.P7.active .cap2_4 { animation: bounceIn 1s ease; transition-delay: 0.7s; }
/*P8*/
.d_mt { width: 809px; height: 566px; margin: -30px auto 0; background: url(20210531img_p8.png) 0 0 no-repeat; }
.u_link { margin-top: 337px; padding-left: 70px; }
.u_link li { height: 30px; margin-top: 11px; }
.u_link a { float: left; display: block; text-indent: -999px; width: 135px; height: 30px; overflow: hidden; }
.u_link .a_fdy { width: 109px; }
 @-webkit-keyframes cloud_one {
 0% {
 left: 0
}
 100% {
 left: -200%
}
}
 @-moz-keyframes cloud_one {
 0% {
 left: 0
}
 100% {
 left: -200%
}
}
 @keyframes cloud_one {
 0% {
 left: 0
}
 100% {
 left: -200%
}
}
 @-webkit-keyframes cloud_two {
 0% {
 left: 0
}
 100% {
 left: -200%
}
}
 @-moz-keyframes cloud_two {
 0% {
 left: 0
}
 100% {
 left: -200%
}
}
 @keyframes cloud_two {
 0% {
 left: 0
}
 100% {
 left: -200%
}
}