.inside {
    width: 100%;
}

.in-top-1 {
    height: 640px;
    background-position: center top;
    background-attachment: fixed;
    /* background-size: cover; */
}

.inbt-1 {
    justify-content: center;
    font-size: 48px;
    color: #FFFFFF;
}

.in-tiao {
    left: 0;
    bottom: 0;
    height: 56px;
    background: rgba(255, 181, 75, 0.8);
}

.in-tiao p {
    line-height: 56px;
    font-size: 16px;
    color: #FFFFFF;
}

.in-tiao p a {
    color: #FFFFFF;
}

.in-tiao p a:hover {
    font-weight: bold;
    color: #143B79;
}

.in-tiao p a:nth-child(1) {
    padding-left: 40px;
    background: url(../image/intiao-1.png) no-repeat left center;
}

.in-1 {
    min-height: 100vh;
    background: url(../image/inbg-1.png) center center;
    background-attachment: fixed;
    background-size: cover;
    overflow-x: clip;
    padding-top: 18px;
}

.in-1::before {
    content: url(../image/inbg-2.png);
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    overflow: hidden;
}

.inbt-2 {
    margin-left: -32px;
    padding-left: 132px;
    padding-top: 10px;
    background: url(../image/inbt1-bg.png) no-repeat left top;
    height: 72px;
}

.inbt-2:hover img {
    animation: rubberBand 0.5s;
}

.inbt-2 a {
    float: right;
    width: 70px;
    height: 30px;
    background: url(../image/more-1.png) no-repeat center center;
    text-align: center;
    line-height: 30px;
    position: relative;
    margin-top: 20px;
}

.inbt-2 a::after {
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #1078AD;
    transition: all 0.3s;
}

.inbt-2 a span {
    position: relative;
    z-index: 10;
    font-size: 14px;
    color: #1078AD;
}

.inbt-2 a:hover::after {
    width: 100%;
}

.inbt-2 a:hover span {
    color: #FFFFFF;
}

.cy {
    padding-top: 37px;
}

.cy-1 {
    margin-top: 17px;
    margin-bottom: 60px;
}

.cy-1 a {
    position: relative;
    overflow: hidden;
}

.cy-1 a img:nth-child(1) {
    position: absolute;
    min-width: 100%;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.5s;
}

.cy-1 a:hover img:nth-child(1) {
    transform: translateX(-50%) scale(1.2);
}

.cy-1 a>p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url(../image/jqu3-8.png) center top;
    height: 63px;
    line-height: 80px;
    color: #FFFFFF;
    text-align: center;
    padding: 0 10px;
}

.cy-11 {
    width: 34.09%;
    height: 400px;
}

.cy-11 .det {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 15% 10%;
    position: absolute;
    background: linear-gradient(135deg, rgba(8, 191, 198, 0.8), rgba(21, 56, 119, 0.8));
}

.cy-11 .det span {
    font-size: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: #FFFFFF;
    font-weight: bold;
    display: inline-block;
    position: relative;
}

.cy-11 .det span::after {
    width: 50%;
    left: 25%;
    height: 3px;
    background: #FFFFFF;
    bottom: 0;
}

.cy-11 .det p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 2;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-indent: 2rem;
}

.cy-12 {
    width: 43.18%;
    height: 400px;
    flex-wrap: wrap;
    align-content: space-between;
}

.cy-12 a {
    width: 49.12%;
    height: 195px;
}

.cy-13 {
    width: 21.21%;
    height: 400px;
}

.zs {
    padding: 40px 0;
    background: url(../image/zs-bg.png) no-repeat center center;
    background-attachment: fixed;
}

.zs-1 {
    height: 360px;
    margin-top: 15px;
    background: #FFFFFF;
}

.zs-1 .img {
    width: calc(100% - 660px);
    overflow: hidden;
}

.zs-1 .img img {
    position: absolute;
    min-width: 100%;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.5s;
}

.zs-1:hover .img img {
    transform: translateX(-50%) scale(1.2);
}

.zs-1 .det {
    width: 660px;
    padding: 50px 4.5%;
    background: url(../image/zs-5.png) no-repeat right 5% top;
}

.zs-1 .det>span {
    display: inline-block;
    width: 100%;
    font-size: 26px;
    color: #333333;
}

.zs-1 .det p {
    margin-top: 30px;
    font-size: 16px;
    color: #777777;
    line-height: 2;
}

.cx {
    height: 300px;
    background: url(../image/cx-bg1.png) center bottom, #1078AD;
    background-attachment: fixed;
    padding-top: 40px;
}

.inbt-3 {
    background-image: url(../image/inbt2-bg.png);
    height: auto;
    float: left;
}

.inbt-3 img {
    float: left;
}

.inbt-3 a {
    display: block;
    background-image: url(../image/more-2.png);
    margin-top: 123px;
    float: none;
}

.inbt-3 a span {
    color: #FFFFFF;
}

.inbt-3 a::after {
    background: #FFFFFF;
}

.inbt-3 a:hover span {
    color: #1078AD;
}

.cx-1 {
    width: 980px;
    max-width: calc(100% - 220px);
    right: 10px;
    bottom: -48px;
}

.cx-1 p {
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #FFFFFF;
    transition: all 0.3s;
}

.cx-1 .cx-item {
    width: 180px;
    max-width: 19%;
}

.cx-1 a {
    width: 100%;
    background: #1078AD;
    transition: all 0.3s;
}

.cx-1 .img {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.cx-1 img {
    display: block;
    position: absolute;
    min-width: 100%;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.5s;
}

.cx-1 a:hover .img img {
    transform: translateX(-50%) scale(1.2);
}

.cx-1 a:hover p {
    font-weight: bold;
}

.cx-1 a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transform: translateY(-20px) scale(1.1);
}

.yw {
    padding-top: 88px;
}

.yw-1 {
    margin-top: 50px;
}

.yw-1 .cy-11 {
    width: 25%;
    height: 390px;
}

.yw-1 .cy-12 {
    width: 49.24%;
    height: 390px;
}

.yw-1 .cy-12 a {
    height: 190px;
}

.yw-1 .cy-13 {
    width: 24.24%;
    height: 390px;
}

.yw-1 .cy-13 img:nth-child(2),
.yw-1 .cy-13 img:nth-child(3) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s;
    max-width: 90%;
}

.yw-1 .cy-13:hover img:nth-child(2) {
    transform: translate(-50%, -50%) rotate(360deg);
}

.gw {
    padding-top: 40px;
    padding-bottom: 60px;
    background: url(../image/gwbg.png) center top, rgba(255, 255, 255, 0.16);
    background-attachment: fixed;
}

.gw-1 {
    margin-top: 20px;
    height: 400px;
    overflow: hidden;
}

.gw-1 .gw-item {
    width: 13.63%;
    height: 100%;
    transition: all 0.3s;
}

.gw-1 .gw-item.ac {
    width: 31.85%;
}

.gw-1 .gw-item a {
    width: 100%;
    height: 100%;
    position: relative;
}

.gw-1 .gw-item a>img {
    min-width: 100%;
    height: 100%;
    /* opacity: 0.6; */
}

.gw-1 .gw-item a>p {
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    top: 0;
    left: 40%;
    font-size: 24px;
    color: #FFFFFF;
    height: 100%;
    text-align: center;
    transition: all 0.3s;
    z-index: 20;
}

.gw-1 .gw-item a .det {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(135deg, rgba(8, 191, 198, 0.7), rgba(21, 56, 119, 0.7));
    background: rgba(0, 0, 0, 0.3);
    padding: 30px 9%;
    transition: all 0.3s;
}

.gw-1 .gw-item a .det span {
    display: inline-block;
    font-size: 30px;
    color: #FFFFFF;
    font-weight: bold;
    opacity: 0;
    transform: translateY(50px);
}

.gw-1 .gw-item a .det p {
    font-size: 16px;
    margin-top: 15px;
    color: #FFFFFF;
    line-height: 2;
    text-align: justify;
    -webkit-line-clamp: 9;
    opacity: 0;
    transform: translateY(50px);
}

.gw-1 .gw-item.ac a>p {
    left: 0;
    opacity: 0;
}

