@charset "utf-8";
@font-face {font-family: "impact";src: url("impact.ttf");}
html.active {overflow: hidden;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select {margin: 0;padding: 0;border-radius: 0;}
html,body {height: 100%}
body {font-size: 14px;font-family: "微软雅黑", Microsoft YaHei, pingfang, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;color: #333;min-width: 320px;word-wrap: break-word;margin: 0;padding-top: 0.36458333rem;}
input:required,
textarea:required {outline: 0 none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;appearance: none !important;-webkit-appearance: none !important;}
a {background-color: transparent;text-decoration: none !important;cursor: pointer !important;color: #000;}
a:active,a:hover {outline: 0;}
a:focus {outline: none;}
ul {margin: 0;}
ul li {list-style: none;}
.clearfix {clear: both; width: 100%; display: block;}

header { height: 80px;display: block; background: #fff;box-shadow: 0 5px 10px rgb(0 0 0 / 10%); position: fixed; top: 0; width: 100%; z-index: 1000;}
header h1 { height: 80px; line-height: 80px; float: left; font-size: 32px;}
header h1 a { display: block;}
header nav { height: 54px;display: inline-block; font-size: 22px; float: right; padding: 26px 0 0 0; margin: 0 20px 0 0;}
header nav a {padding:5px 30px;color: #282728;border-radius:30px; position: relative; margin: 0 10px;}
header nav a::before {content: "";height: 14px;border-right: 1px dotted #bfbfbf;position: absolute;top: 50%;left:-15px;transform: translateY(-50%);}
header nav a:first-child::before {display: none;}
header nav a:hover {background-color: rgba(253, 226, 12, 0.4);}
header nav a.on {background-color: #fde20c;box-shadow:0 4px 5px rgba(0, 0, 0, 0.1);}
header strong {font-family: "impact";font-size:24px;color: #403e40;padding: 10px 20px 10px 20px;background-color: #fde20c;border-radius:30px;float: right; margin: 15px 0 0 0;align-items: center; }
header strong svg {fill: #403e40; height: 20px; margin-right: 5px;}
footer {position: relative;}
footer .foot {background: url(bg.jpg); height: 120px; overflow: hidden; padding: 50px 0;}
footer .foot dl { border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; float: left; width: 600px; padding: 0 20px;}
footer .foot dd { float: left; text-align: center; font-size: 18px; line-height: 45px; margin:0 43px 0 34px;}
footer .foot dd a span {transition: transform 0.3s ease;border-radius: 50%;background-color: #282728; height: 70px; width: 70px; display: block; text-align: center; line-height: 70px;}
footer .foot dd a span img {transition: transform 0.3s ease;vertical-align: middle;}
footer .foot dd a i {display:none;width: 140px; height: 140px; border:5px solid #fde20c;border-radius:10px; position: absolute; top:-120px; left:11%;}
footer .foot dd a i img { width: 100%;}
footer .foot dd a { display: block;}
footer .foot dd a:hover span {transform: scale(1.1);}
footer .foot dd a:hover span img {transform: scale(1.1);}
footer .foot dd a:hover i { display: block;}
footer .foot h3 {border-right: 1px solid #c5c5c5;float: left; padding: 0 50px;font-size: 22px; margin-right:50px;}
footer .foot h4 {font-size: 24px; font-weight: normal; padding: 0 0 0 50px;}
footer .foot strong { display: block;font-size: 28px; margin-bottom: 20px;}
footer p { text-align: center; font-size: 16px; text-align: center; line-height:67px;}

.k { width:80%; margin: 0 auto;}
.kj {position: fixed; right: 0; top: 50%; z-index: 9000; width: 100px;transform: translateY(-50%);}
.kj ul {}
.kj li { margin: 0 0 2px 0;}
.kj li a {display: block;background-color: #403D40;border-top-left-radius:10px;border-bottom-left-radius:10px;color: #FCE20F; text-align: center; font-size: 18px; line-height: 30px; padding:19px 0;position: relative;}
.kj li a svg {fill:#FCE20F; width: 30px; display: block; margin: 0 auto 11px auto;}
.kj li a::before {content:"";width: calc(100% - 10px);height: calc(100% - 10px);border: 1px solid #FCE20F;border-top-left-radius: 10px;border-bottom-left-radius: 10px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all .3s;}
.kj li a p {position: absolute;top: 50%;right: 110%;width:0;display: none;transform: translateY(-50%);padding-right: 10px;background-color: #282728;border-radius: 10px;transition: all .3s;white-space: nowrap;font-size:24px; line-height: 40px; padding:10px 0;}
.kj li a p img { display: block; height: 150px; margin:15px auto;}
.kj li a:hover {background-color: #FCE20F; color: #403D40;}
.kj li a:hover svg {fill:#403D40;}
.kj li a:hover::before {border: 1px solid #403D40;}
.kj li a:hover p {width:298px;color: #FCE20F;display: block;}

.swiper-container {height:auto;width:100%;text-align:center;margin:0 auto;position:relative;overflow:hidden;z-index:5;background:#F8F8F8;}
.swiper-wrapper {position: relative; z-index:10;}
.swiper-slide {position:relative;text-align:center;float:left;}
.swiper-slide a{position:relative;width:100%;height:100%;display:block;overflow:hidden;}
.swiper-slide img{width:100%;height:auto;vertical-align:middle;position:relative;}
.pagination{position:absolute;height:30px;width:100%;bottom:20px;z-index:100;}
.pagination .swiper-pagination-switch{display:inline-block;height:22px;width:20px;border-radius:50%;margin-right:1em;border:1px solid #000}
.pagination .swiper-active-switch{background:#fde20c; border: 1px solid #fde20c;}

.index h2 {font-family: "impact";color: #403e40;font-size:48px;position: relative;line-height: 1; font-weight: normal;z-index: 1;}
.index h2::before {content: "";width:70px;height:70px;background-color: #fde20c;border-radius: 50%;position: absolute;bottom: 0;left:-41px;z-index: -1;}
.index h3 {font-size:46px;color: #403e40;margin-top:20px; font-weight: normal;}
.more {display: flex;align-items: center;justify-content: center;}
.more span {line-height: 60px; margin-right: 36px; font-size:24px;}
.more a {display: block;width:220px;height: 60px;border-radius:20px;background-color: #fde20c;display: flex;align-items: center;justify-content: flex-end;padding-right:50px;box-shadow: 0 0 10px 10px rgba(253, 226, 12, 0.2);background-image: url(icon7.png);background-repeat: no-repeat;background-position: 53px center;background-size: 18px auto;transition: all .3s;position: relative;z-index: 2;}
.more a p {color: #282728;font-size:16px;position: relative;}
.more a p::before {content: "";width: 77px;height:1px;background-color: #282728;position: absolute;top: 50%;right: 100%;margin-right:14px;}
.more a:hover {background-color: #d7c008;}

.inp1 { width: 100%; display: block; clear: both;padding: 120px 0 150px 0;min-height: 500px;}
.inp1 .k { position: relative;}
.inp1 h4 { padding:70px 600px 80px 0;font-weight: normal;font-size: 24px; line-height: 48px;}
.inp1 h5 { position: absolute; top:50%; right: 0;transform: translateY(-50%);display: flex;flex-direction: column;align-items: center;}
.inp1 h5 img { display: block; margin: 0 auto;}
.inp1 .img1 {width:316px;animation: shuzi 1.5s infinite alternate;}
@keyframes shuzi {
  from {transform: translateY(-20px);}
  to {transform: translateY(20px);}
}
.inp1 a {display: block;width:220px;height: 60px;border-radius:20px;background-color: #fde20c;display: flex;align-items: center;justify-content: flex-end;padding-right:50px;box-shadow: 0 0 10px 10px rgba(253, 226, 12, 0.2);background-image: url(icon2.png);background-repeat: no-repeat;background-position: 53px center;background-size: 17px auto;transition: all .3s;position: relative;z-index: 2;}
.inp1 a p {color: #282728;font-size:16px;position: relative;}
.inp1 a p::before {content: "";width: 77px;height:1px;background-color: #282728;position: absolute;top: 50%;right: 100%;margin-right:14px;}
.inp1 a:hover {background-color: #d7c008;}
.inp2 {border-top:1px solid #dcdcdc; padding: 70px 0;}
.inp2 ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.inp2 li {display: flex;flex-direction: column;align-items: center;width: 25%;}
.inp2 h5 {font-size:46px;color: #fde20c;position: relative; font-weight: normal;}
.inp2 sup {font-size:18px;color: #221f1e;position: absolute;top: 0;right:-23px;}
.inp2 p {font-size:18px;color: #221f1e;margin-top:10px;}
.inp3 {width: 100%; display: block; clear: both;padding: 120px 0 150px 0;min-height: 500px; background: url(bg.jpg);}
.inp3 .boxs {display: flex;flex-wrap:nowrap; margin: 40px 0 60px 0;}
.inp3 dl { width: 25%; margin-right: 20px;}
.inp3 dl:nth-child(4) { margin-right: 0px;}
.inp3 dl a {border:1px solid #e5e5e5; display: block; text-align: center;position: relative;overflow: hidden;transition: all .3s; padding: 80px 0 130px 0; height:503px;}
.inp3 dl a::before {content: "";width: 100%;height: 16px;background: url(icon9.png) no-repeat center center / auto 16px;position: absolute;left: 0;bottom:72px;z-index: 10;}
.inp3 dl a::after {content: "";width:380px;height:380px;background-color: #faf8e2;border-radius: 50%;position: absolute;bottom:-280px;left: 50%;transform: translateX(-50%);opacity:0;transition: all .3s;}
.inp3 dt {height:150px;display: flex;align-items: center;justify-content: center;position: relative;z-index:2;}
.inp3 dt::before {content: "";width:1px;height:33px;background-color: #313131;position: absolute;top: 100%;margin-top:31px;}
.inp3 dd {}
.inp3 dd strong { padding: 100px 0 40px 0; width: 100%; display: block; font-size: 30px;}
.inp3 dd p { line-height: 38px;font-size: 18px;}
.inp3 dl a:hover {background: #fff;box-shadow: 0 10px 30px 0 rgb(0 0 0 / 12%);}
.inp3 dl a:hover::after {opacity:1;}
.inp4 { padding: 100px 0 140px 0; position: relative;}
.inp4::before {content: "";width:767px;height:767px;border-radius: 100%;background-color: #fbf8e3;position: absolute;top: 50%;right: 100%;transform: translate(300px, -50%); z-index: -1;}
.inp4 ul {background-color: #fde20c;padding:50px 0;border-radius:80px; width: 150px; margin: 70px 0 120px 0; float: left;}
.inp4 ul li {width:150px;text-align: center;line-height:54px;cursor: pointer;position: relative;transition: all .3s;}
.inp4 ul li b {font-size:26px;font-weight: normal;font-family: "Impact";position: relative;transition: all .3s;opacity: .5;}
.inp4 ul li b::before {content: "";width: 0;height: 2px;background-color: #313131;position: absolute;top: 50%;left: 100%;margin-left:40px;transition: all .3s;}
.inp4 ul li p {font-size:24px;color: #282728;position: absolute;top: 0;left:310px;white-space: nowrap;line-height:54px;padding-left:15px;transition: all .3s;}
.inp4 ul li p::before {content: "";width:6px;height:6px;border-radius: 50%;background-color: #282728;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.inp4 ul li.active b {opacity: 1;}
.inp4 ul li.active b::before {width:110px;}
.inp4 ul li.active p {font-size:32px;left:274px;}
.inp4 h6 { width: 709px; position: relative;float: right; margin-top:100px;}
.inp4 h6 img { position: absolute;}
.inp4 h6 img.icon-1 {top: 0;left: 183.5px;width: 166.5px;animation: icon1 3s infinite alternate;}
@keyframes icon1 {
  from {transform: translateX(-19.8px);}
  to {transform: translateX(19.8px);}
}
.inp4 h6 img.icon-2 {top: -39.64px;left: 423px;width: 278.5px;animation: icon2 3s infinite alternate;}
@keyframes icon2 {
  from {transform: translateX(-39.64px);}
  to {transform: translateX(39.64px);}
}
.inp4 h6 img.icon-3 {top:55.5px;left: 76.3px;width: 345.8px;animation: icon3 2s infinite alternate;}
@keyframes icon3 {
  from {transform: scale(1);}
  to {transform: scale(0.8);}
}
.inp4 h6 img.icon-4 {top: 90px;left: 531px;width: 98px;animation: icon4 2.5s infinite alternate;}
@keyframes icon4 {
  from {transform: translateX(-9.9px);}
  to {transform: translateX(9.9pxrem);}
}
.inp4 h6 img.icon-5 {top: 53.5px;left: 695px;width: 153px;animation: icon5 3s infinite alternate;}
@keyframes icon5 {
  from {transform: translateX(5px);}
  to {transform: translateX(-80px);}
}
.inp4 h6 img.icon-6 {top: 163.5px;left: 190px;width: 553px;animation: icon6 2s infinite alternate;}
@keyframes icon6 {
  from {transform: scale(0.8);}
  to {transform: scale(1);}
}
.inp4 h6 img.icon-7 {top: 346px;left: 0;width: 287px;animation: icon7 3s infinite alternate;}
@keyframes icon7 {
  from {transform: scale(1);}
  to {transform: scale(0.8);}
}
.inp4 h6 img.icon-8 {top: 333px;left: 495px;width: 341px;animation: icon8 3s infinite alternate;}
@keyframes icon8 {
  from {transform: translateX(10px);}
  to {transform: translateX(-20px);}
}
.inp4 h6 img.icon-9 {top: 443px;left: 330px;width: 352px;animation: icon9 4s infinite alternate;}
@keyframes icon9 {
  from {transform: translateX(10px) scale(1);}
  to {transform: translateX(-79px) scale(0.8);}
}
.inp4 h6 img.icon-10 {top: 531px;left: 189px;width: 166.5px;animation: icon10 3s infinite alternate;}
@keyframes icon10 {
  from {transform: translateX(-10px);}
  to {transform: translateX(20px);}
}
.inp4 .more {justify-content: inherit;}
.inp4 .more span { margin-left: 34px;}
.inp5 {background: url(bg.jpg) repeat;padding: 110px 0 90px;border-top-right-radius: 100px;border-top-left-radius: 100px;overflow: hidden;position: relative; min-height: 925px;}
.inp5 .box {flex-wrap: nowrap; margin: 50px 0 80px 0;}
.inp5 .box ul {}
.inp5 .box li { width: 31%; float: left; margin-right: 3%; margin-bottom:30px;}
.inp5 .box li:nth-child(3n) {margin-right: 0px;}
.inp5 .box li a { display: block; position: relative;    border-radius: 20px; overflow: hidden;}
.inp5 .box li a:hover::before {content: "";width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);position: absolute;top: 0;left: 0;transition: all .3s;z-index:1;}
.inp5 .box li a img { width: 100%;}
.inp5 .box li a span {display:none;}
.inp5 .box li a:hover span { position: absolute; top:50%; transform: translateY(-50%);width: 100%; display: block; text-align: center; color: #fff; z-index: 2; font-size: 26px;}

.inp6 {padding: 120px 0; width: 100%; display: block;}
.inp6 .k {position: relative;}
.inp6 ul { position: absolute; right: 0; top:70px;}
.inp6 li {float: left;position: relative;padding: 0 0 0 47px;margin: 0 20px;cursor: pointer}
.inp6 li::before {content: "";width: 2px;height:22px;background-color: #dcdcdc;position: absolute;top: 50%;left:0;transform: translateY(-50%);}
.inp6 li:first-child::before {display: none;}
.inp6 li::after {content: "";width: 0;height:6px;z-index:-1;background-color: #fde20c;position: absolute;bottom: 0;left:45px;transition: all .3s;}
.inp6 li p {position: relative; padding-left: 20px; font-size: 24px;}
.inp6 li p::before {content: "";width: 8px;height: 8px;background-color: #403e40;border-radius: 50%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.inp6 li.active p {transform: scale(1.2);font-weight: bold;}
.inp6 li.active::after {width: 85%;}
.inp6 dl {}
.inp6 dt { margin: 60px 0; width: 100%; display: block; clear: both; height: 455px;}
.inp6 dt a { display: block; height: 455px; position: relative; padding: 0 0 0 825px;}
.inp6 dt strong { height: 455px; width: 743px;border-radius:20px; position: absolute; top: 0; left: 0;overflow: hidden;}
.inp6 dt strong img { height: 100%;transition: transform 0.5s ease;transform: scale(1);}
.inp6 dt h4 {font-weight: normal;font-size: 24px; color: #313131; height: 93px;display: block; width: 100%; overflow: hidden; line-height: 100px;}
.inp6 dt h5 {font-weight: normal; font-size:32px; height: 100px; line-height: 100px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.inp6 dt h6 { line-height: 42px; height: 84px; overflow: hidden; width: 100%; display: block; font-weight: normal; font-size: 20px; margin-bottom: 66px;}
.inp6 dt p {display: block;width:220px;height: 60px;border-radius:20px;background-color: #fde20c;display: flex;align-items: center;justify-content: flex-end;padding-right:50px;box-shadow: 0 0 10px 10px rgba(253, 226, 12, 0.2);background-image: url(icon7.png);background-repeat: no-repeat;background-position: 53px center;background-size: 18px auto;transition: all .3s;position: relative;z-index: 2;}
.inp6 dt p span {color: #282728;font-size:16px;position: relative;}
.inp6 dt p span::before {content: "";width: 77px;height:1px;background-color: #282728;position: absolute;top: 50%;right: 100%;margin-right:14px;}
.inp6 dt a:hover strong img {transform: scale(1.1);}
.inp6 dt a:hover p {background-color: #d7c008;}
.inp6 dd { width: 100%; display: block; clear: both;}
.inp6 dd a {width: calc(50% - 70px);height: 40px;padding: 39px 0;float: left;border-bottom: 1px solid #e2e2e2; margin-right: 70px; line-height: 40px;font-size: 24px; color: #282828; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; position: relative;}
.inp6 dd a::before {content: "";width: 0;height: 1px;background-color: #fde20c;position: absolute;bottom: 0;left: 0;transition: all .3s;}
.inp6 dd a:nth-child(even) { margin-right: 0;}
.inp6 dd a:first-child {border-top: 1px solid #e2e2e2;}
.inp6 dd a:nth-child(2) {border-top: 1px solid #e2e2e2;}
.inp6 dd span { width: 114px; height: 40px;border: 1px solid #dcdcdc;border-radius:20px; display: inline-block; text-align: center; font-size: 16px; margin-right: 40px;}
.inp6 dd a:hover span {background: #fde20c; border: 1px solid #fde20c;}
.inp6 dd a:hover::before { width: 100%;}

.zx {background: url(bg3.jpg) no-repeat center center / cover; width: 640px; height:480px; position:fixed; top:-100%; left: 50%; z-index: 7000;box-shadow: 0 0 10px rgb(0 0 0 / 20%);transform: translate(-50%, -50%);border-radius:30px;color: #282728;padding:20px;transition: all .3s;}
.zx .con {position: relative;border: 1px solid #3f3a39;padding:40px;border-radius:40px; width: 560px; height: 400px; overflow: hidden; position: relative;}
.zx .con h4 {font-weight: normal;font-size:46px;}
.zx .con h5 {font-weight: normal;color: #4c4b4c; line-height:36px; font-size: 18px; margin:30px 0;}
.zx .con h6 {font-weight: normal;font-family: "impact";color: #403e40; font-size:36px; line-height: 48px;}
.zx .con p { width: 100%; display: block; clear: both; padding-top: 40px;}
.zx .con p a {display: block;width:180px;line-height:55px;font-size:24px;color: #403e40;border-radius:30px;text-align: center;border: 1px solid #282728;transition: all .3s; float: left; margin-right:20px;}
.zx .con p a:hover {background-color: #fde20c;border-color: #fde20c;}
.zx .con img { width: 150px; height: 150px; position: absolute; right:40px; bottom:40px;}
.zx.active {top: 50%;}

.neibox {}
.nei_banner { width: 100%;}
.nei_banner img { width: 100%;}
.nei_title {line-height:50px; margin-bottom: 80px;}
.nei_title .k { border-bottom: 1px solid #eee; padding: 50px 0 70px 0;}
.nei_title h2 {font-size:48px; font-weight: normal; display: initial;}
.nei_title p {float: right; font-size: 18px; background: url(icon13.png) no-repeat 0px 13px; padding: 0 0 0 30px;}
.nei_title p a:hover {color: #337ab7;}

.fuwu1 {background:#f5f5f5; padding: 80px 762px 80px 80px;display: block; position: relative;width: calc(100% - 842px);}
.fuwu1 h2 { color: #313131;font-family: "impact";transition: all .5s;transform-origin: 0 0; font-size:70px;}
.fuwu1 h3 {color: #313131;margin-top: 50px;text-shadow: 0 10px 10px #fde20c;transition: all .5s;transform-origin: 0 0;font-size:34px; font-weight: normal;}
.fuwu1 h4 {font-size:20px;color: #313131;line-height: 1.8;margin:30px 0 50px 0;transition: all .5s; font-weight: normal;}
.fuwu1 h5 {width:188px;height: auto;position: absolute;bottom:80px;transition: all .5s;opacity: 0;}
.fuwu1 h5 img { display: block;}
.fuwu1 ul {display: flex;flex-wrap: wrap;position: relative;z-index: 100;}
.fuwu1 li {position: relative;transition: all .3s; font-size: 24px;color: #282728;width: 50%; line-height: 50px;}
.fuwu1 li span { padding-left: 10px;transition: all .3s;}
.fuwu1 li span::before {content: "";width:4px;height:4px;border-radius: 50%;background-color: #282728;position: absolute;top: 50%;left: 0;transform: translateY(-50%);transition: all .3s;}
.fuwu1 li:last-child span::before {display: none;}
.fuwu1 h6 { width: 682px; height: 472px; position: absolute; top: 80px; right: 80px;}
.fuwu1 h6 img { width: 100%; display: block;}
.fuwu1:hover h2 {transform: scale(0.6);}
.fuwu1:hover h3 {transform: scale(0.8) translateY(-60px);}
.fuwu1:hover h4 {opacity: 0;}
.fuwu1:hover h5 {bottom:270px;opacity: 1;}
.fuwu1:hover li span {padding-left:20px;font-weight: bold;}
.fuwu1:hover li span::before {width:16px;border-radius: 0;}
.fuwu2 {width: calc(50% - 150px);height: 1150px; float: left; background:#282728; padding:140px 60px 0 90px; position: relative;}
.fuwu2 h6 { padding: 0 80px 120px 80px; width: 433px;}
.fuwu2 h2 { color: #fff;font-family: "impact";transition: all .5s;transform-origin: 0 0; font-size:70px;}
.fuwu2 h3 {color: #fff;margin-top: 50px;transition: all .5s;transform-origin: 0 0;font-size:34px; font-weight: normal;}
.fuwu2 h4 {font-size:20px;color: #fff;line-height: 1.8;margin:30px 0 50px 0;transition: all .5s; font-weight: normal;}
.fuwu2 h5 {width:188px;height: auto;position: absolute;bottom:80px;transition: all .5s;opacity: 0;}
.fuwu2 h5 img { display: block;}
.fuwu2 ul {display: flex;flex-wrap: wrap;position: relative;}
.fuwu2 li {position: relative;transition: all .3s; font-size: 24px;color: #fff;width: 50%; line-height: 50px;}
.fuwu2 li span { padding-left: 10px;transition: all .3s;}
.fuwu2 li span::before {content: "";width:4px;height:4px;border-radius: 50%;background-color: #fff;position: absolute;top: 50%;left: 0;transform: translateY(-50%);transition: all .3s;}
.fuwu2 li:last-child span::before {display: none;}
.fuwu2 b {font-family: "Impact";font-size:422px;font-weight: normal;color: #fde20c;position: absolute;right:60px;bottom:30px;opacity: .1;line-height: 1;}
.fuwu2:hover h2 {transform: scale(0.6);}
.fuwu2:hover h3 {transform: scale(0.8) translateY(-60px);}
.fuwu2:hover h4 {opacity: 0;}
.fuwu2:hover h5 {bottom:320px;opacity: 1;}
.fuwu2:hover li span {padding-left:20px;font-weight: bold;}
.fuwu2:hover li span::before {width:16px;border-radius: 0;}
.fuwu3 {background:#fde83d; padding: 60px 50px 0 80px; float: left;width: calc(50% - 130px);height: 585px; position: relative;}
.fuwu3 h2 { color: #282728;font-family: "impact";transition: all .5s;transform-origin: 0 0; font-size:70px;}
.fuwu3 h3 {color: #282728;margin-top: 50px;transition: all .5s;transform-origin: 0 0;font-size:34px; font-weight: normal;}
.fuwu3 h4 {font-size:20px;color: #282728;line-height: 1.8;margin:30px 0 50px 0;transition: all .5s; font-weight: normal;}
.fuwu3 ul {display: flex;flex-wrap: wrap;position: relative;}
.fuwu3 li {position: relative;transition: all .3s; font-size: 24px;color: #282728;width: 50%; line-height: 50px;}
.fuwu3 li span { padding-left: 10px;transition: all .3s;}
.fuwu3 li span::before {content: "";width:4px;height:4px;border-radius: 50%;background-color: #282728;position: absolute;top: 50%;left: 0;transform: translateY(-50%);transition: all .3s;}
.fuwu3 li:last-child span::before {display: none;}
.fuwu3 h5 {width:188px;height: auto;position: absolute;bottom:80px;transition: all .5s;opacity: 0;}
.fuwu3 h5 img { display: block;}
.fuwu3 b {font-family: "Impact";font-size:422px;font-weight: normal;color: #fff;position: absolute;right:60px;bottom:30px;opacity: .2;line-height: 1;}
.fuwu3:hover h2 {transform: scale(0.6);}
.fuwu3:hover h3 {transform: scale(0.8) translateY(-60px);}
.fuwu3:hover h4 {opacity: 0;}
.fuwu3:hover h5 {bottom:280px;opacity: 1;}
.fuwu3:hover li span {padding-left:20px;font-weight: bold;}
.fuwu3:hover li span::before {width:16px;border-radius: 0;}
.fuwu4 {background: #4d84f1;}
.fuwu4 h2 {color: #ffffff;}
.fuwu4 h3 {color: #ffffff;}
.fuwu4 h4 {color: #ffffff;}
.fuwu4 li {color: #ffffff;}
.fuwu4 li span::before {background-color: #ffffff;}

.nei_news_list { margin-top: 30px; width: 100%; display: block;}
.nei_news_list h2 {line-height:150px; font-size:46px; font-weight: normal;}
.nei_news_list ul {}
.nei_news_list li { width:32%;float: left; margin: 0 2% 30px 0;}
.nei_news_list li:nth-child(3n+3) { margin: 0 0px 30px 0;}
.nei_news_list li a {background:#fafafa; border: 1px solid #eee;border-radius:20px;padding: 30px 30px 30px 0;display: block; top: 0;transition: all .3s;position: relative;}
.nei_news_list li h4 { padding-left: 30px; font-weight: normal; font-size: 18px; color: #282728;}
.nei_news_list li h5 { position: relative; padding: 0 0 0 30px; font-weight: normal; font-size: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin: 20px 0 30px 0;}
.nei_news_list li h5::before {content: "";width:5px;height:25px;background-color: #fde20c;position: absolute;bottom: 50%;left: 0;transition: all .3s;transform: translateY(50%);}
.nei_news_list li p {padding: 0 0 0 30px; font-size: 16px;line-height: 26px;color: #282728;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.nei_news_list li h6 {display: flex;justify-content: flex-end;margin-top:21px;}
.nei_news_list li h6 span {width:60px;height:60px;display: flex;justify-content: center;align-items: center;transition: all .3s;border-radius: 50%;}
.nei_news_list li h6 span img {width:30px;height: auto;transition: all .3s;}
.nei_news_list li a:hover {box-shadow: 0 10px 10px rgb(0 0 0 / 10%);top: -10px;}
.nei_news_list li a:hover h5::before {width: calc(100% - 30px);height:3px;bottom: 0;left: 30px;transform: none;}
.nei_news_list li a:hover h6 span {background-color: #fde20c;}
.nei_news_list li a:hover h6 span img {transform: rotate(45deg);}

.anli_list {}
.anli_list ul {}
.anli_list li { width: 32%; float:left; margin: 0 2% 50px 0;}
.anli_list li:nth-child(3n+3) { margin: 0 0px 30px 0;}
.anli_list li a { width: 100%; display: block; border-bottom: 1px solid #fde20c; padding: 0 0 40px 0;}
.anli_list li a i {overflow: hidden;border-radius:20px; width: 100%; display: block; margin-bottom: 20px;}
.anli_list li a i img { width: 100%; display: block;transition: transform 0.5s ease;transform: scale(1);}
.anli_list li a strong { font-weight: normal; font-size: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height: 60px;}
.anli_list li a p {font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height: 40px; margin-bottom: 30px;}
.anli_list li a span {font-size:18px;color: #282728;background-color: #fde20c;line-height:42px; padding: 0 20px;border-radius:20px; display: inline-block;}
.anli_list li a:hover strong { color: #d7c008;}
.anli_list li a:hover i img {transform: scale(1.1);}

/* page */
.fenye {clear:both;line-height:30px;padding:6px 0 0px;text-align:center;display:block;zoom:1; margin:50px 0 30px 0; font-size: 24px;}
.fenye li {display: inline;}
.fenye span,.fenye b,.fenye a{vertical-align:middle; zoom:1; padding:6px 10px; +padding:2px 10px;_padding:2px 10px;margin:0 5px;color:#333333; background:#fff;border:#DDDDDD 1px solid;}
.fenye .page-num-current {background-color:#E2E2E2;border:1px solid #A2A2A2;}
.fenye a:hover{background-color:#333333;border:1px solid #333333;color:#ffffff;}

.about {}
.about h5 { width: 100%; height: 225px; margin: 80px 0;text-align: center;position: relative;}
.about h5 strong {font-size:58px;font-weight: normal;color: #313131;text-shadow: 0 10px 10px #fde20c;line-height: 1;position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;justify-content: center;align-items: center;}
.about h5 p {font-size:225px;color: #282728;opacity: 0.02;font-family: "Impact";line-height: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-transform: uppercase;}
.about .ab1 { width: 100%; display: block; padding: 0 0 100px 0;}
.about .ab1 dl {display: flex;flex-wrap: wrap;}
.about .ab1 dt { width: 520px; }
.about .ab1 dt img { width: 410px; display: block;}
.about .ab1 dd { font-size: 24px; line-height:48px;width: calc(100% - 520px);}
.about .ab1 dd img { display: block; margin-top: 70px;}
.about .ab2 {background: url(bg.jpg) repeat;padding:0 0 100px 0;position: relative;overflow: hidden;}
.about .ab2::before {content: "";width:951px;height:951px;background-color: rgba(247, 242, 200, 0.5);position: absolute;top: 100%;left:-324px;border-radius: 50%;transform: translateY(-237px);}
.about .ab2::after {content: "";width:586px;height:586px;background-color: rgba(255, 255, 255, 0.3);position: absolute;top: -250px;right: -50px;border-radius: 50%;}
.about .ab2 ul {}
.about .ab2 li {position: relative; height: 107px; padding: 0 0 0 23px; width: 46%;float: left; margin-bottom: 40px;}
.about .ab2 li::before {content: "";width:107px;height:107px;background-color: #fde20c;border-radius: 50%;position: absolute;top: 0;left:0px;}
.about .ab2 i {background-color: #fff;height:107px;display:block;align-items: center;border-radius:50px;padding-left:28px;position: relative;}
.about .ab2 i span {width:80px;height:80px;background-color: #fde20c;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin:12px 30px 0 0; float: left;}
.about .ab2 i span img {max-width: 80%;max-height: 80%;}
.about .ab2 i p { font-style: normal; font-size: 18px; line-height: 36px; float: left; margin-top: 15px;}
.about .ab2 i p strong {color: #282728;font-weight: normal; display: block; font-size: 24px;}
.about .ab2 li:nth-child(even) {float: right; padding: 0 23px 0 0;}
.about .ab2 li:nth-child(even)::before {right: 0; left: auto;}
.about .ab2 li:nth-child(even) i { padding: 0 28px 0 0;}
.about .ab2 li:nth-child(even) span {float: right;margin: 12px 0 0 30px;}
.about .ab2 li:nth-child(even) p {text-align: right; float: right;}
.about .ab3 {}
.about .ab3 .lc {background-color: #fde20c;border-radius:10px;padding:46px 22px;position: relative;overflow: hidden; height: 110px;}
.about .ab3 .lc::before {content: "";width: 95%;height: 100%;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: url(bg2.png) repeat-x center bottom;}
.about .ab3 .lc ul {}
.about .ab3 .lc li { width: 10%;position: relative; float: left; text-align: center;color: #282728;}
.about .ab3 .lc li::before {content: "";width:13px;height:25px;background: url(icon26.png) no-repeat center center / contain;position: absolute;top:10px;right: -10px;}
.about .ab3 .lc li b {font-family: "Impact"; font-weight: normal; font-size: 24px; line-height:40px;}
.about .ab3 .lc li p {font-size: 24px; margin-top: 36px;}
.about .ab3 .lc li:last-child::before {display: none;}
.about .ab3 .hz { width:100%; display: block; padding: 80px 0 100px 0; overflow: hidden;}
.about .ab3 .hz h2 {font-weight: normal; font-size:48px; line-height: 77px;}
.about .ab3 .hz h3 {font-weight: normal; font-size:24px; line-height: 48px;}
.about .ab3 .hz ul {display: flex;flex-wrap: wrap; margin-top: 60px;}
.about .ab3 .hz li {width: calc(25% - 23px);margin: 0 30px 30px 0;}
.about .ab3 .hz li a {float: left;border: 1px solid #eee;border-radius:20px; overflow: hidden;transition: all .3s;}
.about .ab3 .hz li:nth-child(4),.about .ab3 .hz li:nth-child(8) {margin: 0 0 30px 0;}
.about .ab3 .hz li a:hover {border: 1px solid #f8b62b;}
.about .ab3 .hz li img { width:100%;transition: all .3s;vertical-align: middle;}
.about .ab3 .hz li a:hover img { transform: scale(1.1);}

.anli_cen {}
.anli_cen h4 { font-size:30px;}
.anli_cen h5 {color: #999; font-weight: normal; font-size: 20px; line-height: 30px; width: 100%; display: block; margin: 30px 0;}
.anli_cen .boxs { width: 100%; padding:70px 0 100px 0; overflow: hidden;}
.anli_cen .boxs img {max-width: 100%;}
.news_cen {padding: 25px 0 100px 0; width: 100%; clear: both; font-size:1.6rem; line-height:4.3rem; color: #333;}
.news_cen p {}
.news_cen img {max-width:100%; margin:20px 0;}

@media (max-width:1523px) {
  .k { width:98%;}
  footer .foot dd a i {left: 2%;}
}