@charset "gb2312";
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: none; }
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%; }
/*com*/
.hd, .bd, .d, .d2, .inn, .inn2, .u, .u li, .pic, .txt, .mbx, .ptC, .ptC2, .ptC3, .ptC4 { 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: 60px; }
/*header*/
.header { height: 70px; }
.header .inn { padding: 0; }
.logo, .d_sxd { float: left; width: 400px; margin: 2px 160px 0 0; overflow: hidden; }
.logo a { float: left; margin-right: 40px; }
.logo .a_snb { margin-top: 10px; }
.d_sxd { width: 277px; height: 44px; margin: 8px 0 0; background: url(2020kymhzimg_sxd.jpg) 0 0 no-repeat; }
.d_sxd a { float: left; display: block; text-indent: -999px; width: 165px; height: 44px; overflow: hidden; }
.d_sxd .a_qnzs { float: right; width: 108px; }
.header .fr { font-size: 12px; height: 40px; margin-top: 10px; }
.header .fr a { float: right; line-height: 40px; padding: 0 10px; }
.header .fr a:hover { text-decoration: none; color: #da1f31; }
.header .fr .a_jb { font-weight: bold; color: #f00; }
/*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: absolute; top: 0; left: 0; z-index: 999; width: 100%; }
.cap { display: block; text-indent: -999px; overflow: hidden; }
.cap { width: 1198px; height: 284px; margin: 60px auto 0; background: url(2020kymhzbg_cap.png) 0 0 no-repeat; opacity: 0; }
.d2 { position: absolute; display: block; transition: all 1.5s; transition-delay: 0.7s; }
.opacity { position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background: #000; opacity: .7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
#fp-nav ul li { width: 34px; height: 34px; margin: 5px 0 0; }
#fp-nav ul li a { background: url(2020kymhzbg_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; }
/*jdt*/
.jdt { position: relative; float: right; width: 340px; height: 488px; padding-left: 425px; overflow: hidden; }
.jdt .j_hd { position: absolute; top: 66px; left: 50px; }
.u_sf { height: 311px; background: url(2020kymhzbg_line.png) 0 0 no-repeat; }
.u_sf li { float: left; font-size: 23px; text-align: center; width: 26px; height: 311px; line-height: 1.1; padding: 0 16px; background: url(2020kymhzbg_line.png) 100% 0 no-repeat; overflow: hidden; }
.u_sf li a { display: block; width: 100%; color: #ff0044; }
.u_sf li a:hover { color: #ff6325; }
.u_sf li i { display: block; width: 100%; height: 16px; }
.jdt .j_bd { position: relative; width: 340px; height: 488px; }
.j_pic { display: block; width: 240px; height: 427px; padding: 6px; margin: 36px 30px 0; background: #fff; box-shadow: 5px 8px 6px rgba(2,29,0,.5); border-radius: 6px; overflow: hidden; }
.j_pic img { width: 100%; }
.active .u_sf { animation: bounceInDown 1.5s ease; transition-delay: 0.8s; }
/*P1*/
.P1, .P2, .P3, .P4, .P5, .P6 { background: url(2020kymhzbg_p1.jpg) center 0 no-repeat; -webkit-background-size: auto 100%; background-size: auto 100%; ; }
.P2 { background-image: url(2020kymhzbg_p2.jpg); }
.P3 { background-image: url(2020kymhzbg_p3.jpg); }
.P4 { background-image: url(2020kymhzbg_p4.jpg); }
.P5 { background-image: url(2020kymhzbg_p5.jpg); }
.P6 { background-image: url(2020kymhzbg_p6.jpg); }
.d_p1 { height: 600px; margin: 0 auto; }
.d_p1 .cap { opacity: 0; }
/*.bg1_1 { top: 50%; left: 50%; width: 266px; height: 282px; margin: -230px 0 0 -680px; background-image: url(2020kymhzbg_p1_1.png); opacity: 0; }*/
.bg1_2 { bottom: 100px; left: 50%; width: 437px; height: 100px; margin-left: 160px; }
.bg1_2 a { float: left; display: block; margin-right: 40px; }
.bg1_2 .a_snb { margin-top: 10px; }
.P1.active .cap { opacity: 1; animation: fadeInDown 1.2s ease; transition-delay: 0.3s; }
.P1.active .bg1_1 { animation: fadeIn 4s ease; opacity: 1; }
.P1.active .bg1_2 { animation: bounceInUp 1.5s ease; transition-delay: 0.8s; opacity: 1; }
/*P2*/
.bg2_1 { top: 50%; left: 50%; width: 402px; height: 374px; margin: -220px 0 0 -580px; background-image: url(2020kymhzbg_p2_1.png); opacity: 0; }
.bg2_2 { z-index: 999; top: 25%; right: 50%; width: 181px; height: 94px; margin-right: -680px; background-image: url("2020kymhzbg_p2_2.png"); opacity: 0; }
.bg2_3, .bg3_3, .bg4_3, .bg5_3, .bg6_3 { top: 21px; left: 30px; width: 35px; height: 36px; background-image: url(2020kymhzbg_p2_3.png); opacity: 0; }
.bg2_4, .bg3_4, .bg4_4, .bg5_4, .bg6_4 { left: 240px; bottom: 0; width: 58px; height: 60px; background-image: url(2020kymhzbg_p2_4.png); opacity: 0; }
.P2.active .bg2_1 { animation: bounceInLeft 1.5s ease; transition-delay: 0.7s; opacity: 1; }
.P2.active .bg2_2 { animation: bounceInRight 1.5s ease; transition-delay: 0.5s; opacity: 1; }
.P2.active .bg2_3 { animation: fadeIn 3s ease; opacity: 1; }
.P2.active .bg2_4 { animation: fadeIn 4s ease; opacity: 1; }
/*P3*/
.bg3_1 { top: 50%; left: 50%; width: 366px; height: 396px; margin: -270px 0 0 -535px; background-image: url(2020kymhzbg_p3_1.png); opacity: 0; }
.P3.active .bg3_1 { animation: fadeInUp 1.5s ease; transition-delay: 0.7s; opacity: 1; }
.P3.active .bg3_3, .P5.active .bg5_3, .P6.active .bg6_3 { animation: fadeIn 2s ease; opacity: 1; }
.P3.active .bg3_4, .P5.active .bg5_4, .P6.active .bg6_4 { animation: fadeInUp 2s ease; opacity: 1; }
/*P4*/
.bg4_1 { top: 50%; left: 50%; width: 496px; height: 369px; margin: -220px 0 0 -600px; background-image: url(2020kymhzbg_p4_1.png); opacity: 0; }
.bg4_2 { left: 0; bottom: 0; width: 47px; height: 53px; background-image: url("2020kymhzbg_p4_2.png"); opacity: 0; }
.P4.active .bg4_1 { animation: bounceInUp 1.5s ease; transition-delay: 0.7s; opacity: 1; }
.P4.active .bg4_2 { animation: fadeInLeft 1.5s ease; transition-delay: 0.5s; opacity: 1; }
.P4.active .bg4_3 { animation: fadeInDown 2s ease; opacity: 1; }
.P4.active .bg4_4 { animation: fadeInRight 2s ease; opacity: 1; }
.bg5_1 { top: 50%; left: 50%; width: 435px; height: 381px; margin: -220px 0 0 -580px; background-image: url(2020kymhzbg_p5_1.png); opacity: 0; }
.P5.active .bg5_1 { animation: bounceInLeft 1.5s ease; transition-delay: 0.7s; opacity: 1; }
.bg6_1 { top: 50%; left: 50%; width: 429px; height: 391px; margin: -220px 0 0 -560px; background-image: url(2020kymhzbg_p6_1.png); opacity: 0; }
.P6.active .bg6_1 { animation: bounceInUp 1.5s ease; transition-delay: 0.7s; opacity: 1; }
.u_sf2, .u_sf2 li { background-image: url(2020kymhzbg_line2.png); }
.u_sf2 li a { color: #2f8188; }
.u_sf2 li a:hover { color: #5276b7; }
.a_more { position: absolute; top: 314px; left: 0; display: block; text-indent: -999px; width: 38px; height: 86px; background: url(2020kymhza_more.png) 0 0 no-repeat; overflow: hidden; }
.btn_rk {position: absolute;left: 50%;bottom: 55px; display: block;text-indent: -999px;width: 186px;height: 43px;margin-left: -100px;background: url(2020kymhzbg_btn.png) 0 0 no-repeat;overflow: hidden;opacity: 0; }
.active .btn_rk { animation: fadeInUp 1.5s ease; transition-delay: 0.8s;opacity: 1; }
.P1 .btn_rk{bottom: 138px;}
 @-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%
}
}