.gw-1 .gw-item.ac a .det {
    background: linear-gradient(135deg, rgba(8, 191, 198, 0.7), rgba(21, 56, 119, 0.7));
}

.gw-1 .gw-item.ac a .det span {
    transition: all 0.5s;
    transition-delay: 0.3s;
    opacity: 1;
    transform: translateY(0);
}

.gw-1 .gw-item.ac a .det p {
    transition: all 0.5s;
    transition-delay: 0.5s;
    opacity: 1;
    transform: translateY(0);
}

.yl {
    padding: 40px 0;
}

.yl-1 {
    margin-top: 20px;
}

.yl-1 .jqu2-2 {
    height: auto;
}

.yl-1 #swipjq1 .det {
    height: 84px;
    padding: 0 15px;
}

.yl-1 #swipjq1 .det span {
    line-height: 84px;
}

.jqdt {
    padding: 40px 0;
}

.tzgg {
    height: 810px;
    position: relative;
    padding-top: 110px;
}

.tzgg::before {
    width: 100%;
    height: 402px;
    left: 0;
    top: 0;
    background: url(../image/jqdt-bg.png) center center;
    background-attachment: fixed;
}

.tzgg::after {
    width: 100%;
    height: 408px;
    left: 0;
    top: 402px;
    background: url(../image/tzggbg.png) center bottom;
}

.tzgg .container {
    position: relative;
    z-index: 10;
}

.tzgg-1 {
    height: 460px;
    background-color: #FFFFFF;
    background-origin: border-box;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);
}

.tzgg-lef {
    width: 69.69%;
    padding: 0 1.5% 0 3%;
}

.tzgg-lef-bt {
    margin-left: 0;
    padding-left: 0;
    height: 90px;
    background: none;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 30px;
}

.tzgg-lef-bt>span {
    font-size: 30px;
    color: #1078AD;
    font-weight: bold;
    line-height: 90px;
}

.tzgg-lef-bt a {
    margin-top: 30px;
}

.tzgg-lef-det {
    width: 100%;
}

.tzgg-lef-1 {
    width: 45.97%;
    height: 300px;
    overflow: hidden;
}

.tzgg-lef-1 img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.tzgg-lef-1:hover img {
    transform: scale(1.1);
}

.tzgg-lef-1 p {
    left: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    line-height: 48px;
    background: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    padding: 0 10px;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tzgg-lef-2 {
    width: 51.72%;
}

.tzgg-lef-2 a {
    width: 100%;
    margin-bottom: 28px;
    overflow: hidden;
}

.tzgg-lef-2 a:last-child {
    margin-bottom: 0;
}

.tzgg-lef-2 a p {
    font-size: 18px;
    color: #333333;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tzgg-lef-2 a span {
    display: inline-block;
    margin-top: 15px;
    font-size: 14px;
    color: #333333;
    width: 93px;
    position: relative;
}

.tzgg-lef-2 a span::before,
.tzgg-lef-2 a span::after {
    width: 450px;
    height: 1px;
    left: 100%;
    top: 8px;
    border-bottom: 1px dashed #CFE4EF;
}

.tzgg-lef-2 a span::after {
    width: 0;
    border-color: #4093BD;
    transition: all 0.3s;
}

.tzgg-lef-2 a:hover p {
    color: #0874AC;
    font-weight: bold;
}

.tzgg-lef-2 a:hover span::after {
    width: 450px;
}

.tzgg-rig {
    width: 30.3%;
    text-align: center;
}

.tzgg-rig-1 {
    height: 360px;
    padding-bottom: 10px;
    background: url(../image/tzgg-2.png) no-repeat center top;
    background-size: 100% 100%;
    text-align: left;
}

#switzgg {
    width: 100%;
    height: 100%;
}

#switzgg a {
    height: 100%;
    padding: 45px 7.5% 0;
}

#switzgg a>span {
    position: relative;
    font-size: 24px;
    color: #FFFFFF;
    font-weight: bold;
    height: 100px;
    line-height: 1.9;
}

#switzgg a>span::after {
    width: 10%;
    height: 4px;
    background-color: #FFFFFF;
    left: 0;
    bottom: 0;
}

#switzgg p {
    margin-top: 25px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 2;
}

#switzgg .swiper-pagination {
    width: auto;
    right: auto;
    left: 30px;
}

#switzgg .swiper-pagination span {
    opacity: 0.8;
    width: 12px;
    height: 12px;
    background-color: #FFFFFF;
    transition: all 0.3s;
    border-radius: 20px;
}

#switzgg .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    width: 30px;
}

.tzgg-rig>a {
    line-height: 88px;
    font-size: 30px;
    color: #FFB54B;
    font-weight: bold;
}

.tzgg-rig>a span {
    display: inline-block;
    padding-right: 34px;
    background: url(../image/tzgg-3.png) no-repeat right center;
}

.tzgg-rig>a:hover span {
    animation: bounceIn 0.5s;
}

.jqdt-icon {
    padding-bottom: 40px;
    overflow: hidden;
}

.lyfp {
    padding-top: 40px;
}

.lyfp-1 {
    margin-top: 20px;
}

.lyfp-1 a {
    width: 31.81%;
}

.lyfp-1 a label {
    width: 60px;
    height: 60px;
    text-align: center;
    float: left;
    background: #FFFFFF;
    color: #999999;
    transition: all 0.8s;
}

.lyfp-1 a label span {
    display: inline-block;
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 5px;
    transition: all 0.8s;
}

.lyfp-1 a label p {
    font-size: 12px;
    transition: all 0.8s;
}

.lyfp-1 a>p {
    float: left;
    width: calc(100% - 60px);
    padding-left: 20px;
    font-size: 18px;
    color: #333333;
    line-height: 1.8;
}

.lyfp-1 a:hover label {
    background: #1078AD;
    color: #FFFFFF;
    transition: all 0.3s;
}

.lyfp-1 a:hover label span,
.lyfp-1 a:hover label p {
    transition: all 0.3s;
}

.lyfp-1 a:hover>p {
    font-size: 18px;
    font-weight: bold;
    color: #1078AD;
}

.lyfp-1 a:hover {
    height: 60px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.in-qie {}

.inqie-1 {
    padding: 40px 0;
}

.inqie-1 a {
    font-size: 24px;
    color: #1078AE;
    width: 205px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    background: url(../image/list-1.png) no-repeat center center;
    background-size: 100% auto;
    position: relative;
}

.inqie-1 a span {
    position: relative;
    z-index: 10;
}

.inqie-1 a::after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../image/list-2.png) no-repeat center center;
    background-size: 100% auto;
    display: none;
}

.inqie-1 a.ac {
    color: #FFFFFF;
    background: none;
}

.inqie-1 a.ac::after {
    display: block;
    animation: bounceIn 0.8s;
}

.inqie-1 a:hover {
    color: #FFFFFF;
    background: none;
}

.inqie-1 a:hover::after {
    display: block;
    animation: bounceIn 0.8s;
}

.inqie-2 ul {
    width: 100%;
}

.inqie-2 li {
    width: 100%;
}

.inqie-2 li a.tu {
    width: 100%;
    padding: 30px 3%;
    background: #FFFFFF;
    border-bottom: 1px dashed #DDDDDD;
}

.inqie-2 li a.tu .img {
    width: 280px;
    height: 180px;
    overflow: hidden;
}

.inqie-2 li a.tu .img img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.inqie-2 li a.tu:hover .img img {
    transform: scale(1.1);
}

.inqie-2 li a.tu .det {
    width: 783px;
    max-width: calc(100% - 300px);
}

.inqie-2 li a.tu .det .p1 {
    font-size: 18px;
    color: #333333;
    line-height: 4;
}

.inqie-2 li a.tu .det .p2 {
    font-size: 14px;
    color: #999999;
    line-height: 2;
    height: 56px;
}

.inqie-2 li a.tu .det span {
    display: inline-block;
    font-size: 14px;
    color: #999999;
    margin-top: 30px;
}

.inqie-2 li a.tu:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.inqie-2 li a.tu:hover .p1 {
    font-weight: bold;
    color: #1078AD;
}

