@charset "gb2312";
/* CSS Document */
@import url(skcgzs2021_reset.css);
@import url("animate.min.css");

.warp{ width: auto; min-width: 100vw; max-height:100vh; overflow-y: hidden; position: relative; background:#FFF;}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #e9202a;}

.warp{ width: 100vw; box-sizing: border-box; }
.Part{ width: 1920px; min-width: 1320px; height: 100vh; float: left; box-sizing: border-box;}

.FixedNavBox{ position: fixed; top: -23px; right: 48px; }
.FixedNavBox .NavAlert{ position: relative; padding:120px 55px 89px; background: url("../images/skcgzs2021_nav_1.png") no-repeat center top; animation-fill-mode: both; animation-duration: 1s;}
.FixedNavBox .NavAlert.close{transform: translateY(-100%);}
.FixedNavBox .NavAlert::before,
.FixedNavBox .NavAlert::after{ content: ''; display: block; position: absolute; z-index: 10;}
.FixedNavBox .NavAlert::before{ width: 104px; height: 44px; background: url("../images/skcgzs2021_nav_2.png") no-repeat; left: 0px; top: 92px;}
.FixedNavBox .NavAlert::after{ width: 130px; height: 58px; background: url("../images/skcgzs2021_nav_3.png") no-repeat; right: 10px; bottom: 40px;}
.FixedNavBox .NavAlert li{ position: relative; }
.FixedNavBox .NavAlert li a::after{ content: ''; display: block; position: absolute; width: 46px; height: 52px; left: -10px; top: 19px; background: url("../images/skcgzs2021_nav_4.png") no-repeat; }
.FixedNavBox .NavAlert li + li{ margin-top: 10px;}
.FixedNavBox .NavAlert li:hover a::after,
.FixedNavBox .NavAlert li.on a::after{ background: url("../images/skcgzs2021_nav_5.png") no-repeat; }
.FixedNavBox .Menus{ width: 302px; height: 50px; position: absolute; left: 0; top: 23px; background:url("../images/skcgzs2021_nav_1.png") no-repeat center bottom; cursor: pointer; }


.Part0{ width: 100vw; background: url("../images/skcgzs2021_part1_bg.png") no-repeat; background-size: 100% 100%;}
.Part0 .w1320{ margin-top: 105px; height: calc(100vh - 105px); }
.Part0 .con{ width: 828px; height: 437px;}
.Part0 .k{ position: absolute; animation-fill-mode: both; animation-duration: 1s;}
.Part0 .k.p1{ left: -242px; top: 85px; animation-delay: 1.5s; animation-name: bounceIn;} /*2019-2021*/
.Part0 .k.t1{ left: 58px; top: 6px; animation-delay: 0s; animation-name: fadeInDownBig;} /*贵*/
.Part0 .k.t2{ left: 219px; top: 143px; animation-delay: 0.1s; animation-name: fadeInUpBig;} /*州*/
.Part0 .k.t3{ left: 372px; top: 85px; animation-delay: 0.4s; animation-name: fadeInDownBig;} /*社*/
.Part0 .k.t4{ right: 96px; top: 78px; animation-delay: 0.5s; animation-name: fadeInUpBig;} /*科*/
.Part0 .k.t5{ right: -90px; top: 113px; animation-delay: 0.8s; animation-name: fadeInDownBig;} /*成*/
.Part0 .k.t6{ right: -243px; top: 59px; animation-delay: 0.9s; animation-name: fadeInUpBig;} /*果*/
.Part0 .k.b1{ right: 135px; bottom: 0px; animation-delay: 1.2s; animation-name: lightSpeedIn;} /*网络展示*/
.Part0 .k img{ user-select: none; }

.Part0 .bot{ text-align: center; position: absolute; left: 200px; bottom: 50px; width: 920px; height: 60px; }
.Part0 .bot em{ display: inline-block; float: left; border-left: 5px solid #FFF; height: 60px;}
.Part0 .bot a{ display: inline-block; float: left;  padding: 0 25px; height: 60px;}
.Part0 .bot img{ max-height: 60px;}
.Part0 .bot>*{ animation-fill-mode: both; animation-duration: 1s;}





.Part1{ background: url("../images/skcgzs2021_part2_bg.png") no-repeat; background-size: 100% 100%;}
.Part1 .con{ width: 1600px; margin-top: 118px; }
.Part1 .con .Tit{ width: 495px; height: 437px; float: left; position: relative;}
.Part1 .con .Tit img{ position: absolute; animation-fill-mode: both; animation-duration: 1s;}
.Part1 .con .Tit .img_1{ right: 0; bottom: 0; animation-delay: 0s;}
.Part1 .con .Tit .img_2{ left: 0; top: 0; animation-delay: 0.8s;}
.Part1 .con .DocHtmlBox{ width: 990px; margin-top: 190px;}
.DocHtmlBox .DocTitle{ font-size: 40px; color: #fb5a16; font-weight: bold; line-height: 1.3; text-align: center; position: relative; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height: 104px;}
.DocHtmlBox .desc{ margin-top: 60px; font-size: 18px; color: #f5ebeb; line-height: 40px;}
.DocHtmlBox .desc p{ display: inline-block; text-decoration: underline;}




.Part2{ background: url("../images/skcgzs2021_part3_bg.png") no-repeat; background-size:5760px 100%;}
.Part2 .con{ width: 1658px; margin-top: 60px; }
.Part2 .con .Tit{ width: 482px; height: 431px; float: left; position: relative; margin-top: 44px;}
.Part2 .con .Tit img{ position: absolute; animation-fill-mode: both; animation-duration: 1s;}
.Part2 .con .Tit .img_1{ right: 0; bottom: 0; animation-delay: 0s;}
.Part2 .con .Tit .img_2{ left:18px; top: 0; animation-delay: 0.8s;}
.Part2 .con .DocHtmlBox{ width: 790px; margin-top: 240px; margin-left: -130px;}
.Part2 .con .DocHtmlBox .DocTitle{ padding-left: 150px; text-align: right; color: #7983c0;}

.Part2 .con .DocPicBox{ width: 445px;}
.Part2 .con .DocPicBox li{ position: relative; overflow: hidden; height:257px; border: 3px solid #FFF; border-radius: 3px; transition: border 0.3s;}
.Part2 .con .DocPicBox li + li{ margin-top: 12px;}
.Part2 .con .DocPicBox li img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.Part2 .con .DocPicBox li:hover{ border-color: #7983c0;}



.Part3{ background: url("../images/skcgzs2021_part3_bg.png") no-repeat -1920px top; background-size:5760px 100%;}
.Part3 .con{ width: 1808px; margin-top: 69px; }
.Part3 .con .Tit{ width: 517px; height: 511px; float: left; position: relative;}
.Part3 .con .Tit img{ position: absolute; animation-fill-mode: both; animation-duration: 1s;}
.Part3 .con .Tit .img_1{ right: 0; bottom: 0; animation-delay: 0s;}
.Part3 .con .Tit .img_2{ left:30px; top: 0; animation-delay: 0.8s;}

.Part3 .con .DocPicBox{ }
.Part3 .con .DocPicBox li{ position: absolute; overflow: hidden; border: 6px solid #FFF; border-radius: 50%; width: 259px; height: 259px; transition: border 0.3s;}
.Part3 .con .DocPicBox li img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.Part3 .con .DocPicBox li.li1{ left: 10px; top: 25px;}
.Part3 .con .DocPicBox li.li2{ left: -69px; top: 343px;}
.Part3 .con .DocPicBox li.li3{ left: -432px; top: 532px;}
.Part3 .con .DocPicBox li:hover{ border-color: #7983c0;}

.Part3 .con .DocHtmlBox{ width: 990px; margin-top: 200px; margin-right: 23px;}
.Part3 .con .DocHtmlBox .DocTitle{ padding-left: 158px; text-align: right; color: #7983c0; border-right: 12px solid #6ee1f3; padding-right: 25px;}





.Part4{ background: url("../images/skcgzs2021_part3_bg.png") no-repeat -3840px top; background-size:5760px 100%;}
.Part4 .con{ width: 1724px; margin-top: 114px; }
.Part4 .con .Tit{ width: 495px; height: 444px; float: left; position: relative;}
.Part4 .con .Tit img{ position: absolute; animation-fill-mode: both; animation-duration: 1s;}
.Part4 .con .Tit .img_1{ right: 0; bottom: 0; animation-delay: 0s;}
.Part4 .con .Tit .img_2{ left: 0; top: 0; animation-delay: 0.8s;}

.Part4 .con .DocHtmlBox{ width: 1070px; margin-top: 80px; margin-right: 60px;}
.Part4 .con .DocHtmlBox .DocTitle{ padding-left: 220px; text-align: right; color: #7983c0; border-right: 12px solid #6ee1f3; padding-right: 25px;}

.Part4 .con .DocPicBox{ margin-top: 20px; }
.Part4 .con .DocPicBox li{ position: relative; overflow: hidden; width: 403px; height:249px; float: left; border: 3px solid #FFF; border-radius: 3px; transition: border 0.3s;}
.Part4 .con .DocPicBox li + li{ margin-left: 18px;}
.Part4 .con .DocPicBox li img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.Part4 .con .DocPicBox li:hover{ border-color: #7983c0;}