@font-face { font-family: 'cuya'; src: url('../other/cuya.ttf'); }
.cuya { font-family: "cuya"; }
#fullPage-nav LI { margin: 0 0; }
#fullPage-nav LI A { text-align: right; width: 21px; background: url(../images/dot1.png) no-repeat center center; float: right; height: 21px; color: #f1c820; text-decoration: none; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }
#fullPage-nav LI .active { background-position: 0px bottom; background: url(../images/dot2.png) no-repeat 5px 5px; background: url(../images/dot2.png) no-repeat center center; }
#fullPage-nav LI A:hover { background: url(../images/dot3.png) no-repeat center center; }
#fullPage-nav SPAN { display: none; }
.fullPage-tooltip { font: 12px/21px "Microsoft Yahei"; float: left; color: #fff; top: 0px; margin-right: 5px; width: 60px; text-align: center; line-height: 21px; border-radius: 25px; background: #e30120; }
.dtgif { width: 50px; position: relative; left: 0; top: 88%; right: 0; margin: auto; }
.anniu { position: absolute; top: 0px; width: 78px; height: 70px; background: url(../images/1.png) no-repeat; animation: updown 1.5s infinite; animation-timing-function: linear; z-index: 999; }
/*通用头部*/
.head { z-index: 10000; margin: 0 auto; width: 100%; position: relative; top: 0px; left: 0px; }
.navc { position: absolute; width: 100%; top: 100%; left: 0; height: 70px; }
.navc .myLogo { float: left; display: block; margin: 25px 0 0 20px; }
.navc .navMaing { float: right; margin: 50px 100px 0 0; }
.navMaing li { float: left; color: #fff; margin-right: 60px; }
.navMaing li a { color: #fff; font-size: 16px; transition: all .3s; display: block; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); }
.navMaing li a:hover { transform: translateY(-3px); }
.navMaing li a:hover:after { content: ""; display: block; width: 60px; height: 2px; background: #fff; position: absolute; }
#nav { display: none; }
#nav ul ul { display: none; width: 100%; top: 108px; position: absolute; left: 0; background: rgba(0, 0, 0, 0.8); color: #fff; z-index: 9999; }
#nav ul ul li { float: left; width: 14.28571428571429%; margin: 0; }
#nav > ul > li ul li a { padding: 2%!important; transition: 0.5s; }
#nav > ul > li ul li a span { display: block; overflow: hidden; }
#nav > ul > li ul li a img { width: 100%; display: block; }
#nav > ul > li ul li a p { line-height: 30px; font-size: 14px; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; }
#nav > ul > li ul li a:hover { background: #1d2087; }
#container { overflow: hidden; position: relative; top: 0; left: 0; right: 0; bottom: 0; }
.topbg { background: rgba(0, 0, 0, 0.3); position: absolute; width: 100%; height: 100%; display: block; z-index: 8; }
#background_video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: 140%!important; width: 130%!important; }
#video_cover { /*      position: absolute;*/
width: 100%; height: 100%; background: url("../images/video_cover.jpg") no-repeat; background-size: cover; background-position: center; }
#video_controls { /*      position: absolute;*/
left: 50%; transform: translate(-50%, 0); }
#play img { width: 100px; }
#pause img { width: 90px; }
#pause { display: none; }
@media (min-width: 768px) {
#video_controls { display: none; }
}
#container { height: 100%; }
#overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(../images/vdian.png); opacity: 0.7; filter: alpha(opacity=70);/* 针对 IE8 以及更早的版本 */
}
#main_content { z-index: 2; position: relative; display: inline-block; /* Vertical center */
top: 50%; transform: translateY(-50%); }
.sypic { position: absolute; top: 0; left: 0; z-index: 9; right: 0; width: 100%; margin: auto; bottom: 0; height: 100%; }
.sypic img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; animation: sss3 1s infinite alternate linear; width: 50.78%; }
/*底部版权*/
#copybox { width: 96%; height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.6); position: fixed; bottom: 0; z-index: 99999; color: #fff; padding: 0 2%; font-size: 14px; }
#copybox a { color: #fff; }
#copybox span { float: right; }
#copybox img { vertical-align: middle; margin-left: 15px; }
@keyframes sss1 {  0% {
 transform: scaleX(1.1) scaleY(1.1);
}
 50% {
 transform: scaleX(1) scaleY(1);
}
 100% {
 transform: scaleX(1.1) scaleY(1.1);
}
}
@keyframes sss {  0% {
 transform: translateY(-10px);
}
 100% {
 transform: translateY(0px);
}
}
.qh_nav { position: absolute; right: 200px; width: 700px; z-index: 999999999; top: 60px; }
.qh_nav ul { width: 100%; }
.qh_nav li { float: left; width: 12.5%; }
.qh_nav li a { color: #fff; display: block; width: 100%; text-align: center; box-sizing: border-box; position: relative; height: 40px; font-weight: bold; }
.qh_nav li a:hover { color: #1d2087; border-bottom: 2px solid #1d2087; }
.qh_nav li .act { color: #1d2087; border-bottom: 2px solid #1d2087; }
@keyframes bg_moveww {  0% {
 transform: scale3d(1, 1, 1);
}
 50% {
 transform: scale3d(1.1, 1.1, 1.1);
}
 100% {
 transform: scale3d(1, 1, 1);
}
}
@keyframes bg_move {  0% {
 background-size: 100%;
}
 25% {
 background-size: 102%;
}
 50% {
 background-size: 104%;
}
 75% {
 background-size: 102%;
}
 100% {
 background-size: 100%;
}
}
.section2 { background: url(../images/02.jpg) no-repeat center center; background-size: 100% 100%; }
.section3 { background: url(../images/03.jpg) no-repeat center top; background-size: 100% 100%; }
.section4 { background: url(../images/04.jpg) no-repeat center top; background-size: 100% 100%; }
.section5 { background: url(../images/05.jpg) no-repeat center top; background-size: cover; }
.section6 { background: url(../images/06.jpg) no-repeat center top; background-size: 100% 100%; }
.section7 { background: url(../images/07.jpg) no-repeat center top; background-size: 100% 100%; }
.w1300 { width: 1300px; margin: auto; }
.section_one .section_one_wz { position: absolute; left: 0; right: 0; top: 50%; bottom: 0; margin: auto; width: 1103px; }
.section_one .section_one_wz img { text-align: center; display: block; margin-bottom: 20px; }
.section_one .section_one_wz b { display: block; text-align: center; font-size: 50px; font-weight: normal; color: #fff; margin: 30px 0; }
.section_one .section_one_wz a { width: 180px; height: 45px; line-height: 45px; border: 1px solid #fff; border-radius: 30px; text-align: center; display: block; margin: auto; color: #fff; }
.section_one .section_one_wz a:hover { background: #1d2087; color: #f9be00; width: 220px; border: 1px solid #1d2087; }
.section2 h3 { text-align: center; font-size: 36px; color: #fff; padding-top: 20%; position: relative; z-index: 988; }
.section2 h3 em { display: block; font-size: 14px; }
.jjfa { position: absolute; bottom: 0px; left: 0; right: 0; top: 0; margin: auto; width: 100%; height: 100%; background: url(../images/02.jpg) no-repeat top center; background-size: cover; }
.jjfa .jj_yz img:nth-of-type(1) { position: absolute; left: -190px; top: 50px; -webkit-animation: jumpto2 1.5s linear infinite; animation: jumpto2 1.5s linear infinite; -moz-animation: jumpto2 1.5s linear infinite; -o-animation: jumpto2 1.5s linear infinite; -ms-animation: jumpto2 1.5s linear infinite; }
.jjfa .jj_yz img:nth-of-type(2) { position: absolute; right: 30px; top: 50px; -webkit-animation: jumpto2 1.5s linear infinite; animation: jumpto2 1.5s linear infinite; -moz-animation: jumpto2 1.5s linear infinite; -o-animation: jumpto2 1.5s linear infinite; -ms-animation: jumpto2 1.5s linear infinite; }
.jjfa .jj_yz img:nth-of-type(3) { position: absolute; right: -129px; top: 250px; -webkit-animation: jumpto2 1.5s linear infinite; animation: jumpto2 1.5s linear infinite; -moz-animation: jumpto2 1.5s linear infinite; -o-animation: jumpto2 1.5s linear infinite; -ms-animation: jumpto2 1.5s linear infinite; }
@keyframes jumpto2 {  0% {
 margin-top: 0;
 animation-timing-function: ease-out;
}
 50% {
 margin-top: 30px;
 margin-left: 20px;
 animation-timing-function: ease-in;
}
 100% {
 margin-top: 0;
 animation-timing-function: ease-out;
}
}
@-webkit-keyframes jumpto2 {  0% {
 margin-top: 0;
 animation-timing-function: ease-out;
}
 50% {
 margin-top: 160px;
 margin-left: 20px;
 animation-timing-function: ease-in;
}
 100% {
 margin-top: 0;
 animation-timing-function: ease-out;
}
}
@-moz-keyframes jumpto2 {  0% {
 margin-top: 0;
 animation-timing-function: ease-out;
}
 50% {
 margin-top: 160px;
 margin-left: 20px;
 animation-timing-function: ease-in;
}
 100% {
 margin-top: 0;
 animation-timing-function: ease-out;
}
}
@-ms-keyframes jumpto2 {  0% {
 margin-top: 0;
 animation-timing-function: ease-out;
}
 50% {
 margin-top: 160px;
 margin-left: 20px;
 animation-timing-function: ease-in;
}
 100% {
 margin-top: 0;
 animation-timing-function: ease-out;
}
}
.no30-img-all, .no30-node-list { position: absolute; z-index: 9999; width: 100%; height: 100%; }
.no30-node { position: absolute; width: 36px; height: 36px; line-height: 36px; font-size: 14px; color: #fff; background: #080650; -moz-border-radius: 50%; border-radius: 50%; text-align: center; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.no30-node::before, .no30-node::after { position: absolute; z-index: -1; left: 0; top: 0; content: " "; width: 100%; height: 100%; background: #080650; -webkit-animation: nodeShadow 1.4s linear infinite; -moz-animation: nodeShadow 1.4s linear infinite; -o-animation: nodeShadow 1.4s linear infinite; animation: nodeShadow 1.4s linear infinite; -moz-border-radius: 50%; border-radius: 50%; visibility: hidden; }
.show.no30-node::before, .show.no30-node::after { visibility: visible; }
.no30-node::after { -webkit-animation: nodeShadowII 1.4s linear infinite; -moz-animation: nodeShadowII 1.4s linear infinite; -o-animation: nodeShadowII 1.4s linear infinite; animation: nodeShadowII 1.4s linear infinite; }
@-webkit-keyframes nodeShadow {  0% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
 100% {
 -webkit-transform: scale(1.8);
 transform: scale(1.8);
 opacity: 0;
}
}
@-moz-keyframes nodeShadow {  0% {
 -moz-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
 100% {
 -moz-transform: scale(1.8);
 transform: scale(1.8);
 opacity: 0;
}
}
@-o-keyframes nodeShadow {  0% {
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
 100% {
 -o-transform: scale(1.8);
 transform: scale(1.8);
 opacity: 0;
}
}
@keyframes nodeShadow {  0% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
 100% {
 -webkit-transform: scale(1.8);
 -moz-transform: scale(1.8);
 -o-transform: scale(1.8);
 transform: scale(1.8);
 opacity: 0;
}
}
@-webkit-keyframes nodeShadowII {  0% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: .8;
}
 100% {
 -webkit-transform: scale(2.4);
 transform: scale(2.4);
 opacity: 0;
}
}
@-moz-keyframes nodeShadowII {  0% {
 -moz-transform: scale(1);
 transform: scale(1);
 opacity: .8;
}
 100% {
 -moz-transform: scale(2.4);
 transform: scale(2.4);
 opacity: 0;
}
}
@-o-keyframes nodeShadowII {  0% {
 -o-transform: scale(1);
 transform: scale(1);
 opacity: .8;
}
 100% {
 -o-transform: scale(2.4);
 transform: scale(2.4);
 opacity: 0;
}
}
@keyframes nodeShadowII {  0% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: .8;
}
 100% {
 -webkit-transform: scale(2.4);
 -moz-transform: scale(2.4);
 -o-transform: scale(2.4);
 transform: scale(2.4);
 opacity: 0;
}
}
.no30-node span { cursor: pointer; color: #fff; }
.no30-node-01 { position: absolute; left: 49%; top: 60%; }
.no30-node-02 { left: 66%; top: 73%; }
.no30-node-03 { left: 26%; top: 89%; }
.no30-node-04 { left: 72%; top: 66%; }
.lvse { background: #080650; }
.redhongse { background: #080650; }
.no30-node-more { position: absolute; z-index: 10; top: 0px; left: 48px; width: 0; height: 0; background: rgba(8, 6, 80, 0.863); -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; overflow: hidden; -o-transition: height .7s; -moz-transition: height .7s; transition: height .7s; }
.no30-node-more .line, .no30-node-more h4, .no30-node-more p { opacity: 0; color: #fff; }
.show .no30-node-more { display: block; width: 314px; height: 120px; padding: 10px; }
.show .no30-node-more .line, .show .no30-node-more h4, .show .no30-node-more p { opacity: 1; }
.no30-node-more dl dd { width: 100%; }
.no30-node-more dl dd a { display: block; width: 80px; height: 30px; text-align: center; line-height: 30px; background: #fff; color: #333; border-radius: 4px; float: right; margin-top: 6px; font-size: 14px; }
.no30-node-more .line { margin-bottom: 8px; width: 100%; height: 1px; background: #fff; }
.no30-node-more h4 { margin-bottom: 12px; line-height: 18px; font-size: 16px; }
.no30-node-more p { line-height: 14px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 32px; }
.jj_wz { border-top: 1px solid #fff; padding-top: 50px; margin-top: 18px; display: flex; }
.jj_wz li { flex: 1; color: #8d8d8d; font-size: 20px; font-weight: normal; }
.jj_wz li:last-child { border-right: 0; }
.jj_wz li span { background: -webkit-gradient(linear, 100% 0, 0 0, from(#ff333a), to(#8f0700)); background: -webkit-linear-gradient(to bottom, #ff333a, #8f0700); background: -moz-linear-gradient(to bottom, #ff333a, #8f0700); background: -o-linear-gradient(to bottom, #ff333a, #8f0700); background: linear-gradient(to bottom, #ff333a, #8f0700); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 88px; text-align: center; display: block; font-family: Impact; position: relative; }
.jj_wz li b { display: block; text-align: center; }
.jj_wz li em { text-align: center; display: block; text-transform: uppercase; }
.section4 .sywz { padding-top: 20%; overflow: hidden; }
.section4 .sywz li { float: left; width: 290px; position: relative; }
.section4 .sywz li::before { position: absolute; left: -140px; bottom: 0; background: #fff; width: 100px; height: 5px; content: ""; }
.section4 .sywz li:nth-of-type(1)::before { display: none; }
.section4 .sywz li:nth-of-type(2)::before { left: -110px; }
.section4 .sywz li:nth-of-type(3)::before { left: -90px; width: 80px; }
.section4 .sywz li:nth-of-type(4)::before { left: -110px; }
.section4 .sywz li span { font-size: 36px; color: #fff; display: block; }
.section4 .sywz li span sub { font-size: 16px; }
.section4 .sywz li em { color: #fff; font-style: normal; }
.section4 h3 { margin-top: 50px; font-size: 36px; color: #fff; text-transform: uppercase; }
.section4 h3 b { color: #fff; display: block; font-size: 56px; }
.section4 .text { width: 680px; color: #fff; line-height: 180%; }
em, i, u { font-style: normal; }
.tit { position: relative; width: 352px; text-align: center; }
.tit b { font-size: 28px; color: #1d2087; position: relative; z-index: 1; }
.tit em { position: absolute; top: -40px; left: 0; font-size: 62px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; z-index: 0; color: rgba(29, 32, 135, 0.1); text-transform: uppercase; }
.section5 .w1300 { padding-top: 10%; }
.section5 .alpic { -webkit-animation: sss1 2.5s linear infinite; animation: sss1 2.5s linear infinite; -moz-animation: sss1 2.5s linear infinite; -o-animation: sss1 2.5s linear infinite; -ms-animation: sss1 2.5s linear infinite; }
.section6 h3 { position: relative; padding-top: 10%; text-align: center; margin: 0 auto 50px auto; }
.section6 h3 em { top: 65%; left: 0; right: 0; margin: auto; }
.section6 .xtjjfa_list { margin: 20px auto; position: relative; z-index: 1; width: 96%; }
.section6 .xtjjfa_list li { display: inline-block; width: 18%; margin-right: 0.875%; position: relative; overflow: hidden; transition: all .3s; }
.section6 .jjfatxt { position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; transform: translateY(101%); background: #000; }
.section6 .xtjjfa_list li { transition: all .3s; }
.section6 .xtjjfa_list li:hover .jjfatxt { background: rgba(29, 32, 135, 0.7); transform: translateY(0); }
.section6 .xtjjfa_list li:hover h1 { display: none; }
.section6 .xtjjfa_list li:hover .jjfainner { position: absolute; box-sizing: border-box; padding: 0 25px; width: 100%; left: 0; bottom: 0; padding-bottom: 40px; }
.section6 .xtjjfa_list li:hover .jjfainner h2 { color: #fff; font-weight: bold; font-size: 24px; margin-bottom: 40px; }
.section6 .xtjjfa_list li:hover .jjfainner p a { color: #fff; line-height: 30px; font-size: 14px; }
.section6 .xtjjfa_list li:nth-child(5n) { margin-right: 0; }
.section6 .xtjjfa_list li img { width: 100%; }
.section6 .xtjjfa_list li h1 { position: absolute; left: 25px; color: #fff; font-weight: bold; font-size: 24px; bottom: 40px; }
.mt-tabpage { width: 1300px; margin: 30px auto; padding-top: 10%; }
.mt-tabpage-title { width: 100%; margin: auto; text-align: center; margin-bottom: 30px; }
.mt-tabpage-title .mt-tabpage-item { display: inline-block; height: 44px; line-height: 44px; text-align: center; color: #999a9c; font-size: 16px; padding: 10px 30px 10px 60px; border-radius: 30px; box-shadow: 0 0 15px #ccc; background: #fff; position: relative; margin-right: 30px; }
.mt-tabpage-title .mt-tabpage-item img { position: absolute; left: 20px; bottom: 10px; }
.mt-tabpage-title .mt-tabpage-item:hover { color: #fff; background: #191d6c; }
.mt-tabpage-title .mt-tabpage-item-cur { color: #fff; background: #191d6c; }
.mt-tabpage-count { position: relative; width: 1300px; height: 580px; overflow: hidden; }
.mt-tabpage-cont__wrap { position: absolute; }
.mt-tabpage-count .mt-tabpage-item { width: 1300px; }
.mt-tabpage-count .mt-tabpage-item h3 { width: 401px; margin-top: 10%; }
.mt-tabpage-count .mt-tabpage-item h3 b { font-size: 50px; position: relative; padding-top: 15px; display: block; margin-bottom: 50px; font-weight: normal; }
.mt-tabpage-count .mt-tabpage-item h3 b::before { position: absolute; left: 0; top: 10px; content: ""; width: 100px; height: 5px; background: #1d2087; }
.mt-tabpage-count .mt-tabpage-item h3 span { display: inline-block; width: 24%; text-align: center; font-size: 16px; }
.mt-tabpage-count .mt-tabpage-item h3 span img { display: block; margin: 0 auto; }
.mt-tabpage-count .mt-tabpage-item h4 { background: url(../images/cpbjq.png) center top no-repeat; width: 560px; height: 560px; text-align: center; }
.mt-tabpage-count .mt-tabpage-item h4 img { margin: 0 auto; }
.mt-tabpage-count .mt-tabpage-item h5 { font-size: 16px; padding-top: 10%; color: #838486; line-height: 200%; width: 300px; }
.mt-tabpage-count .mt-tabpage-item h5 a { width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.section7 { padding-top: 10%; box-sizing: border-box; }
.section7 h3 { position: relative; text-align: center; margin: 0 auto 53px auto; padding-top: 30px; }
.section7 h3 em { top: 0; left: 0; right: 0; margin: auto; }
.section7 .synews ul li { overflow: hidden; transition: all .3s; margin: 0 auto 0px auto; padding: 10px 0; }
.section7 .synews ul li:hover { background: #1d2087; }
.section7 .synews ul li:hover a p { color: #fff; }
.section7 .synews ul li:hover a p i { color: #fff; }
.section7 .synews ul li:hover a span { color: #fff; }
.section7 .synews ul li:hover u { margin-right: 30px; }
.section7 .synews ul li a { display: block; width: 1300px; margin: 0 auto 10px auto; }
.section7 .synews ul li a span { float: left; display: inline-block; width: 195px; font-size: 28px; padding-top: 30px; text-align: right; padding-right: 20px; }
.section7 .synews ul li a span font { display: block; font-size: 22px; }
.section7 .synews ul li a img { display: inline-block; float: left; width: 246px; height: 127px; }
.section7 .synews ul li a p { float: left; width: 680px; margin-left: 15px; font-size: 20px; padding-top: 10px; transition: all .3s; }
.section7 .synews ul li a p i { display: block; margin-top: 10px; font-size: 14px; color: #444444; transition: all .3s; }
.section7 .synews ul li a u { float: right; font-style: normal; text-decoration: none; width: 25px; height: 25px; line-height: 25px; color: #444444; background: #fff; border-radius: 50%; display: block; text-align: center; margin-top: 60px; transition: all .3s; }
.section8 video { position: absolute; top: 0; left: -10%; width: 140%; height: 140%; right: 0; margin: auto; z-index: -1; }
.section8 .s8 { position: relative; top: 30%; }
.section8 .s8_l { padding: 50px 0; width: 480px; background: rgba(29, 32, 135, 0.8); color: #fff; text-align: center; font-size: 24px; height: 488px; box-sizing: border-box; }
.section8 .s8_l img { display: block; margin: 30px auto 5px auto; }
.section8 .s8_l u { font-size: 14px; text-decoration: none; }
.section8 .s8_r { width: 820px; background: rgba(255, 255, 255, 0.8); height: 488px; }
.section8 .s8_r h3 { text-align: center; margin: 90px auto 30px auto; }
.section8 .s8_r h3 em { left: 0; right: 0; margin: auto; }
.section8 .s8_r strong { text-align: center; display: block; }
.section8 .s8_r .s8_lx { margin-top: 90px; }
.section8 .s8_r .s8_lx p { float: left; width: 33.33333333%; text-align: center; height: 80px; padding-top: 40px; }
.section8 .s8_r .s8_lx p:nth-of-type(1) { background: url(../images/dj.png) center 0px no-repeat; }
.section8 .s8_r .s8_lx p:nth-of-type(2) { background: url(../images/dh.png) center 0px no-repeat; }
.section8 .s8_r .s8_lx p:nth-of-type(3) { background: url(../images/d.png) center 0px no-repeat; }
.footer { background: #242424; width: 100%; height: 406px; padding-top: 30px; }
.footer .f1, .footer .f2, .footer .f3, .footer .f4 { height: 308px; }
.footer h3 { font-size: 22px; font-weight: bold; color: #fff; position: relative; margin-bottom: 30px; }
.footer h3 em { font-size: 16px; text-transform: uppercase; }
.footer .f2 { width: 18%; }
.footer .f2 a { color: #fff; display: block; height: 35px; line-height: 35px; }
.footer .f1 { width: 26%; border-left: 1px solid #555; border-right: 1px solid #555; padding-left: 50px; }
.footer .f1 a { color: #fff; display: block; height: 35px; line-height: 35px; }
.footer .f3 { width: 25%; margin-left: 50px; color: #fff; border-right: 1px solid #555; }
.footer .f3 p { color: #fff; line-height: 180%; }
.footer .f4 { width: 22%; }
.footer .f4 img { margin-left: 30px; }
.footer .f5 { text-align: center; background: #1d2087; color: #fff; margin: 10px auto; padding: 5px 0; font-size: 14px; }
.footer .f5 img { display: inline-block; vertical-align: middle; }
.footer .f5 a { color: #fff; display: inline-block; }
.footer .f5 img { vertical-align: middle; margin: 10px 0 10px 30px; display: inline-block; }
.footer .f5 p { text-align: center; color: #fff; }
.footer .f5 p img { vertical-align: middle; margin: 10px 0 10px 30px; display: inline-block; }
@media (max-height: 750px) {
.section4 .sywz { padding-top: 12%; }
}
.n_cpz a { float: left; width: 48%; border: 1px solid #f1f1f1; background: #f1f1f1; margin-right: 20px; margin-bottom: 20px; }
.n_cpz a img { float: right; width: 50%; display: block; transition: all .3s; }
.n_cpz a h3 { font-size: 26px; width: 46%; margin-left: 3%; padding-top: 10%; position: relative; }
.n_cpz a h3::before { position: absolute; bottom: -20px; left: 0; width: 30%; height: 2px; background: #1d2087; content: ""; transition: all .3s; }
.n_cpz a:hover { border: 1px solid #1d2087; }
.n_cpz a:hover h3::before { width: 45%; }
.n_cpz a:hover img { transform: translateX(-10px); }