.in-page {
    width: 100%;
    text-align: center;
    margin: 30px 0;
    /* float: left; */
}

.in-page span {
    display: inline-block;
    font-size: 0.875rem;
    color: #666666;
    padding: 10px 20px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.in-page .strong {
    border: none;
    background: #1078AD;
    color: #FFFFFF;
}

.in-page a {
    display: inline-block;
    font-size: 0.875rem;
    color: #666666;
    padding: 10px 20px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.in-page a:hover {
    background-color: #08B6C0;
    color: #FFFFFF;
}

.incx-1 {
    padding: 40px 0;
}

.incx-1 a {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.incx-1 a::before,
.incx-1 a::after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../image/incx-11.png) center center;
    background-size: cover;
    transition: all 0.5s;
}

.incx-1 a::after {
    opacity: 0;
    background-image: url(../image/incx-12.png);
}

.incx-1 a span {
    position: relative;
    z-index: 10;
    font-size: 30px;
    color: #1078AE;
}

.incx-1 a.ac span {
    color: #FFFFFF;
}

.incx-1 a.ac::before {
    opacity: 0;
}

.incx-1 a.ac::after {
    opacity: 1;
}

.incx-1 a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.incx-1 a:hover::before {
    transform: rotate(180deg);
}

.incx-1 a:hover span {
    animation: bounceIn 0.5s;
}

.incx-bt {
    height: 58px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    background: url(../image/incx2-bt.png) no-repeat center bottom;
    text-align: center;
}

.incx-bt>span {
    font-size: 36px;
    color: #1078AD;
    font-weight: bold;
}

.incx-bt a {
    width: 70px;
    height: 30px;
    right: 0;
    background: url(../image/more-1.png) no-repeat center center;
    text-align: center;
    line-height: 30px;
    position: absolute;
    margin-top: 14px;
}

.incx-bt a span {
    position: relative;
    z-index: 10;
    font-size: 14px;
    color: #1078AD;
}

.incx-bt a::after {
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #1078AD;
    transition: all 0.3s;
}

.incx-bt a:hover::after {
    width: 100%;
}

.incx-bt a:hover span {
    color: #FFFFFF;
}

.in-map {
    width: 100%;
    height: 400px;
    border: 1px solid #DDDDDD;
}

.BMap_bubble_title {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    line-height: 24px;
}

.BMap_bubble_content {
    font-size: 0.75rem;
    line-height: 1.6;
}

.incx-2 {
    margin-top: 40px;
}

.incx-2 a {
    height: 320px;
    background: #FFFFFF;
    align-items: flex-start;
    justify-content: space-between;
}

.incx-2 a .img {
    order: 1;
    height: 100%;
    width: 50%;
    overflow: hidden;
    position: relative;
}

.incx-2 a .img img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.incx-2 a:hover .img img {
    transform: translateX(-50%) scale(1.1);
}

.incx-2 a .det {
    order: 2;
    width: 50%;
    height: 100%;
    padding: 40px 4.5%;
}

.incx-2 a:nth-child(2n) .img {
    order: 2;
}

.incx-2 a:nth-child(2n) .det {
    order: 1;
}

.incx-2 a .det span {
    display: block;
    font-size: 30px;
    color: #333333;
    position: relative;
    padding-bottom: 30px;
}

.incx-2 a .det span::after {
    width: 30px;
    height: 4px;
    left: 4px;
    bottom: 0;
    background-color: #DDDDDD;
}

.incx-2 a .det p {
    font-size: 14px;
    color: #888888;
    line-height: 2;
    margin-top: 30px;
    height: 56px;
}

.incx-2 a .det label {
    height: 24px;
    padding-left: 40px;
    background: url(../image/incx-28.png) no-repeat left center;
    font-size: 18px;
    color: #FFB54B;
    text-transform: uppercase;
    align-items: flex-end;
    margin-top: 50px;
    line-height: 24px;
    cursor: pointer;
}

.incx-2 a .det label:hover {
    font-weight: bold;
}

.list-2 {
    flex-wrap: wrap;
}

.list-2 li {
    width: 31.81%;
    margin-bottom: 30px;
}

.list-2 li a {
    width: 100%;
}

.list-2 li:last-child:nth-child(3n - 1) {
    margin-right: 34.095%;
}

.list-2 li .img {
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.list-2 li img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.list-2 li:hover img {
    transform: scale(1.1);
}

.list-2 li p {
    background-color: #FFFFFF;
    font-size: 22px;
    color: #333333;
    line-height: 82px;
    padding: 0 10px;
    text-align: center;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-2 li:hover a {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.list-2 li:hover p {
    font-weight: bold;
    color: #1078AD;
}

.yl-ws {
    height: 230px;
    background: #FFFFFF;
    margin-top: 40px;
}

.yl-ws .bt {
    width: 240px;
    height: 100%;
    background: url(../image/ylws-bg.png) no-repeat center center;
    background-size: cover;
    padding: 50px;
    text-align: left;
}

.yl-ws .bt p {
    float: right;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

.yl-ws .bt span {
    float: right;
    font-size: 30px;
    margin-left: 30px;
    color: #FFFFFF;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

.yl-ws a {
    width: calc((100% - 240px) / 5);
    height: 100%;
}

.yl-ws a .img {
    height: 100px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.yl-ws a span {
    display: inline-block;
    font-size: 22px;
    color: #1078AD;
}

.yl-ws a p {
    font-size: 14px;
    color: #888888;
    padding: 0 25px;
    line-height: 1.5;
    margin-top: 20px;
}

.yl-ws a:hover {
    background-color: rgba(237, 162, 64, 0.1);
}

.yl-ws a:hover img {
    animation: bounceIn 0.8s;
}

.yl-ws a:hover span {
    font-weight: bold;
    animation: rubberBand 0.5s;
}

.incx-bt2 {
    margin-top: 40px;
}

.list-3 li a p {
    text-align: left;
    padding-left: 35px;
    padding-right: 110px;
    position: relative;
}

.list-3 li a p span {
    position: absolute;
    width: 72px;
    height: 36px;
    font-size: 16px;
    color: #1078AD;
    text-align: center;
    line-height: 36px;
    top: 23px;
    right: 35px;
}

.list-3 li a p span::before,
.list-3 li a p span::after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../image/ingw-13.png) no-repeat center center;
    background-size: cover;
    transition: all 0.3s;
}

.list-3 li a p span::after {
    opacity: 0;
    transform: scale(1.5);
    background-image: url(../image/ingw-14.png);
}

.list-3 li a p span:hover {
    color: #FFB54B;
    font-weight: normal;
}

.list-3 li a p span:hover::after {
    opacity: 1;
    transform: scale(1);
}

.list-3 li a p span:hover::before {
    opacity: 0;
    transform: scale(0.4);
}

.cp-1 {
    height: 360px;
    margin-top: 40px;
}

.cp-1 .img {
    width: calc(100% - 600px);
    height: 100%;
    position: relative;
    overflow: hidden;
}

.cp-1 .img img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    min-width: 100%;
}

.cp-1 .det {
    width: 600px;
    max-width: 100%;
    height: 100%;
    background: url(../image/cp-2.png) no-repeat;
    background-size: cover;
    padding: 40px;
}

.cp-1 .det span {
    display: inline-block;
    color: #FFFFFF;
    font-size: 30px;
    padding-top: 35px;
    background: url(../image/cp-4.png) no-repeat left top;
}

.cp-1 .det p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 2;
    margin: 30px 0;
}

.cp-1 .det a {
    height: 24px;
    font-size: 18px;
    line-height: 24px;
    padding-left: 40px;
    color: #FFFFFF;
    text-transform: uppercase;
    background: url(../image/cp-3.png) no-repeat left center;
}

.inyw-1 .det {
    left: 0;
    top: 0;
    color: #FFFFFF;
    padding: 50px 0;
}

.inyw-1 .det>span {
    display: inline-block;
    font-size: 30px;
    padding-bottom: 30px;
    background: url(../image/inyw-1.png) no-repeat center bottom;
}

.inyw-1 .det p {
    font-size: 16px;
    line-height: 2;
    margin: 30px 0;
}

.inyw-1 .det label span {
    height: 24px;
    line-height: 24px;
    padding-left: 40px;
    font-size: 18px;
    background: url(../image/cp-3.png) no-repeat left center;
    text-transform: uppercase;
}

.inzs-1 .det p {
    font-size: 14px;
    -webkit-line-clamp: 4;
}

.inzs-1 .det .p1 {
    margin-top: 0;
}

.inzs-1 .det .p2 {
    margin-top: 20px;
}

.inzs-yd {
    position: absolute;
    cursor: pointer;
    right: 4.5%;
    bottom: 70px;
    width: 88px;
    height: 32px;
    text-align: center;
    padding-left: 20px;
    line-height: 32px;
    font-size: 14px;
    color: #FFFFFF;
}

.inzs-yd span {
    position: relative;
    z-index: 10;
}

.inzs-yd::before,
.inzs-yd::after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../image/inzs-1.png) no-repeat center center;
    background-size: cover;
    transition: all 0.3s;
}

.inzs-yd::after {
    opacity: 0;
    transform: scale(1.5);
    background-image: url(../image/inzs-2.png);
}

.inzs-yd:hover::after {
    opacity: 1;
    transform: scale(1);
}

.inzs-yd:hover::before {
    opacity: 0;
    transform: scale(0.4);
}

.list-4 {
    flex-wrap: wrap;
    margin-top: 30px;
}

.list-4 li {
    width: 31.81%;
    margin-bottom: 30px;
}

.list-4 li a {
    width: 100%;
}

.list-4 li:last-child:nth-child(3n - 1) {
    margin-right: 34.095%;
}

.list-4 li .img {
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.list-4 li img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.list-4 li:hover img {
    transform: scale(1.1);
}

.list-4 li:hover a {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.list-4 li:hover .det>span {
    font-weight: bold;
    color: #1078AD;
}

.list-4 .det {
    background: #FFFFFF;
    padding: 20px 30px;
}

.list-4 .det>span {
    width: 100%;
    display: inline-block;
    font-size: 22px;
    color: #333333;
    padding-right: 80px;
    margin-bottom: 20px;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-4 .det p {
    font-size: 14px;
    color: #888888;
    line-height: 2;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-4 .det .inzs-yd {
    bottom: auto;
    top: 20px;
    right: 30px;
}

.list-4 .img span {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 74px;
    height: 40px;
    background: url(../image/zs-ms.png) no-repeat left center;
    padding-left: 17px;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
}

.list-4 #xj .img span {
    background-image: url(../image/zs-xj.png);
}

.list-4 #sw .img span {
    background-image: url(../image/zs-sw.png);
}

.inzs-21 {
    display: flex;
    justify-content: space-between;
    width: 48.48%;
    height: 167px;
    background: url(../image/inzs-31.png) no-repeat left center, #FFFFFF;
    background-size: auto 100%;
}

.inzs-21:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.inzs-21:hover img {
    animation: tada 0.8s;
}

.inzs-21 .img {
    width: 170px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.inzs-21 .det {
    width: calc(100% - 170px);
    padding-right: 20px;
}

.inzs-21 .det span {
    display: inline-block;
    font-size: 22px;
    color: #333333;
    margin: 40px 0 10px;
}

.inzs-21 .det p {
    font-size: 16px;
    line-height: 2;
    color: #888888;
}

.inzs-21:hover .det span {
    font-weight: bold;
    color: #1078AD;
}

.chi-list {
    margin-top: 30px;
}

.chi-1 .det {
    background-image: url(../image/chi-2.png);
}

.chi-1 .det span {
    color: #333333;
    background-image: url(../image/chi-4.png);
}

.chi-1 .det p {
    color: #777777;
}

.chi-1 .det a {
    color: #FFB54B;
    background-image: url(../image/chi-3.png);
}

.chi-2>a {
    position: absolute;
    top: 50%;
    left: -54px;
    transform: translateY(-50%);
}

.chi-2>a.rig {
    left: auto;
    right: -54px;
}

#swiperchi {
    height: 360px;
}

#swiperchi a {
    height: 100%;
    background: url(../image/chi-31.png) center center;
    background-size: cover;
    padding: 40px 5%;
}

#swiperchi .bt {
    margin-bottom: 30px;
}

#swiperchi .bt span:nth-child(1) {
    font-size: 30px;
    color: #FFFFFF;
}

