a.more { background-image: url(../images/pc/more_bg.png); background-image: -webkit-image-set(url(../images/pc/more_bg.png) 1x, url(../images/pc/more_bg_2x.png) 2x); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; width: 24px; height: 24px; }
a.more:hover { opacity: .8; }
.part1 { margin: 40px auto 0; width: 1200px; background: url('../images/pc/p1_bg.png') no-repeat 50% 50%; }
.part1 .pl { float: left; width: 400px; }
.part1 .pm { float: left; width: 400px; margin-left: 40px; }
.part1 .pr { float: right; width: 320px; }
/* slide */

.slider_wrap { width: 400px; height: 320px; position: relative; }
.slider_wrap .slider_list { width: 400px; height: 320px; overflow: hidden; }
.slider_wrap .slider_item img { width: 400px; height: 320px; display: block; }
.slider_wrap .slider_item span.text { background-color: rgba(0, 0, 0, .5); height: 48px; margin-top: -48px; position: relative; color: #fff; font-size: 16px; padding-left: 12px; line-height: 48px; display: block; }
.slider_wrap .slider_dot { position: absolute; top: 250px; width: 400px; text-align: center; }
.slider_wrap .slider_dot span { background-image: url(../images/pc/s_dot.png); background-image: -webkit-image-set(url(../images/pc/s_dot.png) 1x, url(../images/pc/s_dot_2x.png) 2x); background-repeat: no-repeat; background-position: -20px 0; background-size: 92px 16px; width: 18px; height: 18px; display: inline-block; margin: 0 3px; }
.slider_wrap .slider_dot span.dot_list_cur { background-position: 0 0; }
.part2 { margin-top: 20px; background: url('../images/pc/bg2.png') repeat-x; height: 400px; }
.part2 .pc { width: 1200px; margin: 0 auto; overflow: hidden; }
.part2 ul * { transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; }
.part2 li { border-right: solid 1px #fff; width: 399px; height: 400px; float: left; position: relative; overflow: hidden; }
.part2 li:after { content: ''; position: absolute; background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; }
.part2 li.t1:after { background-image: url(../images/pc/p2_b_1.png); background-image: -webkit-image-set(url(../images/pc/p2_b_1.png) 1x, url(../images/pc/p2_b_1_2x.png) 2x); width: 482px; height: 374px; top: 0; left: 232px; }
.part2 li.t2:after { background-image: url(../images/pc/p2_b_2.png); background-image: -webkit-image-set(url(../images/pc/p2_b_2.png) 1x, url(../images/pc/p2_b_2_2x.png) 2x); width: 451px; height: 353px; top: 0; left: 232px; }
.part2 li.t3:after { background-image: url(../images/pc/p2_b_3.png); background-image: -webkit-image-set(url(../images/pc/p2_b_3.png) 1x, url(../images/pc/p2_b_3_2x.png) 2x); width: 461px; height: 359px; top: 0; left: 247px; }
.part2 li:before { background: url(../images/pc/bg3.png) no-repeat; width: 400px; height: 400px; position: absolute; top: 0; left: 0; content: ''; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; opacity: 0; filter: alpha(opacity=0); }
.part2 li.t2:before { background: url(../images/pc/bg3_2.png) no-repeat; }
.part2 li.t3:before { background: url(../images/pc/bg3_3.png) no-repeat; }
.part2 li h2 { color: #fff; font-weight: bold; font-size: 48px; line-height: 50px; position: absolute; top: 87px; left: -179px; width: 100%; text-align: center; }
.part2 li.t1 h2 { left: -126px; }
.part2 li.t2 h2 { left: -197px; }
.part2 li.t3 h2 { left: -179px; }
.part2 li p { position: absolute; color: #fff; width: 264px; line-height: 20px; top: 400px; left: 50%; margin-left: -132px; font-weight: bold; }
.part2 li .getmore { position: absolute; top: 528px; width: 120px; left: 50%; margin-left: -60px; z-index: 3; }
.part2 li .getmore a, .part2 li .getmore a:visited { font-weight: bold; display: block; width: 120px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #00add6; background-color: #fff; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.part2 li .getmore a:hover { background-color: #00add6; color: #fff; text-decoration: none; }
.part2 li:hover h2, .part2 li:hover:after { left: 0; }
.part2 li:hover:after { opacity: .4; filter: alpha(opacity=40); }
.part2 li:hover:before { opacity: 1; filter: alpha(opacity=1); }
.part2 li:hover p { top: 200px; }
.part2 li:hover .getmore { top: 328px; }
.blk_01 { height: 306px; margin-top: 40px; position: relative; }
.blk_01 .b_c { width: 390px; margin: 0 auto; }
.blk_01 .blk_scroll { background-color: #939393; transition: width .4s ease; -webkit-transition: width .4s ease; -moz-transition: width .4s ease; -ms-transition: width .4s ease; -o-transition: width .4s ease; border-top-right-radius: 16px; }
.blk_01 .blk_scroll.up { background-color: #f96b68; }
.blk_01 .blk_scroll.down { background-color: #3ed18b; }
.blk_01 .blk_scroll { width: 400px; height: 306px; position: relative; z-index: 100; left: 0; top: 0; }
.blk_01 .b_t { padding: 12px 0 0 12px; height: 24px; }
.blk_01 .b_tab { height: 24px; float: left; overflow: hidden; }
.blk_01 .b_tab span { display: none; float: left; font-size: 16px; width: 236px; height: 22px; border: solid 1px #fff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; color: #fff; white-space: nowrap; text-align: center; line-height: 22px; overflow: hidden; text-overflow: ellipsis; }
.blk_01 .b_tab span a, .blk_01 .b_tab span a:visited, .blk_01 .b_tab span a:hover { color: #fff; text-decoration: none; }
.blk_01 .b_tab span.cur, .blk_01 .b_tab span.cur a, .blk_01 .b_tab span.cur a:visited, .blk_01 .b_tab span.cur a:hover { display: block; background-color: #fff; color: #333; text-decoration: none; }
.blk_01 .down .b_tab span.cur, .blk_01 .down .b_tab span.cur a, .blk_01 .down .b_tab span.cur a:visited, .blk_01 .down .b_tab span.cur a:hover { color: #3fcc99; text-decoration: none; }
.blk_01 .up .b_tab span.cur, .blk_01 .up .b_tab span.cur a, .blk_01 .up .b_tab span.cur a:visited, .blk_01 .up .b_tab span.cur a:hover { color: #f96b68; text-decoration: none; }
.blk_01 .b_dot { background-image: url(../images/pc/s_dot_bg.png); background-image: -webkit-image-set(url(../images/pc/s_dot_bg.png) 1x, url(../images/pc/s_dot_bg_2x.png) 2x); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; width: 58px; height: 24px; float: left; margin-left: 6px; }
.blk_01 .b_dot span, .blk_01 .b_dot i { float: left; }
.blk_01 .b_dot span { margin-left: 6px; cursor: pointer; }
.blk_01 .b_dot i { border: solid 1px #fff; margin-top: 10px; width: 2px; height: 2px; margin-left: 2px; overflow: hidden; background-color: #939393; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.blk_01 .down .b_dot i { background-color: #3ed18b; }
.blk_01 .up .b_dot i { background-color: #f96b68; }
.blk_01 .b_dot i.cur { background-color: #fff; }
.blk_01 .b_dot span.b_d_left { width: 12px; height: 24px; margin-right: 4px; }
.blk_01 .b_dot span.b_d_right { width: 12px; height: 24px; }
.blk_01 .b_notice { width: 24px; height: 24px; float: left; background-image: url(../images/pc/icon_notice.png); background-image: -webkit-image-set(url(../images/pc/icon_notice.png) 1x, url(../images/pc/icon_notice_2x.png) 2x); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; margin-right: 6px; margin-left: 20px; }
.blk_01 .b_notice_cont { display: none; position: absolute; width: 200px; color: #fff; font-size: 12px; line-height: 14px; background: rgba(0, 0, 0, .4); padding: 6px; border-radius: 8px; right: 10px; top: 45px; z-index: 100; }
.blk_01 .b_full { width: 24px; height: 24px; float: left; background-image: url(../images/pc/icon_full.png); background-image: -webkit-image-set(url(../images/pc/icon_full.png) 1x, url(../images/pc/icon_full_2x.png) 2x); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; }
.blk_01 .b_min { display: none; width: 24px; height: 24px; float: left; background-image: url(../images/pc/icon_min.png); background-image: -webkit-image-set(url(../images/pc/icon_min.png) 1x, url(../images/pc/icon_min_2x.png) 2x); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; }
.blk_01 .blk_max_scroll { width: 1200px; }
.blk_01 .blk_max_scroll .b_t { overflow: hidden; }
.blk_01 .blk_max_scroll .b_tab span { display: block; margin-right: 6px; cursor: pointer; }
.blk_01 .blk_max_scroll .b_notice, .blk_01 .blk_max_scroll .b_dot, .blk_01 .blk_max_scroll .b_full { display: none; }
.blk_01 .blk_max_scroll .b_min { display: block; float: right; margin-right: 12px; }
.blk_01 .blk_max_scroll .b_notice_cont { display: block !important; width: 267px; line-height: 16px; background-color: transparent; right: 76px; top: 17px; padding: 0; }
.blk_01 .b_notice_cont p { max-height: 100px; overflow: hidden; overflow-y: auto; }
/* 更改滚动条的宽度 */
.blk_01 .b_notice_cont p::-webkit-scrollbar { width: 10px; }
/* 更改滚动条轨道的颜色 */
.blk_01 .b_notice_cont p::-webkit-scrollbar-track { background-color: #f1f1f1; border-radius: 20px; }
/* 更改滚动条滑块的颜色 */
.blk_01 .b_notice_cont p::-webkit-scrollbar-thumb { background-color: #888; border-radius: 20px; }
/* 鼠标悬停在滑块上时更改颜色 */
.blk_01 .b_notice_cont p::-webkit-scrollbar-thumb:hover { background-color: #555; }
.blk_01 #tChartParent { width: 390px; height: 185px; }
.blk_01 .blk_max_scroll #tChartParent, .blk_01 .blk_max_scroll .b_c { width: 1190px; }
.blk_01 .chartText { height: 77px; }
.blk_01 .chartCode { color: #fff; font-size: 16px; line-height: 23px; padding-top: 20px; }
.blk_01 .chartChange { color: #fff; font-size: 30px; }
.blk_02 { margin-top: 40px; }
.blk_02 .b_header { background-color: #08112c; border-top-right-radius: 18px; height: 96px; color: #fff; padding: 0 12px; }
.blk_02 .b_header .b_t { height: 48px; overflow: hidden; }
.blk_02 .b_header .b_t h2 { font-size: 24px; line-height: 48px; float: left; font-weight: bold; }
.blk_02 .b_header .b_t a.more { float: right; margin-top: 12px; }
.blk_02 .b_list_head { height: 30px; overflow: hidden; line-height: 30px; padding-top: 15px; }
.blk_02 .b_list_head span[data-sort] { cursor: pointer; }
.blk_02 .b_list_head span { font-size: 16px; font-weight: bold; float: left; }
.blk_02 .b_list_head span.c1 { width: 148px; }
.blk_02 .b_list_head span.c3 { float: right; }
.blk_02 .b_item { height: 40px; overflow: hidden; line-height: 40px; font-size: 14px; }
.blk_02 .b_item:nth-of-type(2n) { background-color: #f2f4fb; }
.blk_02 .b_item:hover { background-color: #dde0ea; cursor: pointer; }
.blk_02 .b_item span { float: left; }
.blk_02 .b_item span.c1 { margin-left: 12px; width: 148px; }
.blk_02 .b_item span.c2 { width: 165px; }
.blk_02 .b_item span.c3 { font-weight: bold; }
.blk_03 a, .blk_03 a:visited, .blk_03 a:hover { color: #fff; }
.blk_03 { background: url('../images/pc/bg4.png') no-repeat; widows: 40px; height: 320px; color: #fff; }
.blk_03 h2 { font-size: 48px; line-height: 72px; padding-left: 12px; }
.blk_03 .bc { padding: 30px 12px 0; }
.blk_03 h3 { font-weight: bold; line-height: 28px; font-size: 24px; height: 56px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; word-wrap: break-word; }
.blk_03 p { margin-top: 20px; line-height: 22px;
   /* height: 66px; */
   font-size: 14px;
   /* -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box; */
   word-wrap: break-word; }
.blk_03 .link { margin-top: 20px; line-height: 20px; font-size: 16px; }
.blk_03 .link a { font-weight: bold; }
.blk_04 { margin-top: 40px; }
.blk_04 h2 { font-size: 48px; font-weight: bold; line-height: 133px; }
.blk_05 { position: relative; width: 320px; height: 320px; background: url('../images/pc/bg5.png') no-repeat; }
.blk_05 * { transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; }
.blk_05 .bc { width: 320px; height: 320px; overflow: hidden; position: absolute; z-index: 2; }
.blk_05 span.t1 { background-color: #08112c; width: 170px; height: 36px; text-align: center; line-height: 36px; font-weight: bold; font-size: 24px; color: #00add6; position: absolute; top: 12px; left: 0; }
.blk_05:after { transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; content: ''; position: absolute; width: 320px; height: 100px; bottom: 0; left: 0; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)); }
.blk_05:hover:after { left: 240px; }
.blk_05 img { width: 320px; height: 320px; display: block; position: absolute; left: 0; top: 0; }
.blk_05 .t3 { position: absolute; left: 12px; width: 216px; color: #fff; top: 234px; }
.blk_05 .t3 h3 { font-size: 24px; font-weight: bold; line-height: 32px; }
.blk_05 .t3 p { font-size: 18px; font-weight: bold; }
.blk_05 .t3 p.info { margin-top: 24px; font-size: 14px; line-height: 18px; font-weight: normal; visibility: hidden; }
.blk_05:hover span.t1 { left: -12px; }
.blk_05:hover img { left: 240px; }
.blk_05:hover .t3 { top: 117px; }
.blk_05:hover .t3 p.info { visibility: visible; }
.blk_06 { margin-top: 40px; }
.blk_07 { margin-top: 40px; }
.blk_07 .b_header { background-color: #00add6; background-image: linear-gradient(135deg, #00add6 0%, #09bab0 100%); height: 166px; border-top-right-radius: 18px; }
.blk_07 .b_header .b_t { padding: 0 12px; color: #fff; line-height: 48px; overflow: hidden; height: 48px; }
.blk_07 .b_header .b_t h2 { font-size: 24px; font-weight: bold; float: left; }
.blk_07 .b_header .b_t a.more { float: right; margin-top: 12px; }
.blk_07 .b_search { height: 36px; line-height: 36px; margin: 0 12px; position: relative; background-color: #fff; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.blk_07 .b_search input { border: 0; color: #00add6!important; background-color: #fff!important; margin-left: 10px; font-size: 16px; width: 238px; height: 16px; padding: 7px; outline: none; }
.blk_07 .b_search input:-webkit-autofill { background-color: #fff!important; }
.blk_07 .b_search .search_btn { position: absolute; background-image: url(../images/pc/icon_search2.png); background-image: -webkit-image-set(url(../images/pc/icon_search2.png) 1x, url(../images/pc/icon_search2_2x.png) 2x); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; width: 18px; height: 18px; right: 10px; top: 9px; cursor: pointer; }
.blk_07 .b_name { border-bottom: solid 2px #fff; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; color: #fff; padding-left: 12px; }
.blk_07 .b_list_head { color: #fff; line-height: 40px; font-size: 14px; height: 40px; overflow: hidden; }
.blk_07 .b_list_head span { float: left; }
.blk_07 .b_list_head span.c1 { margin-left: 12px; width: 121px; }
.blk_07 .b_list_head span.c2 { width: 119px; }
.blk_07 .b_item { line-height: 30px; height: 30px; overflow: hidden; }
.blk_07 .b_item span { float: left; }
.blk_07 .b_item span.c1 { width: 138px; margin-left: 12px; }
.blk_07 .b_item span.c2 { width: 105px; }
.blk_07 .b_item:nth-of-type(2n) { background-color: #f2f4fb; }
.blk_08 { margin-top: 40px; }
.blk_08 .bt { height: 212px; overflow: hidden; position: relative; }
.blk_08 .bt a, .blk_08 .bt a:visited, .blk_08 .bt a:hover { color: #fff; }
.blk_08 .bt img { width: 100%; height: 100%; display: block; border-top-right-radius: 16px; }
.blk_08 .bt:before { content: ''; opacity: .6; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)); height: 80px; width: 100%; position: absolute; top: 0; left: 0; border-top-right-radius: 16px; }
.blk_08 .bt:after { content: ''; opacity: .6; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4)); height: 80px; width: 100%; position: absolute; bottom: 0; left: 0; border-top-right-radius: 16px; }
.blk_08 .bt h3 { font-size: 24px; color: #fff; position: absolute; top: 12px; left: 12px; font-weight: bold; }
.blk_08 .bt p { font-size: 14px; position: absolute; bottom: 7px; left: 12px; color: #fff; z-index: 2; font-weight: bold; }
.blk_08 .bt a.more { position: absolute; right: 12px; top: 12px; }
.blk_08 ul.list { padding-top: 18px; }
.blk_09 { margin-top: 28px; }
.blk_09 .tabs-menu { height: 60px; }
.blk_09 .tabs-menu .mc { border-bottom: solid 2px #00add6; height: 36px; padding: 12px 0; width: 1200px; margin: 0 auto; overflow: hidden; margin-bottom: 1px; }
.blk_09 .tabs-menu .mc-fix { background-color: #fff; width: 100%; z-index: 9999; position: fixed; left: 0; top: 0; -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, .2); box-shadow: 0 0 4px 2px rgba(0, 0, 0, .2); }
.blk_09 .mc-fix ul { width: 1200px; margin: 0 auto; }
.blk_09 .tabs-menu li { font-weight: bold; float: left; font-size: 18px; color: #00add6; margin-right: 12px; line-height: 36px; height: 36px; padding: 0 24px; cursor: pointer; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; }
.blk_09 .tabs-menu li.cur, .blk_09 .tabs-menu li:hover { background-color: #00add6; color: #fff; }
.blk_09 .b_item { margin: -1px 0; }
.blk_09 .b_item .bc { width: 1200px; margin: 0 auto; padding: 25px 0; border: solid 1px #e2e2e2; border-width: 1px 0; overflow: hidden; }
.blk_09 .b_item:hover { border: solid 1px #e2e2e2; border-width: 1px 0; background-color: #f9f9f9; }
.blk_09 .b_item:hover .bc { border: 0; }
.blk_09 .b_img { width: 240px; height: 160px; float: left; overflow: hidden; margin-right: 48px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.blk_09 .b_img img { display: block; width: 100%; height: 100%; border-radius: 8px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; object-fit: cover; }
.blk_09 .b_img img:hover { transform: scale(1.065); -webkit-transform: scale(1.065); -moz-transform: scale(1.065); -ms-transform: scale(1.065); -o-transform: scale(1.065); }
.blk_09 .b_txt { padding: 53px 0; }
.blk_09 .b_txt h3 { font-size: 22px; font-weight: bold; color: #08112c; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.blk_09 .b_txt p { font-size: 14px; color: #a4a4a4; }
.blk_09 a, .blk_09 a:visited, .blk_09 a:hover { color: #08112c; }
.blk_09 .listmore a, .blk_09 .listmore a:visited { display: block; width: 1200px; height: 40px; margin: 0 auto; background-color: #f2f4fb; text-align: center; line-height: 40px; font-size: 14px; color: #08112c; }
.blk_09 .listmore a:hover { background-color: #c7d0ea; color: #08112c; text-decoration: none; }
.blk_09 .showall { padding: 20px; }
ul.list1 li { font-size: 16px; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
ul.list1 li.more { margin-top: 12px; height: 40px; }
ul.list1 li a:hover { font-weight: bold; text-decoration: none; }
ul.list1 li.more a, ul.list1 li.more a:visited { display: block; background-color: #f2f4fb; line-height: 40px; height: 40px; text-align: center; font-size: 14px; }
ul.list1 li.more a:hover { background-color: #c7d0ea; color: #08112c; text-decoration: none; }
.navBody .nav-scroll { position: absolute; bottom: 140px; left: 50%; top: 50%; border: solid 2px #fff; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; width: 20px; height: 36px; margin-left: -12px; }
@-webkit-keyframes fadeTopDown { 0%, 20% { opacity: 0; }
   21%, 27% { opacity: 1; top: -61px; }
   70% { opacity: 1; top: -45px; }
   78% { opacity: 0; top: -45px; }
   100% { opacity: 0; top: -61px; } }
@keyframes fadeTopDown { 0%, 20% { opacity: 0; }
   21%, 27% { opacity: 1; top: 7px; }
   70% { opacity: 1; top: 23px; }
   78% { opacity: 0; top: 23px; }
   100% { opacity: 0; top: 7px; } }
.navBody .nav-scroll:after { content: ''; position: absolute; top: 7px; left: 10px; background-color: #fff; width: 6px; height: 6px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; margin-left: -3px; animation: fadeTopDown 1.4s infinite; -webkit-animation: fadeTopDown 1.4s infinite; }
.topWrap { height: 100vh; }
.topMain .navBody { min-height: 300px; }