.wrap { width: 1200px; 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: #88daff; font-size: 13px; color: #000000; margin-right: 6px; }
.header .th .lt a img { width: 13px; display: block; margin-right: 5px; }
.header .th .lt a.on { background: #ffcc00; }
.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 .logo2024 { display: flex; align-items: center; width: auto; }
.header .td .logo2024 img { width: 148px; }
.header .td .ches { border: 1px solid #ffcc00; border-radius: 15px; display: flex; align-items: center; margin-left: 23px; background: #ffcc00; }
.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 .search .flax { display: flex; justify-content: space-between; align-items: center; width: 628px; border: 1px solid #dcdcdc; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; border-radius: 50px; }
.header .td .search .lses { width: 64px; box-sizing: border-box; background-color: transparent; outline: 0; -webkit-appearance: none; border: none; background: url(../images/ico14.png) no-repeat right 13px center; height: 16px; padding-right: 13px; border-right: 1px solid #eeeeee; }
.header .td .search .txt { font-size: 14px; height: 40px; flex: 1; margin-left: 15px; border: none; background: none; margin-right: 16px; }
.header .td .search .xiangj { width: 70px; height: 40px; background: url(../images/ico15.png) no-repeat center; display: block; }
.header .td .search .xiangj:hover { background: url(../images/ico15-1.png) no-repeat center; }
.header .td .search .btn { display: flex; justify-content: center; align-items: center; width: 106px; height: 40px; border-radius: 50px; background: #ffcc00; font-size: 14px; color: #000000; cursor: pointer; }
.header .td .search .btn img { width: 15px; display: block; margin-right: 5px; }
.header .td .search ul { display: flex; flex-wrap: wrap; margin-top: 6px; }
.header .td .search li { margin-left: 14px; }
.header .td .search li a { font-size: 13px; line-height: 1.7; color: #666666; display: inline-block; }
.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; }

.naver .wrap > ul { display: block; height:40px; justify-content: space-between; clear:both; }
.naver .wrap > ul > li { float:left; width:110px;  -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: #ffcc00; 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; }

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

.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: 10px; margin-top:10px; }
.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; background: #fff; }
.mlist ul li:nth-child(5n) { margin-right: 0; }
.mlist ul li a { display: block; }
.mlist ul .pic { height: 228px; overflow: hidden; }
.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.6; color: #232323; height: 3.2em; overflow: hidden; }
.mlist ul .text h4 { font-size: 16px; line-height: 2; color: #ff0000; font-weight: bold; padding: 6px 0; }
.mlist ul .text .bortop { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #eeeeee; height: 40px; }
.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: #1b1b1b; padding-top: 25px; }
.footer .ftab ul { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #323232; }
.footer .ftab li { width: 100%; }
.footer .ftab li a { text-align: center; font-size: 16px; line-height: 1.6; color: #ffffff; padding: 15px 0; display: block; opacity: 0.5; }
.footer .box { display: flex; padding: 30px 0 55px; justify-content: space-between; }
.footer .box .flogo img { width: 94px; 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: #ffffff; opacity: 0.5; }
.footer .copyright { border-top: 1px solid #323232; text-align: center; padding: 20px 0; }
.footer .copyright a { font-size: 14px; line-height: 1.6; color: #ffffff; 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: #ffcc00; font-size: 14px; color: #000000; 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: #ffcc00; color: #000000; }

.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; margin-bottom: 10px; }
.uitqmzy h6 { font-size: 14px; line-height: 1.6; color: #666666; }
.uitqmzy h4 { font-size: 18px; line-height: 1.6; color: #232323; font-weight: bold; }

.qmsuosjg { background: #f5f5f5; padding-top: 20px; 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: #ffcc00; color: #000000; }
.uitqmjiag dd a:hover { color: #ffcc00; }
.qmsuosjg .uitqmjiag dd.on a { color: #ffcc00; }
.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: 28px; }


.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: #ffcc00; }

.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: #ffcc00; }
.qmsprosdel .lts .hds .btn { margin-top: 16px; display: flex; }
.qmsprosdel .lts .hds .b1 { background: #ffcc00; 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: #ffcc00; }


.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 10px 30px 0 #f5ecc8; }
.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: 100px; }
.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: #ffcc00; 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: #ffcc00; background: url(../images/mt9-1.png) no-repeat right center; }
.mdangk ul li .mth .l h2:hover { color: #ffcc00; }
.mdangk ul li .mth .r a:hover { background: #ffcc00; }
.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: #ffcc00; }





.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: #ffcc00; }


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



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

.havesondiv { position: relative; }
.sondivlist { width: 99%; display: none; border: 1px solid #ffcc00; 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: #ffcc00; 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: #ffcc00; 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: #ffcc00; border-color: #ffcc00; 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: #ffffff; opacity: 0.5; }



.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: #ffcc00; }
.qmsprosdel .lts_top .hds .btn { margin-top: 16px; display: flex; margin-left: 95px; }
.qmsprosdel .lts_top .hds .b1 { background: #ffcc00; 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: #ffcc00; }