#swiperchi .bt span:nth-child(2) {
    display: inline-block;
    float: right;
    line-height: 24px;
    height: 24px;
    padding-left: 40px;
    background: url(../image/cp-3.png) no-repeat left center;
    font-size: 18px;
    color: #FFFFFF;
    text-transform: uppercase;
}

#swiperchi p {
    overflow: hidden;
    padding: 20px 0;
    line-height: 2;
    border-bottom: 1px dashed rgb(255, 255, 255, 0.3);
    font-size: 16px;
    color: #FFFFFF;
}

#swiperchi p span {
    float: left;
    display: inline-block;
    width: 41%;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#swiperchi p span:nth-child(2n) {
    width: 58%;
    margin-left: 1%;
}

.inwh-bt {
    margin: 60px 0 30px;
}

.inwh-bt>span {
    display: inline-block;
    padding-left: 56px;
    background: url(../image/inwh-bt-1.png) no-repeat left center;
    color: #1078AE;
    font-size: 30px;
    height: 36px;
}

.inwh-bt a {
    width: 70px;
    height: 30px;
    float: right;
    background: url(../image/more-1.png) no-repeat center center;
    text-align: center;
    line-height: 30px;
    position: relative;
}

.inwh-bt a span {
    position: relative;
    z-index: 10;
    font-size: 14px;
    color: #1078AD;
}

.inwh-bt a::after {
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #1078AD;
    transition: all 0.3s;
}

.inwh-bt a:hover::after {
    width: 100%;
}

.inwh-bt a:hover span {
    color: #FFFFFF;
}

.inwh-1 {
    height: 440px;
}

#swiperwh1 {
    height: 100%;
}

#swiperwh1 a {
    height: 100%;
    position: relative;
    overflow: hidden;
}

#swiperwh1 a img {
    height: 100%;
    min-width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.5s;
}

#swiperwh1 a:hover img {
    transform: translateX(-50%) scale(1.1);
}

#swiperwh2 {
    left: 0;
    top: 0;
    width: 480px;
    height: 100%;
    background: url(../image/inwh-1-bg.png) center center;
}

#swiperwh2>a {
    bottom: 60px;
    right: 90px;
    z-index: 20;
}

#swiperwh2>a img {
    display: block;
}

#swiperwh2>a.rig {
    right: 40px;
}

#swiperwh2 a.swiper-slide {
    width: 100%;
    height: 100%;
    padding: 50px 8%;
}

#swiperwh2 a.swiper-slide span {
    display: inline-block;
    width: 100%;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 2;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 1s;
    transition-delay: 0.5s;
    transform: translateY(100px);
    opacity: 0;
}

#swiperwh2 a.swiper-slide p {
    font-size: 15px;
    color: #FFFFFF;
    line-height: 2;
    text-align: justify;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    transition: all 1s;
    transition-delay: 0.8s;
    transform: translateY(100px);
    opacity: 0;
}

#swiperwh2 a.swiper-slide-active span {
    transform: translateY(0);
    opacity: 1;
}

#swiperwh2 a.swiper-slide-active p {
    transform: translateY(0);
    opacity: 1;
}

.inwh-2 {
    height: 440px;
}

.swiperwh22 {
    left: auto !important;
    right: 0;
    background-image: url(../image/inwh-2-bg.png) !important;
}

.inwh-3 .cy-11 {
    width: 22.72%;
}

.inwh-3 .cy-12 {
    width: 25%;
}

.inwh-3 .cy-13 {
    width: 30.6%;
}

.inwh-3 .cy-14 {
    width: 21.21%;
    height: 400px;
}

.inwh-3 .cy-12 a {
    width: 100%;
    height: 49.75%;
}

.inlist-1 {
    background: #FFFFFF;
}

.inlist-1 ul {
    width: 100%;
}

.inlist-1 ul li {
    padding: 0 1.5%;
}

.inqie-2 li a.wutu {
    background: #FFFFFF;
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px dashed #DDDDDD;
}

