/*全局样式设置*/
* {
 margin: 0;
 padding: 0;
}

/*两个固定位置的样式设置*/
.logo {
 position: absolute;
 left: -130px;
 top: 0;
 width: 50px;
 height: 50px;
 background: url("../images/index/logo.png");
 background-size: 100% 100%;
 z-index: 1000;
}

.dh {
 text-align: center;
 border-radius: 10px;
 background: rgba(153, 153, 153, 0.5);
 position: absolute;
 right: -100%;
 top: 0;
 width: 100%;
 height: 50px;
 color: #fff;
 z-index: 999;
 font-family: "幼圆", serif;
 font-size: 19px;
}

.dh a {
 color: #fff;
 text-decoration: none;
 content: "";
}

.dh_con {
 /*width: 1100px;*/
 float: right;
 margin-top: 10px;
 height: 40px;
 margin-right: 25px;
}

.dh_con {
 list-style: none;
}

.dh_con li {
 display: inline;
 vertical-align: top;
}

.dh_con li:nth-child(6) {
 width: 80px;
 display: inline-block;
}

@keyframes display_secondNav {
 from {
 transform: scale(0.1);
 }
 50% {
 transform: scale(1.1);
 }
 to {
 transform: none;
 }
}

.dh_con li:nth-child(6):hover .second_nav {
 display: block;
 animation: display_secondNav 2s 1;
}

.dh_con li:nth-child(6):hover {
 cursor: pointer;
 width: 80px;
}

.second_nav {
 width: 80px;
 height: 100px;
 position: relative;
 top: 10px;
 display: none;
}

.second_nav ul {
 width: 70px;
 margin: 0 auto;
}

.second_nav li {
 display: block;
}

.second_nav li:hover {
 background: gray;
 opacity: 0.5;
 cursor: pointer;
}

.nav-underline-active,
.nav-underline-active:hover {
 border-bottom: 2px solid #fff;
}


.nav-underline {
 position: relative;
 text-decoration: none;
 color: #fff;
}

.nav-underline:before {
 content: "";
 position: absolute;
 bottom: -10px;
 width: 0;
 border-bottom: 3px solid black;
 border-radius: 2px;
}

.nav-underline:hover:before {
 width: 100%;
}

.nav-underline:before {
 -webkit-transition: width 0.5s ease-in-out;
 -moz-transition: width 0.5s ease-in-out;
 -ms-transition: width 0.5s ease-in-out;
 -o-transition: width 0.5s ease-in-out;
 transition: width 0.5s ease-in-out;
}

/*第一屏的相关设置*/
.screen_main {
 position: relative;
 background-image: url("../images/index/page1/bg_page1.png");
 width: 1280px;
 height: 840px;
 margin: 0 auto;
}

.screen_main .shi1 {
 position: absolute;
 width: 79px;
 height: 75px;
 left: -501px;
 top: -455px;
 z-index: 1001;
 background: url("../images/index/page1/shi1.png");
}

.screen_main .shi2 {
 position: absolute;
 width: 276px;
 height: 140px;
 left: 1387px;
 z-index: 998;
 top: -359px;
 background: url("../images/index/page1/shi2.png");
}

.screen_main .shi3 {
 position: absolute;
 width: 173px;
 height: 233px;
 left: -619px;
 z-index: 1000;
 top: -359px;
 background: url("../images/index/page1/shi3.png");
}

.screen_main .shi4 {
 position: absolute;
 width: 286px;
 height: 142px;
 left: 1398px;
 z-index: 999;
 top: -259px;
 background: url("../images/index/page1/shi4.png");
}

.screen_main .ji1 {
 position: absolute;
 width: 92px;
 height: 90px;
 left: -327px;
 z-index: 999;
 top: -589px;
 background: url("../images/index/page1/ji1.png");
}

.screen_main .ji2 {
 position: absolute;
 width: 127px;
 height: 234px;
 left: 1648px;
 z-index: 999;
 top: -487px;
 background: url("../images/index/page1/ji2.png");
}

.screen_main .ji3 {
 position: absolute;
 width: 195px;
 height: 293px;
 left: -244px;
 z-index: 999;
 top: -488px;
 background: url("../images/index/page1/ji3.png");
}

.section {
 position: relative;
 width: 100%;
}

.fp-tableCell {
 width: 40%;
}

/*第二屏的相关设置*/
.first-inner {
 position: relative;
 width: 980px;
 height: 780px;
 margin: 0 auto;
 background-image: url("../images/index/page2/bg_page2.png");
 overflow: hidden;
}

.first-inner a {
 text-decoration: none;
 color: #004b85;
 float: left;
 position: absolute;
 display: inline-block;
 white-space: nowrap;
 font: 18px "Microsoft Yahei";
}

.fiimg1 {
 height: 200px;
 width: 200px;
}

.fiimg1 img {
 width: 100%;
 height: 100%;
}

.a_nuli {
 font-family: 华文行楷, serif !important;
 font-size: 120px !important;
}

.a_fengjian {
 font-family: 华文行楷, serif !important;
 font-size: 120px !important;
}

.fiimg4 {
 height: 387px;
 width: 327px;
}

.fiimg4 img {
 width: 100%;
 height: 100%;
}

.fi12 {
 color: #004b85;
 font-size: 30px !important;
 font-weight: bold !important;
}

.fi17 {
 color: #004b85;
 font-size: 28px !important;
 font-weight: bold !important;
}

.first-inner img {
 border-radius: 5px;
 transition: 1s;
}

.first-inner img:hover {
 box-shadow: 5px 5px 10px 3px black;
 transform: scale(1.05);
}

.first-inner a:hover {
 color: #1c9cff;
}

/*第三屏的相关设置*/
.second-inner {
 position: relative;
 width: 980px;
 height: 850px;
 margin: 0 auto;
 background-image: url("../images/index/page3/bg_page3.png");
 overflow: hidden;
}

.second-inner a {
 text-decoration: none;
 color: #8a5e25;
 float: left;
 position: absolute;
 display: inline-block;
 white-space: nowrap;
 font: 18px "Microsoft Yahei";
}

.a_han {
 font-family: 华文行楷, serif !important;
 font-size: 170px !important;
}

.a_sanguo {
 font-family: 华文行楷, serif !important;
 font-size: 140px !important;
}

.a_jin {
 font-family: 华文行楷, serif !important;
 font-size: 170px !important;
}

.a_sui {
 font-family: 华文行楷, serif !important;
 font-size: 170px !important;
}

.bold {
 font-size: 35px;
 font-weight: bold;
}

.second-inner a:hover {
 color: #d58116;
}

/*第四屏的相关设置*/
.third-inner {
 position: relative;
 width: 980px;
 height: 850px;
 margin: 0 auto;
 background-image: url("../images/index/page4/bg_page4.png");
 overflow: hidden;
}

.third-inner a {
 text-decoration: none;
 color: #535353;
 float: left;
 position: absolute;
 display: inline-block;
 white-space: nowrap;
 font: 18px "Microsoft Yahei";
}

.a_tang {
 font-family: 华文行楷, serif !important;
 font-size: 170px !important;
}

.a_song {
 font-family: 华文行楷, serif !important;
 font-size: 170px !important;
}

.a_yuan {
 font-family: 华文行楷, serif !important;
 font-size: 170px !important;
}

.a_ming {
 font-family: 华文行楷, serif !important;
 font-size: 170px !important;
}

.a_qing {
 font-family: 华文行楷, serif !important;
 font-size: 170px !important;
}

.third-inner a:hover {
 color: #bababa;
}