/*20260711*/
.wrap { width: 1400px; margin: 0 auto; }
.header .th { border-bottom: 1px solid #eeeeee; }
    .header .th .wrap { display: flex; justify-content: space-between; align-items: center; height: 28px; }
    .header .th .lt { display: flex; align-items: center; }
        .header .th .lt a { display: flex; justify-content: center; align-items: center; padding: 0 10px; border-radius: 30px; background: #626262; font-size: 13px; color: #fff; margin-right: 6px; }
            .header .th .lt a img { width: 13px; display: block; margin-right: 5px; }
            .header .th .lt a.on { background: #626262; }
    .header .th .rt ul { display: flex; align-items: center; }
    .header .th .rt li { margin-left: 36px; }
        .header .th .rt li a { display: flex; align-items: center; font-size: 13px; line-height: 28px; color: #999999; position: relative; }
        .header .th .rt li img { width: 16px; display: block; margin-right: 4px; }
        .header .th .rt li i { position: absolute; right: -6px; top: 0px; width: auto; height: 14px; border-radius: 20%; text-align: center; background: #ff0000; font-size: 12px; color: #fff; line-height: 14px; }
.header .td { margin: 30px 0 20px; }
    .header .td .wrap { display: flex; justify-content: space-between; }


    .header .td .ches { border: 1px solid #626262; border-radius: 15px; display: flex; align-items: center; margin-left: 23px; background: #626262; }
        .header .td .ches a { width: 52px; text-align: center; font-size: 14px; color: #000000; line-height: 28px; display: block; }
            .header .td .ches a:hover,
            .header .td .ches a.on { background: #fff; color: #000000; border-radius: 30px; }

    .header .td .rt a { display: block; width: 40px; height: 40px; border: 1px solid #d5d5d5; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; }
        .header .td .rt a img { display: block; width: 17px; }
        .header .td .rt a i { position: absolute; right: -2px; top: -2px; width: 14px; border-radius: 50%; background: #ff0000; font-size: 12px; line-height: 14px; text-align: center; color: #fff; display: block; }

.yuanchuangnav { width: 150px; background-color: #626262; }

.naver .wrap > ul { display: block; height: 40px; justify-content: space-between; clear: both; }
    .naver .wrap > ul > li { float: left; width: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
        .naver .wrap > ul > li > a { display: block; font-size: 14px; color: #363636; line-height: 40px; text-align: center; padding: 0 20px; font-weight: bold; }
            .naver .wrap > ul > li.on > a,
            .naver .wrap > ul > li > a:hover { background: #626262; color: #fff; }
.home { background: #f5f5f5; }
.hotswiper .wrap { display: flex; align-items: center; }
.hotswiper h3 { font-size: 14px; line-height: 60px; color: #232323; padding-left: 20px; background: url(../images/ico16.png) no-repeat left center; }
.hotswiper .swiper { flex: 1; overflow: hidden; margin-left: 5px; height: 24px; }
    .hotswiper .swiper a { font-size: 14px; line-height: 1.8; color: #999999; display: inline-block; }
        .hotswiper .swiper a:hover { color: #232323; }

.mpg1 .wrap { }
.mpg1 .htab { width: 280px; background: #fff; padding: 20px 25px; }
    .mpg1 .htab h3 { font-size: 18px; line-height: 40px; color: #232323; display: flex; align-items: center; cursor: pointer; font-weight: bold; }
        .mpg1 .htab h3 img { width: 17px; display: block; margin-left: 6px; }
    .mpg1 .htab li h4 { font-size: 16px; color: #232323; font-weight: bold; background: url(../images/ico13.png) no-repeat right center; line-height: 40px; }
    .mpg1 .htab li dl { display: flex; align-items: center; }
    .mpg1 .htab li dd a { font-size: 14px; color: #666666; line-height: 30px; display: block; white-space: nowrap; }
    .mpg1 .htab li dd { margin-right: 30px; }
        .mpg1 .htab li dd:last-child { margin-right: 0; }
    .mpg1 .htab li { border-bottom: 1px solid #eeeeee; margin-bottom: 5px; padding-bottom: 5px; }
.mpg1 .mrt { flex: 1; }
    .mpg1 .mrt .hd { overflow: hidden; position: relative; }
        .mpg1 .mrt .hd img { width: 100%; display: block; height: auto !important; }
    .mpg1 .mrt .prev,
    .mpg1 .mrt .next { position: absolute; left: 0; top: 50%; width: 31px; height: 60px; background: url(../images/jt.png) no-repeat center; cursor: pointer; z-index: 11; margin-top: -30px; opacity: 0.3; }
    .mpg1 .mrt .next { left: auto; right: 0; transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 和 Chrome */ -o-transform: rotate(180deg); }
    .mpg1 .mrt .bd { background: linear-gradient(to bottom,#b5d046,rgba(255,255,255,0)); margin-top: 25px; padding: 21px 25px 0; position: relative; }
        .mpg1 .mrt .bd .swiper-slide { border-radius: 10px; overflow: hidden; background: #fff; }
            .mpg1 .mrt .bd .swiper-slide a { display: block; }
            .mpg1 .mrt .bd .swiper-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
            .mpg1 .mrt .bd .swiper-slide .pic { width: 100%; height: 204px; object-fit: cover; overflow: hidden; }
            .mpg1 .mrt .bd .swiper-slide .txt { padding: 10px 15px 18px; }
                .mpg1 .mrt .bd .swiper-slide .txt h2 { font-size: 16px; line-height: 1.6; color: #363636; }
                .mpg1 .mrt .bd .swiper-slide .txt h2 { font-size: 16px; line-height: 1.6; color: #363636; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
                .mpg1 .mrt .bd .swiper-slide .txt h4 { font-size: 13px; line-height: 1.7; color: #363636; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 5px 0; }
                .mpg1 .mrt .bd .swiper-slide .txt .btn { width: 125px; border-radius: 0 30px 30px 0; background: #e5f5a8; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #698502; line-height: 23px; margin-left: -15px; }
                    .mpg1 .mrt .bd .swiper-slide .txt .btn img { width: 5px; display: block; margin-left: 5px; }
        .mpg1 .mrt .bd .swiperbd { overflow: hidden; }

.mpg1 .htab li:last-child { margin-bottom: 0; border-bottom: none; }
.mpg1 .htab { padding-bottom: 0; }
.mpg2 { padding: 30px 0; }
.mtit { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; margin-top: 30px; }
    .mtit h2 { font-size: 24px; line-height: 1.7; color: #232323; font-weight: bold; }
    .mtit .btn { display: flex; align-items: center; }
        .mtit .btn a { width: 45px; height: 26px; background: url(../images/jt2.png) no-repeat center; border: 1px solid #dcdcdc; border-radius: 5px; }
            .mtit .btn a.next { margin-left: 8px; transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 和 Chrome */ -o-transform: rotate(180deg); }
            .mtit .btn a:hover { background: url(../images/jt2-1.png) no-repeat center #fdc21d; border-color: #fdc21d; }
.mpg2 .ovs { overflow: hidden; }
.mpg2 .hd { background: #fff; border-radius: 10px 10px 0 0; overflow: hidden; }
    .mpg2 .hd li { font-size: 16px; line-height: 44px; color: #363636; cursor: pointer; text-align: center; }
        .mpg2 .hd li.swiper-slide-thumb-active { background: #fdc21d; font-weight: bold; }
.mpg2 .bd { padding: 26px; }
    .mpg2 .bd .item li { display: flex; }
        .mpg2 .bd .item li a { display: block; width: calc((100% - 66px)/5); margin: 0 16px 0 0; position: relative; }
            .mpg2 .bd .item li a:nth-child(5n) { margin-right: 0; }
            .mpg2 .bd .item li a .pic { height: 317px; overflow: hidden; }
                .mpg2 .bd .item li a .pic img { width: 100%; height: 100%; display: block; object-fit: cover; }
            .mpg2 .bd .item li a .text { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
            .mpg2 .bd .item li a h2 { padding: 26px 15px 0; text-align: center; font-size: 18px; color: #ffffff; font-weight: bold; }
            .mpg2 .bd .item li a .fx { position: absolute; left: 0; right: 0; bottom: 0; margin: 0 16px 20px; text-align: center; }
                .mpg2 .bd .item li a .fx h3 { font-size: 16px; line-height: 1.6; color: #ffffff; padding: 10px 0; }
                .mpg2 .bd .item li a .fx h5 { font-size: 14px; line-height: 38px; color: #262626; background: #fff; border-radius: 8px; }
            .mpg2 .bd .item li a .txt { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.92); padding: 8px; text-align: center; }
                .mpg2 .bd .item li a .txt h4 { font-size: 14px; line-height: 25px; width: 100%; height: 25px; color: #363636; overflow: hidden; }
                .mpg2 .bd .item li a .txt h6 { font-size: 14px; line-height: 1.6; color: #ff0000; font-weight: bold; }

.mpg3 .box { background: #fff; padding: 23px; border-radius: 10px; display: flex; justify-content: space-between; }
    .mpg3 .box .lt { width: 218px; height: 541px; overflow: hidden; }
        .mpg3 .box .lt li { font-size: 16px; color: #363636; line-height: 66px; cursor: pointer; text-align: center; background: #fafafa; margin-bottom: 2px; height: 67px; }
            .mpg3 .box .lt li.swiper-slide-thumb-active { line-height: 96px; height: 96px; background: #fff0c9; font-weight: bold; color: #dc8100; }
    .mpg3 .box .rts { width: calc(100% - 245px); }
        .mpg3 .box .rts .swiper-slide { display: flex; flex-wrap: wrap; }
            .mpg3 .box .rts .swiper-slide a { display: block; width: calc((100% - 46px)/5); margin: 0 11px 11px 0; background: #fafafa; }
                .mpg3 .box .rts .swiper-slide a:nth-child(5n) { margin-right: 0; }
                .mpg3 .box .rts .swiper-slide a .pic { height: 154px; overflow: hidden; }
                    .mpg3 .box .rts .swiper-slide a .pic img { width: 100%; height: 100%; display: block; object-fit: cover; }
            .mpg3 .box .rts .swiper-slide .txt { padding: 8px; text-align: center; }
                .mpg3 .box .rts .swiper-slide .txt h4 { font-size: 14px; line-height: 1.6; color: #363636; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
                .mpg3 .box .rts .swiper-slide .txt h6 { font-size: 14px; line-height: 1.6; color: #ff0000; font-weight: bold; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mpg4 { padding: 30px 0; }

    .mpg4 .bor { background: #fff; padding: 20px 25px 0; border-radius: 10px; }
        .mpg4 .bor .hd { overflow: hidden; }
            .mpg4 .bor .hd li { cursor: pointer; font-size: 16px; line-height: 60px; color: #000000; border-radius: 10px; text-align: center; font-weight: bold; background: #f5f5f5; }
                .mpg4 .bor .hd li.swiper-slide-thumb-active { background: #fdc21d; }
        .mpg4 .bor .bd { margin-top: 27px; overflow: hidden; }
            .mpg4 .bor .bd .swiper-slide { display: flex; flex-wrap: wrap; }
                .mpg4 .bor .bd .swiper-slide a { width: calc((100% - 66px)/5); margin: 0 16px 16px 0; display: block; }
                    .mpg4 .bor .bd .swiper-slide a:nth-child(5n) { margin-right: 0; }
                .mpg4 .bor .bd .swiper-slide .pic { height: 300px; overflow: hidden; }
                    .mpg4 .bor .bd .swiper-slide .pic img { width: 100%; height: 100%; object-fit: cover; }
                .mpg4 .bor .bd .swiper-slide .txt { padding: 8px; text-align: center; }
                    .mpg4 .bor .bd .swiper-slide .txt h4 { font-size: 14px; line-height: 1.6; color: #363636; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
                    .mpg4 .bor .bd .swiper-slide .txt h6 { font-size: 14px; line-height: 1.6; color: #ff0000; font-weight: bold; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
            .mpg4 .bor .bd .swiper-slide { background: #fff; }

.mlist ul { display: flex; flex-wrap: wrap; }
    .mlist ul li { width: calc((100% - 62px)/5); margin: 0 15px 15px 0; }
        .mlist ul li:nth-child(5n) { margin-right: 0; }
        .mlist ul li a { display: block; }
    .mlist ul .pic { height: 350px; overflow: hidden; border-radius: 8px; }
        .mlist ul .pic img { width: 100%; height: 100%; display: block; object-fit: cover; }
    .mlist ul .text { padding: 10px 15px 0; }
        .mlist ul .text h3 { font-size: 14px; line-height: 1.5; color: #232323; height: auto; overflow: hidden; }
        .mlist ul .text h4 { font-size: 16px; line-height: 2; color: #ff0000; font-weight: bold; }
        .mlist ul .text .bortop { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #eeeeee; height: 30px; }
            .mlist ul .text .bortop h5 { display: flex; align-items: center; font-size: 12px; color: #363636; }
                .mlist ul .text .bortop h5 i { width: 18px; line-height: 18px; border-radius: 50%; text-align: center; font-size: 12px; color: #404040; background: #fdc21d; margin-right: 6px; }

            .mlist ul .text .bortop h6 { display: flex; align-items: center; font-size: 12px; color: #999999; }


.footer { background: #626262; padding-top: 25px; }
    .footer .ftab ul { display: flex; justify-content: space-between; align-items: center; border-bottom: 0; }
    .footer .ftab li { width: 100%; }
        .footer .ftab li a { text-align: center; font-size: 16px; line-height: 1.6; color: #000; padding: 15px 0; display: block; opacity: 0.5; }
    .footer .box { display: flex; padding: 30px 0 25px; justify-content: space-between; }
        .footer .box .flogo img { width: 120px; height: 120px; display: block; }
        .footer .box .text { width: calc(100% - 230px); display: flex; justify-content: space-between; }
            .footer .box .text .tx { margin-right: 50px; font-size: 14px; line-height: 2; color: #000; opacity: 0.5; }
    .footer .copyright { border-top: 0; text-align: center; padding: 20px 0; }
        .footer .copyright a { font-size: 14px; line-height: 1.6; color: #fff; opacity: 0.5; }
    .footer .ftab li a:hover { opacity: 1; }


.pages { margin-top: 30px; }
.qmdanglzy { background: #f5f5f5; padding-top: 22px; padding-bottom: 100px; }
    .qmdanglzy .hds { overflow: hidden; border-radius: 18px; margin-bottom: 12px; position: relative; height: 220px; }
        .qmdanglzy .hds .lts { float: left; background: url(../images/qms1.png) no-repeat center/100% 100%; position: absolute; left: 0; top: 0; z-index: 2; width: 605px; height: 100%; padding: 44px 140px 0 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
        .qmdanglzy .hds .pic { float: right; width: 785px; height: 100%; overflow: hidden; }
            .qmdanglzy .hds .pic img { width: 100%; display: block; height: 100%; object-fit: cover; }
        .qmdanglzy .hds .tps { display: flex; justify-content: flex-start; align-items: center; }
            .qmdanglzy .hds .tps .ico { width: 58px; height: 58px; border-radius: 100%; text-align: center; border: 1px solid #594700; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 24px; line-height: 58px; color: #4a3b00; font-weight: bold; }
                .qmdanglzy .hds .tps .ico img { width: 100%; height: 100%; display: block; }
            .qmdanglzy .hds .tps .txt { margin-left: 8px; }
            .qmdanglzy .hds .tps h3 { font-size: 18px; line-height: 1.6; color: #000000; font-weight: bold; }
            .qmdanglzy .hds .tps dl { margin-top: 4px; display: flex; }
            .qmdanglzy .hds .tps dd { padding: 0 10px; border: 1px solid #a88600; font-size: 14px; line-height: 18px; border-radius: 20px; color: #000000; margin-right: 6px; }
        .qmdanglzy .hds .tbs { margin: 20px 0 40px; }
            .qmdanglzy .hds .tbs ul { display: flex; justify-content: space-between; align-items: center; }
            .qmdanglzy .hds .tbs h4 { font-size: 20px; line-height: 1.6; color: #ff0000; font-weight: bold; }
            .qmdanglzy .hds .tbs p { font-size: 14px; line-height: 1.6; color: #000000; }
            .qmdanglzy .hds .tbs li { text-align: center; }
        .qmdanglzy .hds .bns { padding: 0 18px; background: #fff; height: 40px; border-radius: 30px; display: inline-block; }
            .qmdanglzy .hds .bns .flax { display: flex; justify-content: flex-start; align-items: center; }
            .qmdanglzy .hds .bns .ic { width: 18px; }
            .qmdanglzy .hds .bns img { width: 100%; display: block; }
            .qmdanglzy .hds .bns .s2 { display: none; }
            .qmdanglzy .hds .bns h6 { font-size: 14px; line-height: 40px; color: #000000; margin-left: 4px; }
            .qmdanglzy .hds .bns.on .s1 { display: none; }
            .qmdanglzy .hds .bns.on .s2 { display: block; }

.uitqmjiag { padding: 16px 25px; border-radius: 5px; background: #fff; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
    .uitqmjiag dl { display: flex; justify-content: space-between; align-items: center; width: 230px; }
    .uitqmjiag dd a { font-size: 14px; line-height: 28px; color: #666666; display: block; }
    .uitqmjiag dd span { position: relative; }
    .uitqmjiag dd .s1 { position: absolute; left: 0; top: 3px; z-index: 1; width: 6px; height: 4px; }
    .uitqmjiag .suos { width: 490px; display: flex; justify-content: space-between; align-items: center; }
    .uitqmjiag .lt { width: calc(100% - 755px); display: flex; justify-content: space-between; align-items: center; }
    .uitqmjiag .btn { width: 54px; line-height: 28px; border-radius: 4px; border: 0; background: #626262; font-size: 14px; color: #fff; text-align: center; }
    .uitqmjiag .suos .t1 { width: calc(100% - 60px); height: 28px; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #000000; border: 1px solid #c9c9c9; border-radius: 4px; }
    .uitqmjiag .lt h3 { font-size: 14px; line-height: 1.6; color: #666666; width: 56px; }
    .uitqmjiag .lt .rs { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 60px); }
    .uitqmjiag .lt ul { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 60px); }
    .uitqmjiag .lt li .t1 { width: 124px; height: 28px; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #000000; border: 1px solid #c9c9c9; border-radius: 4px; }
    .uitqmjiag .lt li i { width: 10px; height: 1px; background: #666666; display: block; }


.pages dl { display: flex; justify-content: center; align-items: center; }
.pages dd { margin: 0 6px; }
    .pages dd a { font-size: 14px; line-height: 30px; color: #666666; display: block; border-radius: 4px; width: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-align: center; background: #fff; }
    .pages dd.ons a { width: 55px; }
    .pages dd a:hover, .pages dd.on a { background: #626262; color: #fff; }

.qmxinpin h2 { font-size: 18px; line-height: 1.6; color: #232323; font-weight: bold; margin-bottom: 14px; }
.qmxinpin { background: #f5f5f5; padding-top: 30px; padding-bottom: 100px; }

.uitqmzy { display: flex; justify-content: space-between; align-items: center; }
    .uitqmzy h6 { font-size: 14px; line-height: 1.6; color: #666666; }
    .uitqmzy h4 { font-size: 22px; line-height: 1.6; color: #000; font-weight: bold; }

.qmsuosjg { background: #fff; padding-top: 30px; padding-bottom: 100px; }
    .qmsuosjg .hds { padding: 24px 24px 14px; background: #fff; border-radius: 5px; display: flex; justify-content: space-between; margin-bottom: 10px; }
        .qmsuosjg .hds h3 { font-size: 16px; line-height: 1.6; color: #232323; font-weight: bold; width: 80px; }
        .qmsuosjg .hds dl { display: flex; justify-content: flex-start; flex-wrap: wrap; width: calc(100% - 88px); }
        .qmsuosjg .hds dd { margin-bottom: 10px; margin-right: 25px; }
            .qmsuosjg .hds dd a { font-size: 14px; line-height: 20px; border-radius: 3px; color: #666666; display: block; padding: 0 4px; }
                .qmsuosjg .hds dd.on a,
                .qmsuosjg .hds dd a:hover { background: #626262; color: #fff; }
.uitqmjiag dd a:hover { color: #626262; }
.qmsuosjg .uitqmjiag dd.on a { color: #626262; }
.qmsuosjg .uitqmjiag .suos { width: 333px; }
.qmsuosjg .uitqmjiag h2 { font-size: 16px; line-height: 28px; color: #232323; font-weight: bold; width: 80px; }
.qmsuosjg .uitqmjiag dl { width: 290px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.qmsuosjg .uitqmzy { margin-top: 8px; }


.qmsprosdel { background: #f5f5f5; padding-bottom: 70px; padding-top: 20px; }
.crumbs { padding: 10px 0 14px; }
    .crumbs dl { display: flex; align-items: center; }
    .crumbs dd a,
    .crumbs dd span,
    .crumbs dt { font-size: 14px; line-height: 1.6; color: #666666; }
    .crumbs dd span { margin: 0 4px; color: #b8b8b8; }
.qmsprosdel .swipfts { margin-top: 34px; }
    .qmsprosdel .swipfts h3 { font-size: 18px; line-height: 1.6; color: #232323; font-weight: bold; margin-bottom: 12px; }
    .qmsprosdel .swipfts .list { position: relative; }
        .qmsprosdel .swipfts .list .mlist { overflow: hidden; }
            .qmsprosdel .swipfts .list .mlist ul { flex-wrap: initial; }
            .qmsprosdel .swipfts .list .mlist li { width: auto; margin: 0; }
        .qmsprosdel .swipfts .list .prev,
        .qmsprosdel .swipfts .list .next { position: absolute; left: 0; top: 50%; z-index: 1; width: 34px; height: 76px; background: url(../images/prev.png) no-repeat center rgba(0,0,0,0.8); background-size: 11px auto; margin-top: -38px; cursor: pointer; }
        .qmsprosdel .swipfts .list .next { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 和 Chrome */ -o-transform: rotate(180deg); left: auto; right: 0; }
.qmsprosdel .box { /*overflow: hidden;*/ }
    .qmsprosdel .box .lts { float: left; width: calc(100% - 270px); }



    .qmsprosdel .box .rts { float: right; width: 260px; }

.qmsprosdel .rts .tbs li { margin-bottom: 16px; background: #fff; }
    .qmsprosdel .rts .tbs li .pic { height: 304px; overflow: hidden; }
        .qmsprosdel .rts .tbs li .pic img { width: 100%; height: 100%; display: block; object-fit: cover; }
    .qmsprosdel .rts .tbs li .txt { padding: 9px 18px; }
    .qmsprosdel .rts .tbs li h4 { font-size: 14px; line-height: 1.6; color: #232323; }
    .qmsprosdel .rts .tbs li h6 { font-size: 16px; line-height: 1.6; color: #ff0000; font-weight: bold; }
.qmsprosdel .rts .tps { background: linear-gradient(to bottom,#fff0b3,#fffffe); padding: 40px 24px 48px; margin-bottom: 15px; }
    .qmsprosdel .rts .tps .ico { width: 60px; line-height: 60px; height: 60px; border: 1px solid #80807e; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 24px; color: #7e7e7e; font-weight: bold; margin: 0 auto; }
        .qmsprosdel .rts .tps .ico img { width: 100%; height: 100%; display: block; object-fit: cover; }
    .qmsprosdel .rts .tps h2 { margin: 11px 0 22px; font-size: 18px; line-height: 1.6; color: #000000; font-weight: bold; text-align: center; }
    .qmsprosdel .rts .tps ul { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
    .qmsprosdel .rts .tps li { width: 50%; margin-bottom: 20px; text-align: center; }
        .qmsprosdel .rts .tps li h3 { font-size: 20px; line-height: 1.6; color: #ff0000; font-weight: bold; }
        .qmsprosdel .rts .tps li h5 { font-size: 14px; line-height: 1.6; color: #000000; }
    .qmsprosdel .rts .tps dl { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; margin-top: 10px; }
    .qmsprosdel .rts .tps dd { padding: 0 8px; font-size: 14px; line-height: 20px; color: #896e05; background: #ffe88f; border-radius: 20px; margin: 0 4px; }
    .qmsprosdel .rts .tps .btn { margin-top: 42px; border-top: 1px solid #f5f1e2; padding-top: 34px; }
    .qmsprosdel .rts .tps .b1 { background: #f1f1f1; height: 40px; border-radius: 30px; width: 180px; margin: 0 auto 8px; display: block; }
        .qmsprosdel .rts .tps .b1:hover { background: #626262; }

        .qmsprosdel .rts .tps .b1 .flax { display: flex; justify-content: center; align-items: center; }
        .qmsprosdel .rts .tps .b1 .ic { width: 18px; }
        .qmsprosdel .rts .tps .b1 img { width: 100%; display: block; }
        .qmsprosdel .rts .tps .b1 .s2 { display: none; }
        .qmsprosdel .rts .tps .b1 h6 { font-size: 14px; line-height: 40px; color: #000000; margin-left: 4px; }
        .qmsprosdel .rts .tps .b1.on .s1 { display: none; }
        .qmsprosdel .rts .tps .b1.on .s2 { display: block; }
.qmsprosdel .lts .bds { /*overflow: hidden;*/ }
    .qmsprosdel .lts .bds .lst { float: left; width: 260px; margin-top: 30px; }
    .qmsprosdel .lts .bds .del { float: left; width: calc(100% - 270px); background: #fff; padding: 22px 22px 55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
    .qmsprosdel .lts .bds .lst h3 { font-size: 18px; line-height: 1.6; color: #232323; font-weight: bold; margin-bottom: 10px; }
    .qmsprosdel .lts .bds .lst li { margin-bottom: 12px; }
        .qmsprosdel .lts .bds .lst li .pic { height: 300px; overflow: hidden; }
            .qmsprosdel .lts .bds .lst li .pic img { width: 100%; height: 100%; display: block; object-fit: cover; }
        .qmsprosdel .lts .bds .lst li .txt { padding: 9px 12px; display: flex; justify-content: space-between; align-items: center; background: #fff; }
        .qmsprosdel .lts .bds .lst li h4 { font-size: 14px; line-height: 1.6; color: #232323; max-width: 80%; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .qmsprosdel .lts .bds .lst li h6 { font-size: 16px; line-height: 1.6; color: #ff0000; font-weight: bold; }
    .qmsprosdel .lts .bds .del h2 { font-size: 18px; line-height: 1.6; color: #232323; font-weight: bold; padding-bottom: 12px; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; }
    .qmsprosdel .lts .bds .del .text img { display: block; margin: 0 auto; }
.qmsprosdel .lts .hds { background: #fff; margin-bottom: 15px; overflow: hidden; padding: 33px 25px 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
    .qmsprosdel .lts .hds .txt { float: right; width: calc(100% - 420px); }
    .qmsprosdel .lts .hds .swippic { float: left; width: 405px; }
    .qmsprosdel .lts .hds .txt h2 { font-size: 22px; line-height: 1.6; color: #232323; font-weight: bold; padding-bottom: 16px; border-bottom: 1px solid #eeeeee; }
    .qmsprosdel .lts .hds .txt h3 { padding: 12px 0; border-bottom: 1px solid #eeeeee; font-size: 14px; line-height: 1.6; color: #666666; }
        .qmsprosdel .lts .hds .txt h3 span { font-size: 24px; color: #ff0000; font-weight: bold; display: inline-block; margin-left: 20px; }
    .qmsprosdel .lts .hds .txt ul { margin-top: 15px; }
    .qmsprosdel .lts .hds .txt li { display: flex; justify-content: space-between; margin-bottom: 15px; }
        .qmsprosdel .lts .hds .txt li h6 { font-size: 14px; line-height: 1.6; color: #666666; width: 95px; }
        .qmsprosdel .lts .hds .txt li .ts { width: calc(100% - 95px); }
        .qmsprosdel .lts .hds .txt li p { font-size: 14px; line-height: 1.6; color: #232323; }
        .qmsprosdel .lts .hds .txt li dd { padding: 0 3px; border: 2px solid #d2d2d2; border-radius: 4px; height: auto; min-height: 24px; font-size: 14px; line-height: 24px; color: #666666; display: block; float: left; margin-right: 8px; margin-bottom: 5px; cursor: pointer; }

            .qmsprosdel .lts .hds .txt li dd i { width: 15px; height: 15px; border-radius: 4px; display: inline-block; vertical-align: middle; margin-right: 4px; position: relative; top: -2px; }
            .qmsprosdel .lts .hds .txt li dd .i1 { background: #ff2e2e; }
            .qmsprosdel .lts .hds .txt li dd .i2 { background: #30d228; }
            .qmsprosdel .lts .hds .txt li dd .i3 { background: #1b1b1b; }
            .qmsprosdel .lts .hds .txt li dd .i4 { background: #c9c9c9; }
            .qmsprosdel .lts .hds .txt li dd.on { border-color: #626262; }
    .qmsprosdel .lts .hds .btn { margin-top: 16px; display: flex; }
    .qmsprosdel .lts .hds .b1 { background: #626262; height: 40px; border-radius: 6px; padding: 0 13px; display: inline-block; margin-right: 8px; }
        .qmsprosdel .lts .hds .b1.red { background: #ff0000; }
        .qmsprosdel .lts .hds .b1 .flax { display: flex; justify-content: center; align-items: center; }
        .qmsprosdel .lts .hds .b1 .ic { width: 18px; }
        .qmsprosdel .lts .hds .b1 img { width: 100%; display: block; }
        .qmsprosdel .lts .hds .b1 .s2 { display: none; }
        .qmsprosdel .lts .hds .b1 h6 { font-size: 14px; line-height: 40px; color: #000000; margin-left: 4px; }
    .qmsprosdel .lts .hds .lv { background: #3fbff0; }
        .qmsprosdel .lts .hds .lv h6,
        .qmsprosdel .lts .hds .red h6 { color: #fff; }
    .qmsprosdel .lts .hds .b1.on .s1 { display: none; }
    .qmsprosdel .lts .hds .b1.on .s2 { display: block; }
    .qmsprosdel .lts .hds .txt .jieg { font-size: 14px; line-height: 1.6; color: #232323; }
        .qmsprosdel .lts .hds .txt .jieg span { font-size: 24px; color: #ff0000; font-weight: bold; margin-left: 8px; }
    .qmsprosdel .lts .hds .txt .xuanx { border: 1px solid #eeeeee; border-radius: 6px; background: #fafafa; padding: 5px 10px; margin: 14px 0 8px; }
    .qmsprosdel .lts .hds .xuanx .dd { display: flex; align-items: center; margin-bottom: 6px; flex-wrap: wrap; }
        .qmsprosdel .lts .hds .xuanx .dd h5 { font-size: 14px; line-height: 1.7; color: #232323; margin-right: 8px; }
            .qmsprosdel .lts .hds .xuanx .dd h5 span { color: #2e78ff; margin-left: 3px; }
            .qmsprosdel .lts .hds .xuanx .dd h5 i { color: #ff0000; margin-left: 3px; }
        .qmsprosdel .lts .hds .xuanx .dd .gb { width: 10px; cursor: pointer; }
            .qmsprosdel .lts .hds .xuanx .dd .gb img { width: 100%; display: block; }
    .qmsprosdel .lts .hds .chim .ds { display: flex; justify-content: flex-start; margin-bottom: 10px; align-items: flex-start; }
        .qmsprosdel .lts .hds .chim .ds h4 { max-width: 180px; word-break: break-all; padding: 0 4px; background: #e5e5e5; border-radius: 4px; font-size: 14px; line-height: 28px; color: #666666; font-weight: bold; min-width: 65px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-align: center; }
        .qmsprosdel .lts .hds .chim .ds .jiaj { margin-left: 6px; width: 98px; border-radius: 4px; border: 1px solid #d2d2d2; display: flex; align-items: center; padding: 4px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
        .qmsprosdel .lts .hds .chim .ds .ja { width: 22px; text-align: center; border: none; height: 20px; line-height: 20px; background: none; padding: 0; border-right: 1px solid #eeeeee; cursor: pointer; }
            .qmsprosdel .lts .hds .chim .ds .ja img { margin: auto; display: block; }
        .qmsprosdel .lts .hds .chim .ds .ja1 { border-left: 1px solid #eeeeee; border-right: none; }
        .qmsprosdel .lts .hds .chim .ds .t1 { width: calc(100% - 46px); height: 20px; border: none; background: none; font-size: 14px; color: #666666; text-align: center; }
    .qmsprosdel .lts .hds .swippic .hs .swiper-slide { height: 405px; overflow: hidden; position: relative; }
        .qmsprosdel .lts .hds .swippic .bs .swiper-slide img,
        .qmsprosdel .lts .hds .swippic .hs .swiper-slide img { width: 100%; height: 100%; display: block; object-fit: cover; }
        .qmsprosdel .lts .hds .swippic .hs .swiper-slide .xz { position: absolute; right: 10px; bottom: 6px; z-index: 1; width: 36px; display: block; height: 36px; cursor: pointer; }
    .qmsprosdel .lts .hds .swippic .ovs { position: relative; margin: 10px 0 0; padding: 0 40px; }
    .qmsprosdel .lts .hds .swippic .prev,
    .qmsprosdel .lts .hds .swippic .next { position: absolute; left: 0; top: 0; z-index: 1; width: 34px; height: 74px; background: url(../images/prev.png) no-repeat center #c2c2c2; cursor: pointer; }
    .qmsprosdel .lts .hds .swippic .next { left: auto; right: 0; transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 和 Chrome */ -o-transform: rotate(180deg); }
    .qmsprosdel .lts .hds .swippic .bs .swiper-slide { height: 75px; overflow: hidden; }
    .qmsprosdel .lts .hds .swippic .hs,
    .qmsprosdel .lts .hds .swippic .bs { overflow: hidden; }
    .qmsprosdel .lts .hds .swippic .prev:hover, .qmsprosdel .lts .hds .swippic .next:hover { background-color: #626262; }


.qmsprosdel .box .lts_top { float: left; width: 100%; }
.qmsprosdel .lts_top .bds { /*overflow: hidden;*/ }
    .qmsprosdel .lts_top .bds .lst { float: left; width: 260px; margin-top: 30px; }
    .qmsprosdel .lts_top .bds .del { float: left; width: calc(100% - 270px); background: #fff; padding: 22px 22px 55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
    .qmsprosdel .lts_top .bds .lst h3 { font-size: 18px; line-height: 1.6; color: #232323; font-weight: bold; margin-bottom: 10px; }
    .qmsprosdel .lts_top .bds .lst li { margin-bottom: 12px; }
        .qmsprosdel .lts_top .bds .lst li .pic { height: 300px; overflow: hidden; }
            .qmsprosdel .lts_top .bds .lst li .pic img { width: 100%; height: 100%; display: block; object-fit: cover; }
        .qmsprosdel .lts_top .bds .lst li .txt { padding: 9px 12px; display: flex; justify-content: space-between; align-items: center; background: #fff; }
        .qmsprosdel .lts_top .bds .lst li h4 { font-size: 14px; line-height: 1.6; color: #232323; max-width: 80%; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .qmsprosdel .lts_top .bds .lst li h6 { font-size: 16px; line-height: 1.6; color: #ff0000; font-weight: bold; }
    .qmsprosdel .lts_top .bds .del h2 { font-size: 18px; line-height: 1.6; color: #232323; font-weight: bold; padding-bottom: 12px; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; }
    .qmsprosdel .lts_top .bds .del .text img { display: block; margin: 0 auto; }
.qmsprosdel .lts_top .hds { background: #fff; margin-bottom: 15px; overflow: hidden; padding: 33px 25px 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
    .qmsprosdel .lts_top .hds .txt { float: right; width: calc(100% - 420px); }
    .qmsprosdel .lts_top .hds .swippic { float: left; width: 405px; }
    .qmsprosdel .lts_top .hds .txt h2 { font-size: 22px; line-height: 1.6; color: #232323; font-weight: bold; padding-bottom: 16px; border-bottom: 1px solid #eeeeee; }
    .qmsprosdel .lts_top .hds .txt h3 { padding: 12px 0; border-bottom: 1px solid #eeeeee; font-size: 14px; line-height: 1.6; color: #666666; }
        .qmsprosdel .lts_top .hds .txt h3 span { font-size: 24px; color: #ff0000; font-weight: bold; display: inline-block; margin-left: 20px; }
    .qmsprosdel .lts_top .hds .txt ul { margin-top: 15px; }
    .qmsprosdel .lts_top .hds .txt li { display: flex; justify-content: space-between; margin-bottom: 15px; }
        .qmsprosdel .lts_top .hds .txt li h6 { font-size: 14px; line-height: 1.6; color: #666666; width: 95px; }
        .qmsprosdel .lts_top .hds .txt li .ts { width: calc(100% - 95px); }
        .qmsprosdel .lts_top .hds .txt li p { font-size: 14px; line-height: 1.6; color: #232323; }
        .qmsprosdel .lts_top .hds .txt li dd { padding: 0 3px; border: 2px solid #d2d2d2; border-radius: 4px; height: auto; min-height: 24px; font-size: 14px; line-height: 24px; color: #666666; display: block; float: left; margin-right: 8px; margin-bottom: 5px; cursor: pointer; }

            .qmsprosdel .lts_top .hds .txt li dd i { width: 15px; height: 15px; border-radius: 4px; display: inline-block; vertical-align: middle; margin-right: 4px; position: relative; top: -2px; }
            .qmsprosdel .lts_top .hds .txt li dd .i1 { background: #ff2e2e; }
            .qmsprosdel .lts_top .hds .txt li dd .i2 { background: #30d228; }
            .qmsprosdel .lts_top .hds .txt li dd .i3 { background: #1b1b1b; }
            .qmsprosdel .lts_top .hds .txt li dd .i4 { background: #c9c9c9; }
            .qmsprosdel .lts_top .hds .txt li dd.on { border-color: #626262; }
    .qmsprosdel .lts_top .hds .btn { margin-top: 16px; display: flex; margin-left: 95px; }
    .qmsprosdel .lts_top .hds .b1 { background: #626262; height: 40px; border-radius: 6px; padding: 0 13px; display: inline-block; margin-right: 8px; }
        .qmsprosdel .lts_top .hds .b1.red { background: #ff0000; }
        .qmsprosdel .lts_top .hds .b1 .flax { display: flex; justify-content: center; align-items: center; }
        .qmsprosdel .lts_top .hds .b1 .ic { width: 18px; }
        .qmsprosdel .lts_top .hds .b1 img { width: 100%; display: block; }
        .qmsprosdel .lts_top .hds .b1 .s2 { display: none; }
        .qmsprosdel .lts_top .hds .b1 h6 { font-size: 14px; line-height: 40px; color: #000000; margin-left: 4px; }
    .qmsprosdel .lts_top .hds .lv { background: #3fbff0; }
        .qmsprosdel .lts_top .hds .lv h6,
        .qmsprosdel .lts_top .hds .red h6 { color: #fff; }
    .qmsprosdel .lts_top .hds .b1.on .s1 { display: none; }
    .qmsprosdel .lts_top .hds .b1.on .s2 { display: block; }
    .qmsprosdel .lts_top .hds .txt .jieg { font-size: 14px; line-height: 1.6; color: #232323; }
        .qmsprosdel .lts_top .hds .txt .jieg span { font-size: 24px; color: #ff0000; font-weight: bold; margin-left: 8px; }
    .qmsprosdel .lts_top .hds .txt .xuanx { border: 1px solid #eeeeee; border-radius: 6px; background: #fafafa; padding: 5px 10px; margin: 14px 0 8px; }
    .qmsprosdel .lts_top .hds .xuanx .dd { display: flex; align-items: center; margin-bottom: 6px; flex-wrap: wrap; }
        .qmsprosdel .lts_top .hds .xuanx .dd h5 { font-size: 14px; line-height: 1.7; color: #232323; margin-right: 8px; }
            .qmsprosdel .lts_top .hds .xuanx .dd h5 span { color: #2e78ff; margin-left: 3px; }
            .qmsprosdel .lts_top .hds .xuanx .dd h5 i { color: #ff0000; margin-left: 3px; }
        .qmsprosdel .lts_top .hds .xuanx .dd .gb { width: 10px; cursor: pointer; }
            .qmsprosdel .lts_top .hds .xuanx .dd .gb img { width: 100%; display: block; }
    .qmsprosdel .lts_top .hds .chim .ds { display: flex; justify-content: flex-start; margin-bottom: 10px; align-items: flex-start; }
        .qmsprosdel .lts_top .hds .chim .ds h4 { word-break: break-all; padding: 0 4px; background: #e5e5e5; border-radius: 4px; font-size: 14px; line-height: 28px; color: #666666; font-weight: bold; min-width: 65px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-align: center; }
        .qmsprosdel .lts_top .hds .chim .ds .jiaj { margin-left: 6px; width: 98px; border-radius: 4px; border: 1px solid #d2d2d2; display: flex; align-items: center; padding: 4px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
        .qmsprosdel .lts_top .hds .chim .ds .ja { width: 22px; text-align: center; border: none; height: 20px; line-height: 20px; background: none; padding: 0; border-right: 1px solid #eeeeee; cursor: pointer; }
            .qmsprosdel .lts_top .hds .chim .ds .ja img { margin: auto; display: block; }
        .qmsprosdel .lts_top .hds .chim .ds .ja1 { border-left: 1px solid #eeeeee; border-right: none; }
        .qmsprosdel .lts_top .hds .chim .ds .t1 { width: calc(100% - 46px); height: 20px; border: none; background: none; font-size: 14px; color: #666666; text-align: center; }
    .qmsprosdel .lts_top .hds .swippic .hs .swiper-slide { height: 405px; overflow: hidden; position: relative; }
        .qmsprosdel .lts_top .hds .swippic .bs .swiper-slide img,
        .qmsprosdel .lts_top .hds .swippic .hs .swiper-slide img { width: 100%; height: 100%; display: block; object-fit: cover; }
        .qmsprosdel .lts_top .hds .swippic .hs .swiper-slide .xz { position: absolute; right: 10px; bottom: 6px; z-index: 1; width: 36px; display: block; height: 36px; cursor: pointer; }
    .qmsprosdel .lts_top .hds .swippic .ovs { position: relative; margin: 10px 0 0; padding: 0 40px; }
    .qmsprosdel .lts_top .hds .swippic .prev,
    .qmsprosdel .lts_top .hds .swippic .next { position: absolute; left: 0; top: 0; z-index: 1; width: 34px; height: 74px; background: url(../images/prev.png) no-repeat center #c2c2c2; cursor: pointer; }
    .qmsprosdel .lts_top .hds .swippic .next { left: auto; right: 0; transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 和 Chrome */ -o-transform: rotate(180deg); }
    .qmsprosdel .lts_top .hds .swippic .bs .swiper-slide { height: 75px; overflow: hidden; }
    .qmsprosdel .lts_top .hds .swippic .hs,
    .qmsprosdel .lts_top .hds .swippic .bs { overflow: hidden; }
    .qmsprosdel .lts_top .hds .swippic .prev:hover, .qmsprosdel .lts_top .hds .swippic .next:hover { background-color: #626262; }



.uityouce { position: fixed; right: 10px; bottom: 24%; z-index: 999; }
    .uityouce li { background: #fff; width: 70px; height: 70px; border-radius: 6px; text-align: center; margin-bottom: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; padding-top: 2px; box-shadow: 0 3px 5px 0 #626262; }
        .uityouce li h6 { font-size: 12px; line-height: 1.0; color: #666666; text-align: center; margin-top: 6px; }
        .uityouce li .nume { position: absolute; right: -5px; top: -5px; z-index: 1; border-radius: 100%; background: #ff0000; font-size: 12px; line-height: 18px; color: #fff; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; min-width: 18px; text-align: center; }
        .uityouce li.tps:hover { background: #fff; }
        .uityouce li .icon img { margin: 0 auto; display: block; }
        .uityouce li .weixs { width: 146px; height: 150px; position: absolute; right: 100%; margin-right: 20px; top: -33px; z-index: 11; background: #fff; border-radius: 6px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: none; box-shadow: 0 0 10px 0 rgba(80,80,80,0.2); }

            .uityouce li .weixs img { display: block; width: 100%; object-fit: cover; }
        .uityouce li a { padding: 10px 0 0; display: block; }
        .uityouce li:hover .hover { display: block; }
    .uityouce .phone { position: absolute; right: 100%; top: 18%; line-height: 50px; padding: 0 20px; background: #fff; white-space: nowrap; font-size: 18px; color: #333; border-radius: 6px; margin-right: 15px; box-shadow: 0 0 10px 0 rgba(80,80,80,0.2); display: none; }
    .uityouce li:hover .hover { display: block; }
    .uityouce li.tops { padding-top: 12px; cursor: pointer; }
.qmsnavlist dd a:hover,
.mpg1 .htab li .qmnli .ds p a:hover,
.mpg1 .htab li dd a:hover { color: #fdc21d; }
.mpg1 .mrt .prev:hover, .mpg1 .mrt .next:hover { opacity: 0.6; }
.shoplist { padding-bottom: 50px; }
.qmsprosdel .rts .tbs li .pic img,
.qmsprosdel .lts .bds .lst li .pic img,
.mlist ul .pic img,
.mpg4 .bor .bd .swiper-slide .pic img,
.mpg3 .box .rts .swiper-slide a .pic img,
.mpg2 .bd .item li a .pic img,
.mpg1 .mrt .bd .swiper-slide img { transition: all 0.3s; -ms-transition: all 0.3s; /* IE 9 */ -moz-transition: all 0.3s; /* Firefox */ -webkit-transition: all 0.3s; /* Safari 和 Chrome */ -o-transition: all 0.3s; }
.qmsprosdel .rts .tbs li:hover .pic img,
.qmsprosdel .lts .bds .lst li:hover .pic img,
.mlist ul a:hover .pic img,
.mpg4 .bor .bd .swiper-slide a:hover .pic img,
.mpg3 .box .rts .swiper-slide a:hover .pic img,
.mpg2 .bd .item li a .pic:hover img,
.mpg1 .mrt .bd .swiper-slide:hover img { transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -moz-transform: scale(1.1); /* Firefox */ -webkit-transform: scale(1.1); /* Safari 和 Chrome */ -o-transform: scale(1.1); }

.qmsprosdel .swipfts .list .prev:hover, .qmsprosdel .swipfts .list .next:hover { background-color: rgba(255,204,0,0.5); }



.mpg1 .htab li { position: relative; }
    .mpg1 .htab li .qmnli { position: absolute; left: 100%; top: -5px; z-index: 23; display: none; }
        .mpg1 .htab li .qmnli .mbga { width: 542px; padding: 14px 26px 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; background: #fff; box-shadow: 0 0 10px 0 rgba(80,80,80,0.2); box-sizing: border-box; margin-left: 30px; }
        .mpg1 .htab li .qmnli h6 { font-size: 16px; line-height: 1.6; color: #232323; font-weight: bold; padding-bottom: 6px; border-bottom: 1px solid #eeeeee; }
        .mpg1 .htab li .qmnli .ds { display: flex; margin-top: 14px; flex-wrap: wrap; }
            .mpg1 .htab li .qmnli .ds p a { font-size: 14px; line-height: 1.6; color: #666666; display: block; margin-right: 30px; }
.mpg1 .wrap { position: relative; }
.mpg1 .htab h3 { position: relative; z-index: 24; }
.qmshow { display: none; position: absolute; left: 0; right: 0; top: 0; z-index: 23; background: #fff; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.qmsnavlist { display: flex; justify-content: space-between; padding: 24px 25px 36px; padding-top: 67px; }
    .qmsnavlist dt { font-size: 16px; line-height: 1.6; color: #232323; font-weight: bold; margin-bottom: 12px; }
    .qmsnavlist dd a { font-size: 14px; line-height: 30px; color: #666666; display: block; }

.header .th .rt li a:hover { color: #222; }


.mpg2 .bd .item li { flex-wrap: wrap; }
    .mpg2 .bd .item li a { margin-bottom: 13px; }


.xiangj { position: relative; }
    .xiangj .pors { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); display: none; }
        .xiangj .pors .borx { width: 204px; border: 1px solid #dcdcdc; margin-top: 8px; padding: 15px 23px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: #fff; }
            .xiangj .pors .borx .pics { height: 86px; overflow: hidden; }
                .xiangj .pors .borx .pics img { width: 100%; height: 100%; display: block; object-fit: cover; }
            .xiangj .pors .borx .po { position: relative; width: 135px; line-height: 24px; height: 24px; border: 1px solid #dcdcdc; margin: 13px auto 0; display: flex; justify-content: center; align-items: center; font-size: 12px; color: #666666; cursor: pointer; }
                .xiangj .pors .borx .po img { display: block; margin-right: 8px; width: 11px; }
                .xiangj .pors .borx .po .file { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 11; opacity: 0; }

.mfile { margin: 20px auto; width: 620px; background: #fff; border-radius: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 45px 0 40px; box-shadow: 0 0 8px 0 rgba(80,80,80,0.2); }
    .mfile .pic .file { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 11; opacity: 0; }
    .mfile .pic { width: 400px; height: 175px; margin: 0 auto; border-radius: 15px; border: 1px dashed #e5e5e5; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative; }
        .mfile .pic img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
    .mfile .mbtn { display: block; border: 0; width: 155px; line-height: 36px; border-radius: 40px; background: #626262; text-align: center; font-size: 18px; color: #232323; font-weight: bold; cursor: pointer; margin: 28px auto 0; }


.mdangk ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
    .mdangk ul li { width: calc((100% - 14px)/2); margin-bottom: 14px; background: #fff; border-radius: 10px; padding: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
        .mdangk ul li .mth { display: flex; justify-content: space-between; }
            .mdangk ul li .mth .l h2 { font-size: 16px; color: #232323; line-height: 1.6; display: flex; align-items: center; }
            .mdangk ul li .mth .l h3 { font-size: 14px; color: #999999; line-height: 1.6; }
            .mdangk ul li .mth .l h2 img { display: block; margin-left: 5px; }
.mdangk { background: #f5f5f5; padding-top: 25px; padding-bottom: 40px; }
    .mdangk ul li .mth .ico { width: 30px; height: 30px; background: url(../images/mt1.png) no-repeat center; cursor: pointer; margin-right: 15px; }
        .mdangk ul li .mth .ico.on { background: url(../images/mt2.png) no-repeat center; }
    .mdangk ul li .mth .r { display: flex; align-items: center; }
        .mdangk ul li .mth .r a { font-size: 14px; color: #856a00; line-height: 28px; border-radius: 30px; background: #fff5cc; padding: 0 20px; }
    .mdangk ul li dl { display: flex; width: 60%; flex-wrap: wrap; position: relative; margin: 20px 0; }
        .mdangk ul li dl::before { content: ""; position: absolute; left: 50%; top: 4px; bottom: 4px; width: 1px; background: #eeeeee; }
    .mdangk ul li dd { font-size: 12px; counter-reset: #181818; width: 50%; display: flex; line-height: 2; justify-content: space-between; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
        .mdangk ul li dd label { color: #999999; flex: 1; }
        .mdangk ul li dd p { width: 50px; }
        .mdangk ul li dd:nth-child(2n) { padding-left: 28px; }
    .mdangk ul .pics { white-space: nowrap; overflow: hidden; position: relative; }
        .mdangk ul .pics a { width: 129px; height: 129px; display: inline-block; margin-right: 9px; }
            .mdangk ul .pics a img { width: 100%; height: 100%; display: block; object-fit: cover; }
    .mdangk ul .btn a { display: inline-block; font-size: 14px; color: #565656; line-height: 2; padding-right: 20px; background: url(../images/mt9.png) no-repeat right center; margin-top: 10px; }

        .mdangk ul .btn a:hover { color: #626262; background: url(../images/mt9-1.png) no-repeat right center; }
    .mdangk ul li .mth .l h2:hover { color: #626262; }
    .mdangk ul li .mth .r a:hover { background: #626262; }
    .mdangk ul .pics .spans { position: absolute; left: 0; right: 0; z-index: 11; bottom: 0; top: auto; }
    .mdangk ul .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #626262; }





.menuBox * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.naver { position: relative; }
.menuBox { /* box-shadow: 0 4px 10px rgb(0 0 0 / 10%); */ display: block; top: 100%; border-top: 1px solid #f1f1f1; opacity: 1; left: 0; overflow: hidden; position: absolute; right: 0; background-color: #fff; z-index: 3500; display: none; }
.mobileMenu { display: none; }
.menuBox > div { margin: 0 auto; text-align: center; width: 1280px; padding-top: 28px; }
.n_event { display: block; float: left; position: absolute; width: 200px; }
.menuBox > div > div { display: inline-block; margin-left: 16px; position: static; text-align: left; width: 100%; height: 100%; }
.mobileMenu { float: left; height: 100%; margin-right: -4px; overflow-y: auto; padding: 8px 0; position: relative; width: 160px; }
    .mobileMenu > li.on { border-bottom: 0; }
    .mobileMenu > li { border-bottom: 1px solid #efefef; height: 48px; text-align: right; width: 100%; }
        .mobileMenu > li > button { color: #595959; font-size: 14px; font-weight: 400 !important; height: 100%; padding-left: 12px; text-align: left; transition: all .35s ease; width: 100%; }
            .mobileMenu > li > button > img { display: inline-block; height: 32px; margin-right: 4px; -o-object-fit: contain; object-fit: contain; vertical-align: middle; width: 32px; }

/*.categoryWoman { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }
.n_category { display: grid !important; margin: 0 auto; max-width: 1200px; width: 90%; }
.n_category > li { border-left: 1px solid #efefef; margin: 0; padding-left: 12px; text-align: left; width: 100%; }
.categoryTitle { margin-bottom: 8px; font-weight: bold; font-size: 16px; }
.categoryList { display: block; }
.categoryList > li > a { color: #999; font-size: 14px; display: block; width: 100%; line-height: 2; font-weight: bold; }
.categoryList > li > a:hover { color: #626262; }*/


.usticky { position: inherit; top: 200px; z-index: 99; width: 176px; }



/*以下是后期程序员增加的内容，以上是设计人员的代码。*/

.havesondiv { position: relative; }
.sondivlist { width: 99%; display: none; border: 1px solid #626262; position: absolute; top: 45px; left: 0; z-index: 999; background-color: #fff; }
.sonnavdiv { width: 100%; height: 35px; line-height: 35px; text-align: center; }
    .sonnavdiv:hover { background-color: #626262; color: #fff; }
    .sonnavdiv a { font-size: 14px; display: block; width: 100%; height: 100%; color: #363636; }
    .sonnavdiv:hover a { color: #fff; }

.anpager { width: 780px; height: 45px; line-height: 35px; margin: 10px auto; }
    .anpager a, .boluopager span { display: block; float: left; border-radius: 5px; cursor: pointer; width: 30px; height: 33px; line-height: 33px; font-size: 12px; text-align: center; border: solid 1px #d2d2d2; background-color: #fff; text-decoration: none; margin-right: 2px; color: #666; }
        .anpager a:visited { border: solid 1px #0094ff; background: #fff; text-decoration: none; }
    .anpager .cpb { display: block; float: left; background-color: #626262; border-radius: 5px; margin: 0 5px; width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 14px; border: none; color: #000; }
    .anpager a:hover { color: #fff; background: #626262; border-color: #626262; text-decoration: none; }
.pagerright { width: 300px; float: left; height: 30px; line-height: 30px; padding-top: 15px; padding-left: 5px; }

.bortops { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #eeeeee; height: 40px; margin: 10px 0 0 }
    .bortops h5 { display: flex; align-items: center; font-size: 12px; color: #363636; }
        .bortops h5 i { width: 18px; line-height: 18px; border-radius: 50%; text-align: center; font-size: 12px; color: #404040; background: #fdc21d; margin-right: 6px; }

    .bortops h6 { display: flex; align-items: center; font-size: 12px; color: #999999; }

.bottom_company { width: 970px; }
    .bottom_company li { width: 50%; float: left; font-size: 14px; line-height: 2; color: #fff; opacity: 0.8; }



.login-box { margin: 0 auto; width: 420px; box-shadow: 5px #fbf8f6; }

.login-box-underdiv { width: 420px; height: 50px; margin: 0 auto; border-top: 1px solid #c6c6c6; box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%); }
    .login-box-underdiv input { display: block; border: 0; float: left; height: 50px; line-height: 50px; background-color: #fff; }

.loginbtn { width: 300px; height: 50px; font-size: 18px; margin: 20px auto; background-color: #626262; color: #fff; display: block; border: 0; border-radius: 30px; }
.login-input { width: 300px; height: 50px; font-size: 16px; margin: 10px auto 0; display: block; border: 1px solid #e5e5e5; border-radius: 30px; text-indent: 40px; }
.username { background: url(/images/usernamebg.gif) no-repeat; background-position: 20px center; }
.password { background: url(/images/passwordbg.gif) no-repeat; background-position: 20px center; }
.login-a { text-align: center; color: #a1a1a1; display: block; width: 50%; float: left; font-size: 16px; }
    .login-a:hover { color: #000; }
.register_btnsubmit { width: 260px; height: 65px; background-color: #626262; border-radius: 10px; border: 0px; font-size: 18px; }
.forgot_sendemail { height: 50px; background-color: #626262; border-radius: 10px; border: 0px; font-size: 18px; margin-left: 5px; color: #fff; }
.forgot_btnsubmit { width: 260px; height: 65px; background-color: #626262; border-radius: 10px; border: 0px; font-size: 18px; color: #fff; }



.right_ico_list img { height: 40px; display: block; margin: 10px; float: left; }



.header_template9 .logo2024 { float: left; margin-left: 35%; align-items: center; width: auto; padding: 20px 0; }
/* 三横线菜单图标 */
.menu-toggle { margin-top: 20px; width: 60px; height: 60px; background: #fff; border: 0; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 8px; transition: all 0.3s ease; }
    .menu-toggle:hover { background: #f5f5f5; }
    .menu-toggle span { display: block; width: 25px; height: 2px; background: #333; margin: 4px 0; transition: all 0.3s ease; }
/* 菜单容器 */
.menu-container { display: none; position: absolute; top: 100px; left: 50%; height: 500px; background-color: #f3f3f3; transform: translateX(-50%); width: 1400px; max-width: 100%; background: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); z-index: 1000; margin-top: 10px; }

    /* 添加小三角形指示器 */
    .menu-container::before { content: ''; position: absolute; top: -10px; left: 32px; transform: translateX(-50%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ddd; }

    .menu-container::after { content: ''; position: absolute; top: -9px; left: 32px; transform: translateX(-50%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white; }

/* 菜单内容 */
.menu-content { padding: 20px; max-height: 80vh; overflow-y: hidden; }

/* 保持原有的UL样式，仅做宽度适配 */
.n_category.categoryWoman.clearfix { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; max-width: 1360px; margin: 50px auto 0; }

    .n_category.categoryWoman.clearfix > li { margin-bottom: 10px; }

.categoryTitle { margin: 0 0 10px 0; padding: 0; font-size: 16px; font-weight: bold; }

    .categoryTitle a { color: #333; text-decoration: none; }

        .categoryTitle a:hover { color: #e74c3c; }

.categoryList { list-style: none; padding: 0; margin: 0; }

    .categoryList li { margin-bottom: 6px; }

    .categoryList a { color: #666; text-decoration: none; font-size: 14px; transition: color 0.2s; }

        .categoryList a:hover { color: #e74c3c; }

/* 响应式调整 */
@media (max-width: 1440px) {
    .menu-container { width: 95%; }

    .n_category.categoryWoman.clearfix { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .n_category.categoryWoman.clearfix { grid-template-columns: 1fr; }
}

.categoryWoman { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }
.n_category { display: grid !important; margin: 0 auto; max-width: 1400px; width: 90%; }
    .n_category > li { border-left: 0; margin: 0; padding-left: 12px; text-align: left; width: 100%; }
.categoryTitle { margin-bottom: 8px; font-weight: bold; font-size: 18px; color: #000; }
.categoryList { display: block; }
    .categoryList > li > a { color: #333; font-size: 14px; display: block; width: 100%; line-height: 2; font-weight: bold; }
        .categoryList > li > a:hover { color: #626262; }

.search_template2_goodslist_left { width: 200px; float: left; }
.search_template2_goodslist_right { width: 1200px; float: left; }

.search_template2_goodslist_left h3 { font-size: 16px; font-weight: bold; margin-bottom: 20px; }
.search_template2_goodslist_left ul li { font-size: 14px; height: 35px; line-height: 35px; margin: 3px 0; position: relative; padding-left: 20px; }
    .search_template2_goodslist_left ul li:hover a { font-weight: bold; color: #626262; transition: all 0.3s ease; }
    .search_template2_goodslist_left ul li::before { content: ''; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; border-radius: 50%; border: 1px solid #727272; background-color: white; transition: all 0.3s ease; }

.search_template2_thirdcate { width: 100%; height: 40px; line-height: 40px; clear: both; margin-bottom: 15px; }
    .search_template2_thirdcate li { font-size: 16px; width: auto; border: 1px solid #fff; height: 35px; line-height: 35px; padding: 0 10px; float: left; }
        .search_template2_thirdcate li:hover { background-color: #626262; color: #fff; border: 1px solid #fff; border-radius: 5px; }
            .search_template2_thirdcate li:hover a { color: #fff; }


.copyright { clear: both; width: 1400px; height: auto; font-size: 14px; height: 35px; min-height: 35px; margin: 0px auto; text-align: center; line-height: 2em; color: #a8a8a8; }



/* ================= 通用容器 (修改为1280px) ================= */
.header_template10 { background-color: #b9b2a7; }
/* ================= 通用容器 ================= */
.fgs9_container { width: 1280px; margin: 0 auto; }

/* ================= 顶部 & 导航栏 ================= */
.fgs9_header-wrap { height: 70px; position: relative; z-index: 20; background: transparent; display: flex; justify-content: center; }
.fgs9_header-inner { width: 1280px; height: 100%; display: flex; justify-content: space-between; align-items: flex-start; padding-top: 15px; position: relative; }

.fgs9_header-left, .fgs9_header-right-top { display: flex; gap: 25px; font-size: 13px; font-weight: 500; color: #ffffff; }
    .fgs9_header-left a, .fgs9_header-right-top a { display: inline-flex; align-items: center; gap: 4px; vertical-align: middle; color: #fff; }
        .fgs9_header-left a img, .fgs9_header-right-top a img { display: inline-block; vertical-align: middle; height: 16px; width: auto; }
        .fgs9_header-left a:hover, .fgs9_header-right-top a:hover { opacity: 0.7; }

.fgs9_header-center { position: absolute; left: 50%; transform: translateX(-50%); top: 25px; }
    .fgs9_header-center img { height: 35px; display: block; }

.fgs9_header-right-wrapper { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.fgs9_search-box { display: flex; align-items: center; background-color: #b9b3a9; padding: 5px 5px 3px 5px; border-radius: 5px; }
    .fgs9_search-box input { border: none; background: transparent; outline: none; width: 180px; font-size: 12px; color: #ffffff; }
        .fgs9_search-box input::placeholder { color: rgba(255, 255, 255, 0.7); }
    .fgs9_search-box button { border: none; background: transparent; cursor: pointer; font-size: 13px; color: #ffffff; }

/* ================= 导航栏 (绝对居中结构) ================= */
.fgs9_nav-wrap { height: 45px; position: relative; z-index: 20; background: transparent; display: flex; justify-content: center; }
.fgs9_nav-list { width: 550px; display: flex; justify-content: space-between; height: 100%; align-items: center; position: relative; /* 定位基准 */ }

.fgs9_nav-item { height: 100%; display: flex; align-items: center; cursor: pointer; padding: 0 15px; }
    .fgs9_nav-item > a { font-size: 14px; font-weight: 600; color: #ffffff; letter-spacing: 1px; transition: opacity 0.2s; position: relative; }
    .fgs9_nav-item:hover > a { opacity: 0.8; }

    /* 【新增】仅给前 3 个菜单增加纯 CSS 三角 (不与弹出层绑定) */
    .fgs9_nav-item:nth-child(-n+3) > a::after { content: ''; position: absolute; bottom: -18px; /* 紧贴在文字正下方 */ left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #ffffff; /* 白色三角 */ opacity: 0; transition: opacity 0.2s; pointer-events: none; }
    .fgs9_nav-item:nth-child(-n+3):hover > a::after { opacity: 1; }

/* ================= 900px 绝对居中下拉层 ================= */
.fgs9_dropdown { position: absolute; top: 45px; left: 50%; transform: translateX(-50%); width: 1100px; min-height: 200px; /* 改为 min-height，内容少时高度自适应 */ max-height: 400px; /* 最多高度 */ background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.05); border: 1px solid #eee; display: none; padding: 25px 30px; border-radius: 4px; flex-wrap: wrap; align-content: flex-start; /* 内容靠左上排列 */ gap: 15px 30px; /* 行间距15px，列间距30px */ overflow-y: auto; /* 内容过多时滚动 */ }

.fgs9_nav-item:hover .fgs9_dropdown { display: flex; }

.fgs9_sub-col { display: flex; flex-direction: column; gap: 8px; width: 110px; /* 固定列宽，自动换行 */ flex-shrink: 0; }

    .fgs9_sub-col h4 { font-size: 13px; font-weight: 600; margin-bottom: 4px; color: #333; }

    .fgs9_sub-col a { font-size: 12px; color: #666; transition: color 0.2s; }

        .fgs9_sub-col a:hover { color: #000; text-decoration: underline; }
/* ================= 轮播大图 ================= */
.fgs9_hero-section { position: relative; width: 100%; height: 700px; margin-top: -115px; background-color: #f0ece4; display: flex; justify-content: center; overflow: hidden; }
    .fgs9_hero-section img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ================= 商品列表 ================= */
.fgs9_product-section { padding: 60px 0; }
.fgs9_product-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px; }
.fgs9_product-card { display: flex; flex-direction: column; margin-bottom: 20px; }
.fgs9_product-img { width: 100%; aspect-ratio: 3/4; background: #f5f5f5; overflow: hidden; margin-bottom: 10px; }
    .fgs9_product-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
    .fgs9_product-img:hover img { transform: scale(1.05); }
.fgs9_product-name { font-size: 14px; color: #333; margin-bottom: 5px; }
.fgs9_product-price { font-size: 14px; font-weight: 700; color: #d32f2f; }

/* ================= 底部区域 ================= */
.fgs9_footer-wrap { background: #9e968a; }
.fgs9_footer-top { width: 1280px; height: 180px; margin: 0 auto; display: flex; justify-content: space-between; padding: 40px 0; border-bottom: 1px solid rgba(255,255,255,0.3); }
.fgs9_footer-left { display: flex; flex-direction: column; color: #fff; font-size: 13px; }
    .fgs9_footer-left img { width: 120px; margin-bottom: 15px; filter: brightness(0) invert(1); }
    .fgs9_footer-left p { line-height: 1.6; opacity: 0.9; letter-spacing: 0.5px; }
.fgs9_footer-right { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; color: #fff; }
.fgs9_footer-sns { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
    .fgs9_footer-sns strong { font-size: 14px; margin-bottom: 3px; }
    .fgs9_footer-sns a { font-size: 13px; opacity: 0.9; transition: opacity 0.2s; color: #fff; }
        .fgs9_footer-sns a:hover { opacity: 1; }
.fgs9_footer-links { display: flex; gap: 25px; margin-top: 15px; }
    .fgs9_footer-links a { font-size: 12px; opacity: 0.9; transition: opacity 0.2s; color: #fff; }
        .fgs9_footer-links a:hover { opacity: 1; }
.fgs9_footer-bottom { width: 1280px; height: 50px; margin: 0 auto; display: flex; align-items: center; }
    .fgs9_footer-bottom p { color: #fff; font-size: 12px; opacity: 0.6; }