.inqie-2 li a.wutu label {
    width: 134px;
    height: 76px;
    border-right: 1px solid #DDDDDD;
    float: left;
    text-align: center;
}

.inqie-2 li a.wutu label span {
    display: inline-block;
    font-size: 36px;
    color: #1078AD;
    font-weight: bold;
    margin-top: 5px;
}

.inqie-2 li a.wutu label p {
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
}

.inqie-2 li a.wutu .det {
    float: left;
    padding-left: 20px;
    width: calc(100% - 134px);
}

.inqie-2 li a.wutu .det span {
    width: 100%;
    display: inline-block;
    font-size: 18px;
    color: #333333;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.inqie-2 li a.wutu .det p {
    font-size: 14px;
    color: #777777;
    line-height: 1.5;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.inqie-2 li a.wutu:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.inqie-2 li a.wutu:hover .det span {
    font-weight: bold;
    color: #1078AD;
}

.inlist-2 {
    width: 100%;
}

.inlist-2 li {
    background-color: #FFFFFF;
}

.inlist-2 li a {
    width: 100%;
    border-bottom: 1px solid #EEEEEE;
    padding: 20px 2.27%;
}

.inlist-2 li a .img {
    width: 300px;
    height: 180px;
    overflow: hidden;
    float: left;
}

.inlist-2 li a img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.inlist-2 li a .det {
    width: calc(100% - 300px);
    float: left;
    padding-left: 30px;
}

.inlist-2 li a .det span {
    margin-top: 40px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.inlist-2 li a .det p {
    font-size: 14px;
    color: #999999;
    line-height: 1.8;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.inlist-2 li a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.inlist-2 li a:hover img {
    transform: scale(1.1);
}

.inlist-2 li a:hover .det span {
    color: #1078AD;
}

.intu-1 {
    width: 100%;
}

.intu-1 a {
    position: relative;
    float: left;
    overflow: hidden;
}

.intu-1 img {
    display: block;
    position: absolute;
    height: 100%;
    min-width: 100%;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.5s;
}

.intu-1 a:hover img {
    transform: translateX(-50%) scale(1.1);
}

.intu-1 p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 64px;
    line-height: 80px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    background: url(../image/intu-bg.png) center top;
}

.intu-1 a:nth-child(9n+1) {
    width: 49.84%;
    height: 402px;
    margin-right: 0.16%;
    margin-top: 2px;
}

.intu-1 a:nth-child(9n+2) {
    width: 50%;
    height: 205px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.intu-1 a:nth-child(9n+3) {
    width: 24.92%;
    height: 195px;
}

.intu-1 a:nth-child(9n+4) {
    width: 24.92%;
    height: 195px;
    margin-left: 0.16%;
}

.intu-1 a:nth-child(9n+5) {
    width: 33.18%;
    height: 240px;
    margin-top: 2px;
}

.intu-1 a:nth-child(9n+6) {
    width: 33.33%;
    height: 240px;
    margin: 0 0.155%;
    margin-top: 2px;
}

.intu-1 a:nth-child(9n+7) {
    width: 33.18%;
    height: 240px;
    margin-top: 2px;
}

.intu-1 a:nth-child(9n+8) {
    width: 49.84%;
    height: 320px;
    margin-top: 2px;
}

.intu-1 a:nth-child(9n+9) {
    width: 50%;
    height: 320px;
    margin-top: 2px;
    margin-left: 0.16%;
}

.indet-1 {
    width: 100%;
    padding-top: 40px;
    align-items: flex-start;
}

.indet-lef {
    width: 280px;
}

.indet-rig {
    width: calc(97% - 280px);
    background: #FFFFFF;
    padding: 0 3%;
}

.indet {
    width: 100%;
}

.indet-bt {
    padding: 30px 0;
    border-bottom: 1px dashed #EEEEEE;
}

.indet-bt-1 {
    margin-top: 40px;
}

.indet-2 {
    padding: 57px 0;
    background: url(../image/indetlef-12.png) no-repeat center bottom, url(../image/indetlef-11.png) no-repeat center top, #FFFFFF;
    margin-bottom: 20px;
}

.indet-2 a {
    width: 100%;
    height: 57px;
    font-size: 1.25rem;
    color: #333333;
    line-height: 57px;
}

.indet-2 a:hover {
    animation: tada 1s;
}

.indet-2 a.ac {
    color: #1078AD;
    background: url(../image/indet-2-ac.png) no-repeat center center;
}

.indet-3 {
    height: 520px;
    background: url(../image/indetlef-22.png) no-repeat center bottom, url(../image/indetlef-11.png) no-repeat center top, #FFFFFF;
}

.indet-3>span {
    display: inline-block;
    width: 100%;
    padding: 30px;
    font-size: 30px;
    color: #1078AD;
    background: url(../image/indetlef-211.png) no-repeat left 20px bottom 20px;
}

.indet-3 em {
    color: #333333;
    font-style: inherit;
}

.indet-31 {
    padding: 0 30px;
}

.indet-31 a {
    width: 100%;
    margin-bottom: 10px;
    height: 48px;
    line-height: 48px;
    font-size: 1rem;
    color: #333333;
    padding-right: 80px;
    text-align: right;
    background: url(../image/indet-31.png) no-repeat center center;
}

.indet-31 a:hover {
    font-weight: bold;
    animation: rubberBand 0.5s;
}

.indet-31 a:nth-child(2) {
    background-image: url(../image/indet-32.png);
}

.indet-31 a:nth-child(3) {
    background-image: url(../image/indet-33.png);
}

.indet-31 a:nth-child(4) {
    background-image: url(../image/indet-34.png);
}

.indet-31 a:nth-child(5) {
    background-image: url(../image/indet-35.png);
}

.indet-31 a:nth-child(6) {
    background-image: url(../image/indet-36.png);
}

.indet-bt>span {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333333;
    line-height: 2;
}

.indet-bt p {
    font-size: 0.875rem;
    color: #7d7d7d;
}

.index-fx a>img {
    margin: 0 2px;
    transform: translateY(25%);
}

.indet-bt p span {
    margin: 0 10px;
    color: #7d7d7d;
}

.indet-det {
    margin-top: 40px;
    padding-bottom: 30px;
}

.indet-det video {
	display: block;
	max-width: 100%!important;
	height: auto!important;
	margin: 0 auto!important;
}

.indet-det table {
    max-width: 100%;
}

.indet-det p {
    font-size: 1rem;
    line-height: 30px;
    margin-bottom: 15px;
    color: #333333;
}

.indet-det>p {
    text-indent: 2rem;
}

.indet-det>p img {
    margin-left: -2rem!important;
}

.indet-det img {
    max-width: 100%!important;
    height: auto!important;
}

.indet-det p img {
    margin-left: -2rem!important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.indet-det p span {
    display: block;
    /* text-align: center; */
    font-size: 0.875rem;
    color: #707070;
    line-height: 1.5;
}

.indet-page {
    padding: 20px 0;
}

.indet-page p {
    width: 100%;
    line-height: 3;
    font-size: 0.9375rem;
}

.indet-page p a {
    color: #1078AD;
}

.indet-page p a:hover {
    font-weight: bold;
}

.indet-lian {}

.indet-lian-bt {
    border-bottom: 1px solid #EEEEEE;
}

.indet-lian-bt span {
    padding: 5px 0;
    display: inline-block;
    color: #1078AD;
    border-bottom: 2px solid #1078AD;
}

.indet-lian-1 {
    flex-wrap: wrap;
    padding: 20px 0;
    margin-bottom: 30px;
}

.indet-lian-1 a {
    width: 50%;
    font-size: 14px;
    color: #777777;
    line-height: 30px;
    position: relative;
    padding-left: 15px;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.indet-lian-1 a::before {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 10px;
    background: #777777;
}

.indet-lian-1 a:hover {
    color: #1078AD;
    text-decoration: underline;
}

.indet-lian-1 a:hover::before {
    background: #1078AD;
}

.wechat-qrcode {
    display: none;
    z-index: 20;
    border: 1px solid #eee;
    position: absolute;
    z-index: 9;
    top: -205px;
    left: -84px;
    width: 200px;
    height: 192px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms;
}

.wechat-qrcode::after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777;
}

.wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto;
}

.wechat-qrcode .qrcode img {
    width: 100px;
    height: 100px;
}

.wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    font-size: 12px;
    color: #333333;
    padding: 0;
    margin: 0;
}

.index-fx a {
    position: relative;
}

.index-fx a:hover .wechat-qrcode {
    display: block;
    animation: fadeInUp 0.5s;
}

.in-sear .indet-rig {
    background: none;
}

.in-sear-1 {
    padding: 1.25rem;
    background: #FFFFFF;
}

.in-sear-1 form {
    width: 100%;
}

.in-sear-11 {
    max-width: 100%;
    width: 560px;
    height: 56px;
}

.in-sear-11:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.in-sear-11 input {
    width: calc(100% - 120px);
    height: 100%;
    border: 1px solid #DDDDDD;
    border-right: none;
    padding: 0 15px;
    font-size: 1rem;
    color: #333333;
}

.in-sear-11 button {
    width: 120px;
    height: 100%;
    background: none;
    border: none;
    background: url(../image/topsou-1.png) no-repeat left 27px center, #1078AD;
    font-size: 1rem;
    color: #FFFFFF;
    padding-left: 30px;
}

.in-sear-12 {
    font-size: 0.875rem;
    color: #777777;
}

.in-sear-12 p {
    line-height: 32px;
}

.in-sear-12 p span {
    display: inline-block;
    margin-right: 10px;
    margin-top: 18px;
}

.in-sear-12 p select {
    background: #F5F5F5;
    height: 32px;
    width: 120px;
    border: none;
    padding: 0 5px;
}

.in-sear-12 p input {
    background: #F5F5F5;
    height: 32px;
    width: 120px;
    border: none;
}

.in-sear-2 {
    width: 100%;
    margin-top: 10px;
    background-color: #FFFFFF;
}

.in-sear-2 {}

.in-sear-2 ul {
    width: 100%;
}

.in-sear-2 li {
    width: 100%;
    padding: 0 30px;
}

.in-sear-2 a {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px dashed #DDDDDD;
    display: flex;
    justify-content: space-between;
}

.in-sear-2 a .img {
    width: 144px;
    height: 108px;
    overflow: hidden;
}

.in-sear-2 a img {
    width: 100%;
    height: 100%;
    display: block;
    transition: all 0.5s;
}

.in-sear-2 a:hover img {
    transform: scale(1.1);
}

.in-sear-2 a .det {
    width: calc(100% - 160px);
}

.in-sear-2 a .det p {
    width: 100%;
}

.in-sear-2 a .det .bt {
    font-size: 18px;
    color: #1078AD;
    margin-top: 10px;
}

.in-sear-2 a .det .bt em {
    color: #DE2525;
    font-style: normal;
}

.in-sear-2 a .det .tx {
    font-style: 14px;
    color: #777777;
    margin: 20px 0;
}

.in-sear-2 a .det .tx em {
    color: #DE2525;
    font-style: normal;
}

.in-sear-2 a .det .tim {
    font-style: 14px;
    color: #999999;
}

.in-sear-2 .no a .det {
    width: 100%;
}

.in-sear-2 li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.in-sear-2 li:hover .det .bt {
    font-weight: bold;
}

.in-sear-2 li:hover .det .tx em {
    font-weight: bold;
}

.dang {
    background: #FFFFFF;
}

.dang .in-tiao {
    background: rgba(198, 6, 20, 0.8);
}

.dang.in-1::before {
    content: url(../image/inbg-3.png);
}

.d-bt {
    height: 80px;
    border-bottom: 1px solid #DEDEDE;
    padding-top: 20px;
    background: url(../image/d-bt-bg.png) no-repeat left bottom;
}

.d-bt span {
    font-size: 22px;
    color: #555555;
}

.d-bt a {
    font-size: 14px;
    color: #C60614;
}

.d-bt a:hover {
    font-weight: bold;
}

.d-11 {
    margin-top: 20px;
    align-items: flex-start;
    padding-bottom: 40px;
}

.d-12 {
    width: 48.48%;
    height: 360px;
}

#d-2 {
    width: 100%;
    height: 100%;
}

#d-2 a {
    /* width: 100%; */
    height: 100%;
    position: relative;
}

#d-2 img {
    width: 100%;
    height: 100%;
}

#d-2 p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    padding: 0 180px 0 15px;
    transition: all 0.5s;
    transition-delay: 0.5s;
    transform: translateY(100%);
    color: #FFFFFF;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#d-2 .swiper-slide-active p {
    transform: translateY(0);
}

#d-2 .swiper-pagination {
    width: auto;
    left: auto;
    right: 10px;
    bottom: 10px;
}

#d-2 .swiper-pagination span {
    opacity: 1;
    background: #FFFFFF;
}

#d-2 .swiper-pagination .swiper-pagination-bullet-active {
    background: #C60614;
}

.d-13 {
    width: 48.48%;
}

.d-13 ul,
.d-13 li,
.d-13 li a {
    width: 100%;
}

.d-13 li a {
    padding-bottom: 16px;
    border-bottom: 1px dashed #EEEEEE;
}

.d-13 li a p {
    font-size: 16px;
    line-height: 40px;
    color: #333333;
}

.d-13 li a span {
    font-size: 13px;
    color: #777777;
}

.d-13 li:last-child a {
    padding: 0;
    border: none;
}

.d-13 li a:hover p {
    color: #C60614;
    font-weight: bold;
}

.d-2 {
    background: #FDF7F8;
    padding-bottom: 40px;
}

.d-22,
.d-23 {
    width: 48.48%;
}

.d-list {}

.d-list li {
    margin-top: 20px;
}

.d-list a {
    width: 100%;
}

.d-list a>span {
    display: inline-block;
    width: 100%;
    padding-left: 15px;
    height: 18px;
    border-left: 5px solid #CCCCCC;
    font-size: 16px;
    color: #333333;
    position: relative;
}

.d-list a>span::before {
    width: 0;
    height: 100%;
    left: -5px;
    top: 0;
    background: #C50C11;
    transition: all 0.3s;
    overflow: hidden;
}

.d-list p {
    width: 100%;
    font-size: 14px;
    color: #777777;
    padding-right: 90px;
    position: relative;
    margin-top: 10px;
}

.d-list p span {
    position: absolute;
    right: 0;
}

.d-list a:hover>span {
    color: #C50C11;
    font-weight: bold;
}

.d-list a:hover>span::before {
    width: 5px;
}

.d-31 {
    margin-top: 20px;
    height: 160px;
}

.d-31>img {
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.d-lef {
    left: 0;
}

.d-rig {
    right: 0;
}

#d-3 {
    width: 100%;
    height: 100%;
}

#d-3 a {
    overflow: hidden;
    height: 100%;
    overflow: hidden;
}

#d-3 a img {
    width: 100%;
    height: 100%;
    display: block;
    transition: all 0.5s;
}

#d-3 a:hover img {
    transform: scale(1.1);
}

.dang .indet-rig {
    background: none;
}

.dang .indet-rig ul {
    padding: 0 20px;
    background: #FFFFFF;
}

.dang .indet-2 {
    background-image: url(../image/indetlef-121.png), url(../image/indetlef-111.png);
}

.dang .indet-2 a.ac {
    background-image: url(../image/indet-2-ac1.png);
    color: #C60614;
}

.dang .indet-3>span {
    background-image: url(../image/indetlef-2111.png);
}

.dang .indet-3 {
    height: 520px;
    background-image: url(../image/indetlef-22.png), url(../image/indetlef-111.png);
}

.dang .inqie-2 li a.wutu label span,
.dang .inqie-2 li a.tu:hover .p1,
.dang .inqie-2 li a.wutu:hover .det span {
    color: #C60614;
}

.dang .in-page .strong {
    background: #C60614;
}

.dang .in-page a:hover {
    background: #a73b42;
}

.dang .indet-rig {
    padding: 0 3%;
}

.dang .indet-page p a {
    color: #C60614;
}

.dang .indet-lian-bt span {
    color: #C60614;
    border-color: #C60614;
}

.dang .indet-lian-1 a:hover {
    color: #C60614;
}

.dang .indet-lian-1 a:hover::before {
    background: #a73b42;
}

.shop {
    margin: 40px 0;
}

.shop-lef {
    width: 51.51%;
}

.shop-rig {
    width: 45.45%;
}

#shop-1 {
    height: 376px;
}

#shop-1 img {
    width: 100%;
    height: 100%;
}

#shop-2 {
    margin-top: 14px;
    height: 120px;
}

#shop-2 .swiper-slide {
    background: #000000;
    cursor: pointer;
}

#shop-2 img {
    width: 100%;
    height: 100%;
    opacity: 0.5;
    transition: all 0.3s;
}

#shop-2 .swiper-slide.ac {
    border: 3px solid #1178AE;
}

#shop-2 .swiper-slide.ac img {
    opacity: 1;
}

.shop-bt {
    height: 70px;
}

.shop-bt>span {
    display: inline-block;
    height: 100%;
    font-size: 30px;
    color: #333333;
    position: relative;
    padding-top: 10px;
}

.shop-bt>span::after {
    width: 40%;
    height: 4px;
    background: #DDDDDD;
    left: 0;
    bottom: 0;
}

.shop-bt a {
    width: 102px;
    height: 36px;
    line-height: 36px;
}

.shop-bt a span {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(../image/shop-bt.png) no-repeat center center;
    font-size: 1rem;
    color: #1078AD;
    text-align: center;
}

.shop-bt a:hover span {
    animation: bounceIn 0.5s;
}

.shop-det {
    margin-top: 40px;
    overflow: hidden;
    overflow-y: scroll;
    height: 384px;
    padding-right: 20px;
}

.shop-det::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: rgba(17, 120, 174, 0.3);
    border-radius: 20px;
}

.shop-det::-webkit-scrollbar-track {
    border-radius: 20px;
}

.shop-det::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #1178AE;
}

.shop-det p {
    font-size: 0.875rem;
    line-height: 2;
    color: #888888;
    text-indent: 2rem;
    margin-bottom: 10px;
    text-align: justify;
}

.mess-1 {
    padding-top: 30px;
}

.mess-2 {
    flex-wrap: wrap;
}

.mess-3 {
    padding-bottom: 10px;
}

.mess-3 a {
    font-size: 16px;
    color: #555555;
    padding: 10px 20px;
    background-color: #DFDFDF;
}

.mess-3 a.ac {
    color: #FFFFFF;
    background-color: #1078AD;
}

.mess-4 {
    font-size: 14px;
    color: #555555;
}

.mess-4 a {
    font-size: 14px;
    color: #555555;
    margin: 0 5px;
}

.mess-4 a.ac {
    color: #1078AD;
    font-weight: bold;
}

.mess-5 {
    width: 100%;
}

.mess-5 li {
    width: 100%;
}

.mess-5 a {
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px dashed #DDDDDD;
}

.mess-5 a .p1 {}

.mess-5 a .p1 p {
    font-size: 18px;
    color: #333333;
    width: calc(100% - 80px);
}

.mess-5 a .p1 p em {
    color: #1078AD;
    font-style: normal;
}

.mess-5 a .p1 span {
    font-style: 14px;
    color: #999999;
    background: #DFDFDF;
    padding: 5px 10px;
}

.mess-5 a .p2 {
    font-size: 14px;
    color: #777777;
    margin: 20px 0;
}

.mess-5 a .p3 {
    font-size: 14px;
    color: #999999;
}

.mess-5 a:hover .p1 p {
    font-weight: bold;
}

.mess-5 li.yes a .p1 span {
    color: #FFFFFF;
    background: #1078AD;
}

.mess-6 {
    padding: 40px 50px;
}

.mess-6 form {
    width: 100%;
}

.mess-6 div {
    width: 100%;
    margin-bottom: 15px;
}

.mess-6 input {
    background: none;
    border: none;
    padding: 0 15px;
    font-size: 18px;
}

.mess-6 div span:nth-child(1) {
    display: inline-block;
    width: 100px;
    font-size: 16px;
    color: #555555;
}

.mess-6 div.xin span:nth-child(1)::before {
    content: "*";
    position: relative;
    color: #C60614;
    margin-right: 5px;
}

.mess-6 div span:nth-child(2) {
    display: inline-block;
    width: calc(100% - 120px);
    min-height: 48px;
}

.mess-6 div span:nth-child(2) input {
    width: 100%;
    height: 48px;
    background: #F5F5F5;
}

.mess-6 div span:nth-child(2) textarea {
    width: 100%;
    height: 220px;
    border: none;
    padding: 10px;
    font-size: 1rem;
    line-height: 2;
    color: #333333;
    background: #F5F5F5;
}

.mess-6 div.dx .det {
    display: flex;
}

.mess-6 div.dx span label {
    display: inline-block;
    cursor: pointer;
    line-height: 48px;
}

.mess-6 div.dx span input {
    width: auto;
    height: auto;
    margin-right: 5px;
}

.mess-6 div.yzm span input {
    width: calc(100% - 200px);
    display: inline-block;
    float: left;
}

.mess-6 div.yzm span em {
    display: inline-block;
    width: 120px;
    height: 100%;
    float: left;
    margin-left: 20px;
    cursor: pointer;
}

.mess-6 div.yzm span em img {
    width: 100%;
    height: 100%;
}

.mess-6 button {
    width: 382px;
    height: 64px;
    max-width: calc(100% - 120px);
    background: #2986B6;
    color: #FFFFFF;
    line-height: 64px;
    text-align: center;
    font-size: 24px;
    border: none;
    margin-left: 120px;
}

.mess-7 {
    padding: 40px 0;
}

.mess-7-bt p {
    font-size: 18px;
    color: #333333;
    width: calc(100% - 80px);
    line-height: 2;
    text-align: justify;
}

.mess-7-bt p em {
    color: #1078AD;
    font-style: normal;
}

.mess-7-bt span {
    font-style: 14px;
    color: #999999;
    background: #DFDFDF;
    padding: 5px 10px;
}

.mess-7-bt:hover p {
    font-weight: bold;
}

.mess-7.yes .mess-7-bt span {
    color: #FFFFFF;
    background: #1078AD;
}

.mess-7 .p1 {
    font-size: 14px;
    color: #999999;
    line-height: 2;
}

.mess-7 .p2 {
    font-size: 14px;
    color: #777777;
    line-height: 2;
}

.mess-7-det {
    margin-top: 20px;
    background: #F3F8FB;
    padding: 40px 20px 20px;
}

.mess-7-det>span {
    display: inline-block;
    font-size: 16px;
    color: #1078AD;
    font-weight: bold;
    line-height: 2;
    margin-bottom: 15px;
}

.mess-7-det>label {
    font-size: 14px;
    background: #DFDFDF;
    color: #999999;
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px 10px;
}

.mess-7.yes .mess-7-det>label {
    color: #FFFFFF;
    background: #FFB54B;
}

.mess-7-det p {
    line-height: 1.8;
    font-size: 14px;
    color: #777777;
    margin-bottom: 10px;
}


/* add-jqgk */

.gk {
    width: 100%;
}

.gk1 {
    width: 100%;
}

.gk11 {
    padding: 40px 0 50px;
}

.gk11 .img {
    width: 50%;
}

.gk11 .img img {
    max-width: 100%;
}

.gk11 .det {
    width: 50%;
    padding-top: 36px;
}

.gk11 .det>span {
    display: inline-block;
    font-size: 36px;
    color: #333333;
}

.gk11 .det .p1 {
    font-size: 24px;
    color: #777777;
    position: relative;
    padding-bottom: 24px;
    padding-top: 20px;
    margin-bottom: 20px;
}

.gk11 .det .p1::after {
    width: 40px;
    height: 4px;
    background: #BBBBBB;
    left: 0;
    bottom: 0;
}

.gk11 .det .p2 {
    font-size: 16px;
    color: #888888;
    line-height: 2;
    text-align: justify;
}

.gk2 {
    padding-top: 60px;
    background: url(../image/gk2bg.png) no-repeat center top;
}

.gk21 {
    background: #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 40px 3%;
}

.gk21 .img {}

.gk21 .img::after {
    position: relative;
    width: 100%;
    display: block;
    clear: both;
}

.gk21 .img a {
    float: left;
    height: 175px;
    overflow: hidden;
}

.gk21 .img a img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all 0.3s;
}

.gk21 .img a:hover img {
    transform: scale(1.2);
}

.gk21 .img a:nth-child(4) {
    float: right;
}

.gk21 .img a:nth-child(1),
.gk21 .img a:nth-child(4) {
    height: 360px;
    width: 30.645%;
}

.gk21 .img a:nth-child(2),
.gk21 .img a:nth-child(3) {
    margin-bottom: 10px;
}

.gk21 .img a:nth-child(2),
.gk21 .img a:nth-child(3),
.gk21 .img a:nth-child(5),
.gk21 .img a:nth-child(6) {
    margin-left: 0.8%;
    width: 18.145%;
}

.gk21 p {
    font-size: 16px;
    color: #888888;
    line-height: 2;
    max-width: 1200px;
    margin: 30px auto 0;
    text-align: justify;
}

.gy {
    width: 100%;
}

.gy1 {
    width: 100%;
    background: url(../image/gy1bg.png) no-repeat center center;
    padding: 65px 0 70px;
}

.gy1 .container {
    align-items: flex-start;
}

.gy1lef {
    width: 720px;
    max-width: 100%;
    height: 450px;
    background: url(../image/gy1lef.png) center center;
    padding: 40px 80px 50px 40px;
}

.gy1lef .det {
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 40px;
}

.gy1lef .det::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #DCE7E1;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 20px;
}


/* 滚动槽 */

.gy1lef .det::-webkit-scrollbar-track {
    border-radius: 20px;
}


/* 滚动条滑块 */

.gy1lef .det::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #FFFFFF;
}

.gy1lef .det>span {
    display: block;
    margin-bottom: 30px;
    text-align: center;
    font-size: 30px;
    color: #FFFFFF;
}

.gy1lef .det p {
    font-size: 15px;
    color: #FFFFFF;
    line-height: 32px;
    text-indent: 2rem;
    text-align: justify;
}

.gy1rig {
    width: calc(100% - 720px);
    position: relative;
    z-index: 10;
}

.gy1rig .img {
    position: absolute;
    left: -60px;
    top: -30px;
    width: calc(100% + 60px);
    height: 440px;
    overflow: hidden;
}

.gy1rig .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all 0.5s;
}

.gy1rig .img:hover img {
    transform: scale(1.2);
}

.wm {
    width: 100%;
    padding-top: 40px;
}

.wmlef {
    width: calc(100% - 480px);
    height: 320px;
}

.wmrig {
    width: 480px;
    height: 320px;
    background: url(../image/wm-1.png) center center;
    background-attachment: fixed;
}

.wmrig>span {
    display: block;
    text-align: center;
    font-size: 28px;
    line-height: 90px;
    color: #FFFFFF;
}

.wmrig .bt {
    position: relative;
    margin-bottom: 25px;
    background: #1078AD;
}

.wmrig .bt img {
    position: absolute;
    text-align: center;
    right: 0;
    top: 0;
}

.wmrig .bt p {
    position: relative;
    z-index: 10;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
}

.wmrig>p {
    margin: 0 40px;
    padding-left: 23px;
    font-size: 14px;
    line-height: 2.5;
    background: url(../image/wm-11.png) no-repeat left center;
    color: #FFFFFF;
}

.wmrig>p:nth-child(4) {
    background-image: url(../image/wm-22.png);
}

.wmrig>p:last-child {
    background-image: url(../image/wm-33.png);
}

.addjq {
    width: 100%;
}

.fu-1 {
    width: 100%;
    padding-top: 10px;
    flex-wrap: wrap;
}

.fu-1 li {
    width: 240px;
    height: 400px;
    margin-top: 30px;
}

.fu-1 li a {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    text-align: center;
    padding: 30px 30px 0;
    position: relative;
    transition: all 0.3s;
}

.fu-1 li a>* {
    position: relative;
    z-index: 10;
}

.fu-1 li a::before {
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    border: 2px solid #FFB54B;
    border-bottom: none;
    border-right: none;
    transition: all 0.3s;
    opacity: 0;
}

.fu-1 li a::after {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #FFB54B;
    border-left: none;
    border-top: none;
    transition: all 0.3s;
    opacity: 0;
}

.fu-1 li a .name {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    transition: all 0.3s;
}

.fu-1 li a .img {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    margin: 30px auto 20px;
}

.fu-1 li a .img img {
    width: 100%;
}

.fu-1 li a .p1 {
    text-align: left;
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    margin-top: 10px;
    position: relative;
}

.fu-1 li a .p1 i {
    position: relative;
    height: 24px;
}

.fu-1 li a .p1 i img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.fu-1 li a .p1 i img:nth-child(2) {
    left: 20px;
}

.fu-1 li a .p1 i img:nth-child(3) {
    left: 40px;
}

.fu-1 li a .p1 i img:nth-child(4) {
    left: 60px;
}

.fu-1 li a .p1 i img:nth-child(5) {
    left: 80px;
}

.fu-1 li a .p1 span {
    color: #999999;
}

.fu-1 li a:hover .name {
    color: #FFB54B;
}

.fu-1 li a:hover {
    box-shadow: 0 0 10px rgba(255, 181, 75, 0.5);
}

.fu-1 li a:hover::before,
.fu-1 li a:hover::after {
    width: 100%;
    height: 100%;
    opacity: 1;
}

.gkdet {
    width: 100%;
}

.gkdet .bt {
    text-align: center;
    line-height: 112px;
    font-size: 30px;
    color: #333333;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 30px;
}

.gkdet .det {
    width: 100%;
    padding-bottom: 70px;
}

.gkdet .det img {
    max-width: 100%!important;
    height: auto!important;
}

.gkdet .det p {
    font-size: 16px;
    color: #777777;
    line-height: 30px;
    text-indent: 2rem;
    margin-top: 10px;
    /* text-align: justify; */
}

.gkdet .det p img {
    margin-left: -2rem!important;
}

.gkdet .det .xbt {
    margin: 35px 0 25px;
    padding-left: 40px;
    font-size: 18px;
    color: #2986B6;
    background: url(../image/jqgk-2.png) no-repeat left center;
}

.gkdet .det .xbt:last-child {
    background-image: url(../image/jqgk-3.png);
}

.gkdet .det .xc {
    width: 100%;
    flex-wrap: wrap;
}

.gkdet .det .xc a {
    width: 32.6%;
    height: 200px;
    overflow: hidden;
    margin-bottom: 10px;
}

.gkdet .det .xc a:nth-child(3n-1):last-child {
    margin-right: 33.7%;
}

.gkdet .det .xc a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}

.gkdet .det .xc a:hover img {
    transform: scale(1.2);
}

.ky {
    width: 100%;
}

.ky-bt {
    text-align: center;
    font-size: 36px;
    color: #333333;
    padding: 60px 0 40px;
}

.ky-1 {
    width: 100%;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-bottom: 60px;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 30px;
}

.ky-1 .incx-bt {
    all: unset;
}

.ky-1 .incx-bt a {
    position: relative;
    margin-top: 20px;
}

.ky-1 .det {
    width: 43%;
}

.ky-1 .det p {
    font-size: 16px;
    color: #888888;
    line-height: 2;
    text-indent: 2rem;
}

.ky-1 .img {
    width: 52%;
    align-items: flex-start;
    flex-wrap: wrap;
}

.ky-1 .img a {
    width: 47.9%;
    height: 162px;
    transition: all 0.3s;
    overflow: hidden;
}

.ky-1 .img a img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all 0.3s;
}

.ky-1 .img a:nth-child(1) {
    width: 100%;
    margin-bottom: 20px;
    height: 195px;
}

.ky-1 .img a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.ky-1 .img a:hover img {
    transform: scale(1.1);
}
.tq {
	text-align: center;
}
.tq .top-tq {
	display: inline-block;
	filter: brightness(0.5);
	margin-bottom: 20px;
}
.tq .top-tq p {
	margin-bottom: 0;
}