*{padding: 0;margin: 0;box-sizing: border-box;}
body{font:normal normal 0.32rem/1 sans-serif;color: #222;background: #fff;}
textarea,input{font:normal normal 0.28rem/1.5 sans-serif;}
img{display:block;border: none;}
.clear:after {content:"";display: block;clear:both;}
input[type=button], input[type=submit], input[type=file], input[type=reset], button { cursor: pointer; -webkit-appearance: none;}
body,p,ol,ul,h1,h2,h3,h4,h5,h6{margin: 0;padding:0;list-style: none;font:normal normal 0.28rem/1.5 sans-serif;}
button{font:normal normal 0.28rem/1.5 sans-serif;}
a{color:inherit;text-decoration: none;}
.i100{overflow:hidden;}
.i100>img{width: 100%;}
.i200{overflow: hidden;}
.i200>img{height: 100%;}
.i300{overflow: hidden;}
.i300>img{width: 100%;height: 100%;}
a>img{width: 100%;}
.to1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.a1{position: relative;}
.a1>a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;}
input{border: 0;display: block;outline: none;background: none;box-sizing: border-box;}
select{border: 0;display: block;outline: none;background: none;box-sizing: border-box;}
button{border: 0;display: block;outline: none;background: none;box-sizing: border-box;}
.to2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
.to3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;}
.to4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;white-space: normal;}
.to5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;white-space: normal;}
.to6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;white-space: normal;}
.to7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;white-space: normal;}
.to8{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;white-space: normal;}
.to9{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;white-space: normal;}
.to10{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;white-space: normal;}
textarea{border: 0;display: block;outline: none;background: none;box-sizing: border-box;resize: none;}

@media only screen and (min-width: 1024px) {
    .dh{width: 100%;}
    .dh-a{width: 1200px;height: 115px;margin: 0 auto;}
    .dh-a1{height: 88px;margin-top: calc(115px/2 - 88px/2);float: left;}
    .dh-a3{width: 115px;height: 109px;margin-top: calc(115px/2 - 109px/2);float: right;position:relative;}
    .dh-a3>div{width: 200px;height: 200px;position:absolute;left:calc(50% - 200px/2);top:0;margin:auto;transform:scale(0);z-index:9;transition:0.5s;}
    .dh-a3:hover >div{transform:scale(1);transition:0.5s;}
    .dh-a2{float: right;margin-top: calc(115px/2 - 48px/2);margin-right: 30px;}
    .dh-a21{width: 258px;height: 48px;border: 1px solid #e8e8e8;border-radius: 5px 0 5px 0;float: left;border-right: none;}
    .dh-a21>input{width: 100%;height: 100%;font-size: 16px;padding-left: 10px;}
    .dh-a22{width: 48px;height: 48px;border-radius: 0 5px 5px 0;float: left;background: #bf0031;position: relative;}
    .dh-a22>img{width: 20px;height: 20px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
    .dh-a4{display: none;}
    .dh-a5{display: none;}


    .hd{width: 100%;height: 80px;background: #b9002f;}
    .hd-a{width: 1200px;height: 80px;margin: 0 auto;padding: 0 30px 0 20px;display: flex;align-items: center;justify-content: space-between;}
    .hd-a1{font-size: 24px;line-height: 24px;color: #fff;white-space: nowrap;}
    .hd-a2{width: 1px;height: 45px;background: #b23f5c;margin: 0 50px;}
    .hd-a3>div{font-size: 18px;line-height: 30px;color: #fff;float: left;margin-right: 60px;}
    .hd-a3>div:nth-child(8n){margin-right: 0;}

    .ind1{width: 1200px;margin: 0 auto;margin-top: 50px;}
    .ind1-a{font-size: 30px;line-height: 30px;color: #303030;text-align: center;}
    .ind1-b{display: flex;justify-content: center;margin-top: 15px;align-items: center;}
    .ind1-b>div:nth-child(1){width: calc(100% - 250px);font-size: 16px;line-height: 16px;color: #8e8e8e;margin-right: 30px;}
    .ind1-b>div:nth-child(2){width: 58px;height: 24px;border-radius: 50px;border: 1px solid #d2d2d2;font-size: 12px;text-align: center;line-height: 22px;color: #c6c6c6;}
    .ind2{width: 1200px;margin: 0 auto;margin-top: 30px;}
    .ind2-a{width: 760px;height: 472px;position: relative;float: left;}
    .ind2-swi{width: 100%;height: 100%;}
    .ind2-a1{width: 100%;height: 100%;position: relative;}
    .ind2-a2{width: 100%;height: 45px;background: rgba(0, 0, 0, 0.7);position: absolute;left: 0;bottom: 0;font-size: 15px;line-height: 45px;color: #fff;padding-left: 25px;padding-right: 120px;}
    .ind2-pag{width: max-content !important;position: absolute;left: auto !important;right: 50px;bottom: 0 !important;line-height: 45px;}
    .ind2-pag .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 50%;background: #fff;opacity: 1;transition: 0.5s;}
    .ind2-pag .swiper-pagination-bullet-active{border: 1px solid #5171af;background: #a5002a;transition: 0.5s;}
    .ind2-next{width: 20px;height: 20px;top: auto;bottom: calc(45px/2 - 20px/2);right: 13px;background: url(../img/a5.png) no-repeat 100% 100%;}
    .swiper-button-next:after,.swiper-button-prev:after{content:none;}
    .ind2-b{width: calc(100% - 760px - 20px);float: right;}
    .ind2-b1{width: 100%;display: flex;align-items: center;justify-content: space-between;}
    .ind2-b11{display: flex;align-items: center;}
    .ind2-b11>div:nth-child(1){width: 3px;height: 18px;background: #a6002a;margin-right: 10px;}
    .ind2-b11>div:nth-child(2){font-size: 18px;line-height: 18px;color: #a5002a;font-weight: bold;}
    .ind2-b12{font-size: 14px;line-height: 14px;color: #a8a8a8;}
    .ind2-b2{width: 100%;margin-top: 30px;}
    .ind2-b21{width: 100%;padding: 25px 20px 15px;border-bottom: 1px solid #dfe5ef;transition: 0.5s;}
    .ind2-b22{font-size: 16px;line-height: 16px;color: #363636;padding-left: 15px;position: relative;transition: 0.5s;}
    .ind2-b22>div{width: 6px;height: 6px;border-radius: 50%;position: absolute;left: 0;top: calc(50% - 6px/2);background: #b6b6b6;transition: 0.5s;}
    .ind2-b23{font-size: 14px;line-height: 14px;color: #7c7c7c;margin-top: 12px;}
    .ind2-b21:hover {background: #f5f5f5;transition: 0.5s;}
    .ind2-b21:hover .ind2-b22{color: #a6002a;transition: 0.5s;}
    .ind2-b21:hover .ind2-b22>div{background: #a6002a;transition: 0.5s;}

    .ind3{width: 1200px;margin: 0 auto;margin-top: 30px;}
    .ind3-a{width: calc(50% - 20px);float: left;margin-right: 40px;}
    .ind3>.ind3-a:nth-child(2n){margin-right: 0;}
    .ind3-b{width: 100%;height: 55px;border-bottom: 1px solid #e0e0e0;padding-left: 30px;background: url(../img/a8.png) no-repeat;background-size: 100% auto;background-position: left center;position: relative;}
    .ind3-b1{height: 49px;position: absolute;left: 0;bottom: 0;}
    .ind3-b2{width: 25px;height: 25px;position: absolute;right: 2px;top: calc(50% - 25px/2);}
    .ind3-b3{width: 75px;font-size: 18px;cursor: pointer;line-height: 55px;text-align: center;float: left;position: relative;margin-right: 35px;}
    .ind3-b3>img{width: 100%;height: 6px;position: absolute;left: 0;bottom: -4px;opacity: 0;}
    .ind3-b3.on >img{opacity: 1;}
    .ind3-b3.on{color: #a4002a;}
    .ind3-c{width: 100%;margin-top: 35px;display: none;}
    .ind3-cll >.ind3-c:first-child{display: block;}
    .ind3-c1{width: 100%;margin-bottom: 18px;}
    .ind3-c>.ind3-c1:last-child{margin-bottom: 0;}
    .ind3-c2{width: 220px;height: 122px;float: left;}
    .ind3-c2>img{width: 100%;transition: 0.5s;}
    .ind3-c3{width: calc(100% - 220px - 23px);float: right;}
    .ind3-c31{font-size: 18px;line-height: 18px;margin-top: 5px;transition: 0.5s;}
    .ind3-c32{font-size: 15px;line-height: 28px;color: #5c5c5c;margin-top: 15px;}
    .ind3-c32>span{color: #a4002a;}
    .ind3-c1:hover .ind3-c2>img{transform: scale(1.08);transition: 0.5s;}
    .ind3-c1:hover .ind3-c31{color: #a4002a;transition: 0.5s;}
    .ind3-d{width: 100%;height: 190px;background: #f4f3f3;}
    .ind3-d1{width: 295px;height: 190px;float: left;}
    .ind3-d1>img{width: 100%;transition: 0.5s;}
    .ind3-d2{width: calc(100% - 295px);height: 190px;float: left;padding: 22px 30px 0 20px;position: relative;}
    .ind3-d21{font-size: 16px;line-height: 16px;color: #303030;}
    .ind3-d22{font-size: 14px;line-height: 26px;color: #5b5b5b;margin-top: 10px;}
    .ind3-d23{display: flex;align-items: center;position: absolute;left: 20px;bottom: 24px;}
    .ind3-d23>div:nth-child(1){width: 17px;height: 17px;margin-right: 10px;}
    .ind3-d23>div:nth-child(2){font-size: 14px;line-height: 14px;color: #5b5b5b;}
    .ind3-d:hover .ind3-d1>img{transform: scale(1.08);transition: 0.5s;}
    .ind3-d:hover .ind3-d21{color: #a4002a;transition: 0.5s;}
    .ind3-c .ind2-b21{padding: 20px 0 15px;}
    .ind3-c .ind2-b23{padding-left: 15px;}

    .ind4{width: 1200px;margin: 0 auto;height: 100px;margin-top: 25px;position: relative;}
    .ind4-swi{width: 100%;height: 100px;}
    .ind4-a{width: 100%;height: 100%;}
    .ind4-pag{width: max-content !important;position: absolute;left: auto !important;right: 30px;bottom: 17px !important;line-height: 5px;}
    .ind4-pag .swiper-pagination-bullet{width: 20px;height: 5px;border-radius: 0 !important;background: #fff;opacity: 1;}
    .ind4-pag .swiper-pagination-bullet-active{background: #e2004c;}

    .ind5{width: 1200px;margin: 0 auto;margin-top: 30px;}
    .ind5-a{width: calc(50% - 20px);float: left;margin-right: 40px;}
    .ind5>.ind5-a:nth-child(2n){margin-right: 0;}
    .ind5-b{width: 100%;position: relative;height: 50px;padding-left: 75px;background: url(../img/a15.png) no-repeat;background-size: auto 25px;background-position: right bottom;}
    .ind5-b>img{height: 32px;position: absolute;left: 0;bottom: 0;}
    .ind5-b2{float: left;font-size: 18px;line-height: 50px;margin-right: 32px;position: relative;}
    .ind5-b2>img{width: 100%;height: 6px;position: absolute;left: 0;bottom: -4px;opacity: 0;}
    .ind5-b2.on {color: #a4002a;}
    .ind5-b2.on >img{opacity: 1;}
    .ind5-b3{font-size: 14px;line-height: 14px;color: #a8a8a8;position: absolute;right: 0;bottom: 0;}
    .ind5-cll{width: 100%;margin-top: 33px;}
    .ind5-c{width: 100%;display: none;}
    .ind5-cll>.ind5-c:first-child{display: block;}
    .ind5-c1{width: 100%;}
    .ind5-c2{width: 218px;height: 122px;float: left;}
    .ind5-c3{width: calc(100% - 218px);float: left;padding: 5px 10px 0 25px;}
    .ind5-c31{font-size: 18px;line-height: 18px;}
    .ind5-c32{font-size: 15px;line-height: 28px;color: #5c5c5c;margin-top: 15px;}
    .ind5-c32>span{color: #a4002a;}
    .ind5-c4{width: 100%;margin-top: 25px;padding-left: 24px;position: relative;}
    .ind5-c4>div:nth-child(1){width: 5px;height: 5px;border-radius: 50%;background: #b6b6b6;position: absolute;left: 0;top: calc(50% - 5px/2);}
    .ind5-c4>div:nth-child(2){width: calc(100% - 100px);font-size: 16px;line-height: 16px;color: #454545;float: left;}
    .ind5-c4>div:nth-child(3){font-size: 16px;line-height: 16px;color: #7f7f7f;float: right;}

    .ind6{width: 1200px;margin: 0 auto;margin-top: 60px;}
    .ind6-a{width: 100%;display: flex;align-items: center;justify-content: space-between;}
    .ind6-a1{display: flex;align-items: center;}
    .ind6-a1>div:nth-child(1){width: 3px;height: 20px;background: #a5002a;margin-right: 12px;}
    .ind6-a1>div:nth-child(2){font-size: 18px;line-height: 18px;color: #a4002a;font-weight: bold;}
    .ind6-a2{height: 4px;margin: 0 5px 0 20px;}
    .ind6-a3{font-size: 14px;line-height: 14px;color: #a8a8a8;}
    .ind6-b{width: 100%;margin-top: 35px;}
    .ind6-b1{width: 50%;height: 380px;float: left;position: relative;}
    .ind6-b2{width: 100%;height: 45px;background: rgba(0, 0, 0, 0.7);font-size: 15px;line-height: 45px;color: #ffffff;padding-left: 25px;position: absolute;left: 0;bottom: 0;}
    .ind6-b3{width: 100%;height: 190px;position: relative;}
    .ind6-b31{width: 50%;height: 100%;float: left;}
    .ind6-b31>img{width: 100%;transition: 0.5s;}
    .ind6-b32{width: 50%;height: 100%;float: right;background: #f4f3f3;padding: 25px 25px 0;position: relative;}
    .ind6-b33{font-size: 16px;line-height: 16px;transition: 0.5s;}
    .ind6-b34{font-size: 15px;line-height: 26px;color: #5b5b5b;margin-top: 10px;}
    .ind6-b35{display: flex;align-items: center;position: absolute;left: 25px;bottom: 24px;}
    .ind6-b35>div:nth-child(1){width: 17px;height: 17px;margin-right: 10px;}
    .ind6-b35>div:nth-child(2){font-size: 16px;line-height: 16px;color: #7f7f7f;}
    .ind6-b1>.ind6-b3:nth-child(2n) .ind6-b31{float: right;}
    .ind6-b1>.ind6-b3:nth-child(2n) .ind6-b32{float: left;}

    /* 底部 */
    .fo{width: 1200px;margin: 0 auto;margin-top: 45px;display: flex;justify-content: space-between;}
    .fo1{height: 40px;display: flex;align-items: center;margin-right: 25px;}
    .fo1>div:nth-child(1){width: 3px;height: 20px;background: #a5002a;margin-right: 12px;}
    .fo1>div:nth-child(2){font-size: 18px;line-height: 18px;color: #a4002a;font-weight: bold;white-space: nowrap;}
    .fo2>div{font-size: 16px;line-height: 40px;color: #898989;float: left;margin-right: 30px;}

    .bto{width: 100%;background: #ad002c;margin-top: 35px;}
    .bto-a{width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;padding: 35px 0;}
    .bto-a1{width: 120px;}
    .bto-a2>div{font-size: 14px;line-height: 32px;color: #fff;text-align: center;}
    .bto-a4{float: left;margin-left: 18px;}
    .bto-a41{width: 94px;height: 94px;position:relative;}
    .bto-a41>div{width:200px;height:200px;position:absolute;left:calc(50% - 200px/2);top:calc(50% - 200px/2);margin:auto;transform:scale(0);transition:0.5s;z-index:9;}
    .bto-a41:hover >div{transform:scale(1);transition:0.5s;}
    .bto-a42{font-size: 14px;line-height: 18px;color: #fff;text-align: center;margin-top: 5px;}

    /* 头部 */
    .top{width: 1200px;height: 80px;margin: 0 auto;display: flex;align-items: center;}
    .top1{width: 17px;height: 21px;margin-right: 10px;}
    .top2{font-size: 16px;line-height: 16px;color: #999999;}
    .top2>span{color: #010101;}

    /* 固定 */
    .gd{position: fixed;right: 30px;bottom: 345px;z-index: 9;}
    .gd1{width: 60px;height: 60px;background: #a10029;cursor: pointer;padding-top: 10px;margin-bottom:5px;}
    .gd1>img{width: 17px;height: 17px;margin: 0 auto;}
    .gd1>div{font-size: 14px;line-height: 14px;color: #fff;text-align: center;margin-top: 7px;}
    .gd2{width: 60px;height: 60px;background: #a10029;cursor: pointer;position: relative;}
    .gd2>img{width: 18px;height: 21px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    /* 关于我们 */
    .ab{width: 1200px;background: #fff;padding: 22px;margin: 0 auto;}
    .ab1{width: 250px;float: left;}
    .ab1-a{width: 100%;height: 86px;background: url(../img/a29.png) no-repeat;background-size: 100% 100%;padding-bottom: 6px;display: flex;align-items: center;justify-content: center;}
    .ab1-a>div:nth-child(1){width: 11px;height: 34px;margin-right: 15px;}
    .ab1-a>div:nth-child(2){font-size: 22px;line-height: 22px;color: #fff;}
    .ab1-b{width: 100%;margin-top: 13px;}
    .ab1-c{width: 100%;height: 55px;background: url(../img/a31.png) no-repeat;background-size: 5px 9px;background-position: center right;background-color: #f4f4f4;text-align: center;line-height: 55px;font-size: 18px;margin-bottom: 15px;transition: 0.5s;}
    .ab1-c:hover {color: #a5002a;background: url(../img/a32.png) no-repeat;background-size: 5px 9px;background-position: center right;background-color: #f4f4f4;transition: 0.5s;}
    .ab1-c.on {color: #a5002a;background: url(../img/a32.png) no-repeat;background-size: 5px 9px;background-position: center right;background-color: #f4f4f4;transition: 0.5s;}
    .ab1-b>.ab1-c:last-child{margin-bottom: 0;}
    .ab2{width: calc(100% - 250px - 40px);float: right;}
    .ab2-a{width: 100%;height: 80px;border-bottom: 1px solid #f4f4f4;}
    .ab2-a>div{width: max-content;padding: 0 6px;height: 80px;font-size: 22px;line-height: 80px;color: #000000;font-weight: bold;border-bottom: 4px solid #a3002a;}
    .ab2-b{width: 100%;padding: 60px 0;}
    .ab2-b1{font-size: 18px;line-height: 18px;color: #303030;text-align: center;font-weight: bold;}
    .ab2-b2{font-size: 21px;line-height: 36px;color: #666666;margin-top: 30px;}
    .ab2-b2 p{font-size: 21px !important;line-height: 36px !important;}
    .ab2-b2 span{font-size: 21px !important;line-height: 36px !important;}

    /* 华夏乐展 */
    .yz{width: 1200px;margin: 0 auto;background: #fff;padding: 35px 22px 30px;}
    .yz1{width: 175px;height: 56px;background: #a4002a;color: #fff;line-height: 56px;text-align: center;font-size: 22px;margin: 0 auto;}
    .yz2{width: 100%;border-radius: 10px;border: 1px solid #ededed;overflow: hidden;margin-top: 50px;}
    .yz2-a{width: calc(100% - 580px);height: 350px;padding: 0 85px 0 65px;float: left;display: table;}
    .yz2-b{width: 580px;height: 350px;float: right;}
    .yz2-b>img{width: 100%;transition: 0.5s;}
    .yz2-a1{display: table-cell;vertical-align: middle;}
    .yz2-a2{width: 57px;height: 34px;}
    .yz2-a3{font-size: 18px;line-height: 18px;color: #10132a;margin-top: 37px;transition: 0.5s;}
    .yz2-a4{font-size: 14px;line-height: 28px;color: #666871;margin-top: 17px;}
    .yz2-a5{display: flex;align-items: center;margin-top: 27px;}
    .yz2-a5>div:nth-child(1){width: 17px;height: 17px;margin-right: 10px;}
    .yz2-a5>div:nth-child(2){font-size: 16px;line-height: 16px;color: #7f7f7f;}
    .yz2:hover .yz2-b>img{transform: scale(1.08);transition: 0.5s;}
    .yz2:hover .yz2-a3{color: #a10029;transition: 0.5s;}
    .yz3{width: 100%;border-radius: 10px;border: 1px solid #e9e9e9;margin-top: 27px;padding: 10px;}
    .yz3-a{width: 277px;height: 200px;float: left;}
    .yz3-a>img{width: 100%;transition: 0.5s;}
    .yz3-b{width: calc(100% - 277px - 43px);height: 200px;float: left;margin-left: 43px;display: table;padding-right: 33px;}
    .yz3-b1{display: table-cell;vertical-align: middle;}
    .yz3-b2{font-size: 18px;line-height: 18px;color: #000000;transition: 0.5s;}
    .yz3-b3{font-size: 14px;line-height: 28px;color: #6d7081;margin-top: 15px;}
    .yz3-b4{display: flex;align-items: center;margin-top: 16px;}
    .yz3-b4>div:nth-child(1){width: 17px;height: 17px;margin-right: 16px;}
    .yz3-b4>div:nth-child(2){font-size: 16px;line-height: 16px;color: #7f7f7f;}
    .yz3:hover  .yz3-a>img{transform: scale(1.08);transition: 0.5s;}
    .yz3:hover .yz3-b2{color: #a10029;transition: 0.5s;}

    /* 分页 */
    .page{width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 30px;}
    .page a{display: block;min-width: 33px;padding: 0 7px;font-size: 14px;line-height: 33px;text-align: center;color: #323232;background: #f4f4f4;margin-right: 7px;transition: 0.5s;}
    .page a:hover {background: #a4002a;color: #fff;transition: 0.5s;}
    .page a.page_active {background: #a4002a;color: #fff;transition: 0.5s;}
    .page>.page a:last-child{margin-right: 0;}

    /* 产品分类 */
    .cp{width: 100%;margin-top: 55px;}
    .cp1{width: calc((100% - 30px*2)/3);border: 1px solid #f5f5f5;float: left;margin-right: 30px;margin-bottom: 30px;}
    .cp>.cp1:nth-child(3n){margin-right: 0;}
    .cp2{width: 100%;height: 230px;}
    .cp2>img{width: 100%;transition: 0.5s;}
    .cp3{width: 100%;padding: 18px 0;background: #f5f5f5;}
    .cp3>div:nth-child(1){font-size: 16px;line-height: 16px;color: #a3002a;text-align: center;}
    .cp3>div:nth-child(2){font-size: 14px;line-height: 14px;color: #272727;text-align: center;margin-top: 10px;}
    .cp1:hover .cp2>img{transform: scale(1.08);transition: 0.5s;}

    /* 产品详情 */
    .mc1{width: 100%;height: 80px;border-bottom: 1px solid #f4f4f4;text-align: center;line-height: 80px;font-size: 26px;font-weight: bold;}
    .mc2{width: 100%;margin-top: 35px;}
    .mc21{width: 100%;}
    .mc21 img{max-width: 100%;height:auto !important;}
    .mc22{width: max-content;padding: 0 20px;line-height: 42px;font-size: 16px;color: #fff;border-radius: 5px;background: linear-gradient(to right,#a10029,#ce0135);margin-top: 35px;}
    .mc23{font-size: 16px;line-height: 36px;color: #666666;margin-top: 20px;}
    .mc24{width: 130px;height: 50px;border: 1px solid #e0e0e0;background: #f4f4f4;font-size: 16px;line-height: 48px;color: #515151;text-align: center;margin: 0 auto;margin-top: 60px;}

    /* 乐器维修 */
    .wx{width: 100%;margin-top: 55px;}
    .wx1{width: 100%;height: 190px;margin-bottom: 18px;}
    .wx1 >.ind6-b31{width: 300px;}
    .wx1 >.ind6-b32{width: calc(100% - 300px);}
    .wx1:hover .ind6-b31>img{transform: scale(1.08);transition: 0.5s;}
    .wx1:hover .ind6-b33{color: #a3002a;transition: 0.5s;}

    /* 联系我们 */
    .lx1{width: 100%;margin-top: 75px;display: flex;justify-content: space-between;align-items: center;padding: 0 50px;}
    .lx1-a1{font-size: 24px;line-height: 24px;color: #666666;font-weight: bold;}
    .lx1-a2{margin-top: 16px;}
    .lx1-a2>div{font-size: 16px;line-height: 48px;color: #666666;}
    .lx1-b>.lx1-b1:last-child{margin-right: 0;}
    .lx1-b1{float: left;margin-right: 40px;}
    .lx1-b1>img{width: 118px;height: 118px;margin: 0 auto;}
    .lx1-b1>div{font-size: 16px;line-height: 16px;color: #484848;margin-top: 20px;text-align: center;}
    .lx2{width: calc(100% - 50px*2);margin: 0 auto;margin-top: 40px;border-top: 1px solid #e2e2e2;padding-top: 40px;}
    .lx21{display: flex;align-items: center;}
    .lx21>div:nth-child(1){width: 3px;height: 23px;background: #a4002a;margin-right: 20px;}
    .lx21>div:nth-child(2){font-size: 24px;line-height: 24px;color: #a4002a;font-weight: bold;}
    .lx22{font-size: 16px;line-height: 48px;color: #666666;white-space: pre-wrap;}

    /* 弹窗 */
    .tc{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.7);z-index: 99;display: none;}
    .tc1{width: 825px;padding: 70px 55px 130px;height: max-content;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;border-radius: 5px;background: #fff;}
    .tc2{width: 30px;height: 30px;cursor: pointer;position: absolute;right: -3px;top: -3px;}
    .tc3{font-size: 36px;line-height: 36px;color: #000000;font-weight: bold;text-align: center;}
    .tc4{width: 100%;margin-top: 77px;}
    .tc41{width: calc(50% - 3px);height: 55px;border: 1px solid #dfdfdf;background: #f4f4f4;float: left;position: relative;margin-right: 6px;}
    .tc4>.tc41:nth-child(2n){margin-right: 0;}
    .tc41>input{width: 100%;height: 100%;font-size: 14px;padding-left: 10px;}
    .tc41>div{font-size: 14px;line-height: 50px;color: #ff0000;position: absolute;left: 10px;top: 0;}
    .tc5{width: 100%;height: 55px;border: 1px solid #dfdfdf;background: #f4f4f4;margin-top: 15px;}
    .tc5>input{width: 100%;height: 100%;padding-left: 10px;font-size: 14px;}
    .tc5>textarea{width: 100%;height: 100%;font-size: 14px;padding: 0 10px;line-height: 54px;}
    .tc6{height: 165px;}
    .tc7{width: 170px;height: 45px;display: flex;justify-content: center;cursor: pointer;align-items: center;margin: 0 auto;margin-top: 42px;background: linear-gradient(to right,#a10029,#ce0135);}
    .tc7>div:nth-child(1){font-size: 16px;line-height: 16px;color: #fff;margin-right: 8px;}
    .tc7>div:nth-child(2){width: 16px;height: 8px;transition: 0.5s;}
    .tc7:hover >div:nth-child(2){transform: translateX(10px);transition: 0.5s;}

    /* 美誉普及 */
    .pj{width: 100%;margin-top: 50px;}
    .pj1{width: 100%;height: 100px;border: 1px solid #e0e0e0;margin-bottom: 20px;}
    .pj2{width: 100px;height: 100%;float: left;border-right: 1px solid #e0e0e0;display: flex;flex-direction: column;justify-content: center;transition: 0.5s;}
    .pj2>div:nth-child(1){font-size: 30px;line-height: 30px;text-align: center;font-weight: bold;color: #000000;transition: 0.5s;}
    .pj2>div:nth-child(2){width: 36px;height: 1px;background: #e4a100;margin: 0 auto;margin-top: 12px;transition: 0.5s;}
    .pj2>div:nth-child(3){font-size: 16px;line-height: 16px;color: #000000;text-align: center;margin-top: 14px;transition: 0.5s;}
    .pj3{width: calc(100% - 100px);height: 100%;float: left;display: flex;flex-direction: column;justify-content: center;padding: 0 50px;transition: 0.5s;}
    .pj31{font-size: 18px;line-height: 18px;color: #303030;transition: 0.5s;}
    .pj32{font-size: 16px;line-height: 24px;color: #656565;margin-top: 16px;}
    .pj1:hover .pj2{background: linear-gradient(to right,#a10029,#ce0135);transition: 0.5s;}
    .pj1:hover .pj2>div:nth-child(1),.pj1:hover .pj2>div:nth-child(3){color: #fff;transition: 0.5s;}
    .pj1:hover .pj2>div:nth-child(2){background: #fff;transition: 0.5s;}
    .pj1:hover .pj3{background: #fcf2f5;transition: 0.5s;}
    .pj1:hover .pj31{color: #a3002a;transition: 0.5s;}

    .xq1{font-size: 26px;line-height: 40px;color: #000000;text-align: center;font-weight: bold;}
    .xq2{font-size: 14px;line-height: 14px;color: #adacac;text-align: center;margin-top: 18px;}
    .xq3{width: 100%;border-top: 1px solid #e1e1e1;margin-top: 25px;padding-top: 35px;font-size: 21px;line-height: 36px;color: #666666;}
    .xq3 p{font-size: 21px !important;line-height: 36px !important;}
    .xq3 span{font-size: 21px !important;line-height: 36px !important;}
    .xq3 img{max-width: 100%;height: auto !important;display: inline !important;}
    .xq4{margin-top: 63px;}

    .qttt{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.6);z-index: 9;display: none;}
    .qt-off{width: 45px;height: 45px;position: absolute;right: 40px;top: 40px;}
    .qttt>img{max-width: 500px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
    
    
    .pc{display:block;}
    .phone{display:none;}
}
@media only screen and (max-width: 1023px) {
    
    .pc{display:none; }
    .phone{display:block;}
    
    .qttt{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.6);z-index: 9;display: none;}
    .qt-off{width: .45rem;height: .45rem;position: absolute;right: .2rem;top: .2rem;}
    .qttt>img{width: calc(100% - 0.5rem*2);position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}


    .dh{width: 100%;height: 1.15rem;background: #fff;}
    .dh.on{position: fixed;left: 0;top: 0;z-index: 9;}
    .dh-a{width: calc(100% - 0.3rem*2);height: 1.15rem;margin: 0 auto;}
    .dh-a1{height: .88rem;margin-top: calc(1.15rem/2 - .88rem/2);float: left;}
    .dh-a3{width: 115px;height: 109px;margin-top: calc(115px/2 - 109px/2);float: right;display: none;}
    .dh-a3>div{display:none;}
    .dh-a2{position: fixed;right: 0.3rem;top: 1.45rem;z-index: 9;display: none;}
    .dh-a21{width: 2.58rem;height: .48rem;border: .01rem solid #e8e8e8;background: #fff;border-radius: .05rem 0 .05rem 0;float: left;border-right: none;}
    .dh-a21>input{width: 100%;height: 100%;font-size: .24rem;padding-left: .1rem;}
    .dh-a22{width: .48rem;height: .48rem;border-radius: 0 .05rem .05rem 0;float: left;background: #bf0031;position: relative;}
    .dh-a22>img{width: .2rem;height: .2rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
    .dh-a4{width: .35rem;height: .35rem;float: right;margin-top: calc(1.15rem/2 - .35rem/2);}
    .dh-a5{width: .35rem;height: .35rem;float: right;margin-top: calc(1.15rem/2 - .35rem/2);margin-right: .3rem;}

    .hd{width: 100%;height: calc(100% - 1.15rem);background: #fff;position: fixed;z-index: 99;left: 0;top: 1.15rem;display: none;}
    .hd-a{width: 100%;}
    .hd-a1{font-size: .28rem;line-height: .7rem;color: #bf0031;text-align: center;}
    .hd-a2{}
    .hd-a3>div{width: 25%;float: left;font-size: .28rem;line-height: .7rem;color: #bf0031;text-align: center;}

    .ind1{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: .5rem;}
    .ind1-a{font-size: .3rem;line-height: .3rem;color: #303030;text-align: center;}
    .ind1-b{display: flex;justify-content: center;margin-top: .15rem;}
    .ind1-b>div:nth-child(1){width: calc(100% - 1.3rem);font-size: .24rem;line-height: .24rem;color: #8e8e8e;margin-right: .3rem;}
    .ind1-b>div:nth-child(2){width: 1rem;height: .3rem;border-radius: .5rem;border: .01rem solid #d2d2d2;font-size: .2rem;text-align: center;line-height: .28rem;color: #c6c6c6;}
    .ind2{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: .3rem;}
    .ind2-a{width: 100%;height: 4.72rem;position: relative;}
    .ind2-swi{width: 100%;height: 100%;}
    .ind2-a1{width: 100%;height: 100%;position: relative;}
    .ind2-a2{width: 100%;height: .6rem;background: rgba(0, 0, 0, 0.7);position: absolute;left: 0;bottom: 0;font-size: .24rem;line-height: .6rem;color: #fff;padding:0 1rem 0 0.25rem;}
    .ind2-pag{width: max-content !important;position: absolute;left: auto !important;right: .5rem;bottom: 0 !important;line-height: .6rem;}
    .ind2-pag .swiper-pagination-bullet{width: .12rem;height: .12rem;border-radius: 50%;background: #fff;opacity: 1;transition: 0.5s;}
    .ind2-pag .swiper-pagination-bullet-active{border: .01rem solid #5171af;background: #a5002a;transition: 0.5s;}
    .ind2-next{width: .3rem;height: .3rem;top: auto;bottom: calc(.6rem/2 - .3rem/2);right: .13rem;background: url(../img/a5.png) no-repeat;background-size: 100% 100%;}
    .swiper-button-next:after,.swiper-button-prev:after{content:none;}
    .ind2-b{width: 100%;margin-top: .3rem;}
    .ind2-b1{width: 100%;display: flex;align-items: center;justify-content: space-between;}
    .ind2-b11{display: flex;align-items: center;}
    .ind2-b11>div:nth-child(1){width: .05rem;height: .26rem;background: #a6002a;margin-right: .1rem;}
    .ind2-b11>div:nth-child(2){font-size: .26rem;line-height: .26rem;color: #a5002a;font-weight: bold;}
    .ind2-b12{font-size: .24rem;line-height: .24rem;color: #a8a8a8;}
    .ind2-b2{width: 100%;margin-top: .3rem;}
    .ind2-b21{width: 100%;padding: .25rem .2rem .15rem;border-bottom: .01rem solid #dfe5ef;transition: 0.5s;}
    .ind2-b22{font-size: .26rem;line-height: .26rem;color: #363636;padding-left: .15rem;position: relative;transition: 0.5s;}
    .ind2-b22>div{width: .06rem;height: .06rem;border-radius: 50%;position: absolute;left: 0;top: calc(50% - .06rem/2);background: #b6b6b6;transition: 0.5s;}
    .ind2-b23{font-size: .24rem;line-height: .24rem;color: #7c7c7c;margin-top: .12rem;}
    .ind2-b21:hover {background: #f5f5f5;transition: 0.5s;}
    .ind2-b21:hover .ind2-b22{color: #a6002a;transition: 0.5s;}
    .ind2-b21:hover .ind2-b22>div{background: #a6002a;transition: 0.5s;}

    .ind3{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: .3rem;}
    .ind3-a{width: 100%;}
    .ind3>.ind3-a:nth-child(2n){margin-top: .3rem;}
    .ind3-b{width: 100%;height: .55rem;border-bottom: .01rem solid #e0e0e0;padding-left: .3rem;background: url(../img/a8.png) no-repeat;background-size: 100% auto;background-position: left center;position: relative;}
    .ind3-b1{height: .49rem;position: absolute;left: 0;bottom: 0;}
    .ind3-b2{width: .35rem;height: .35rem;position: absolute;right: .02rem;top: calc(50% - .35rem/2);}
    .ind3-b3{width: auto;font-size: .26rem;cursor: pointer;line-height: .55rem;text-align: center;float: left;position: relative;margin-right: 35px;}
    .ind3-b3>img{width: 100%;height: .06rem;position: absolute;left: 0;bottom: -0.04rem;opacity: 0;}
    .ind3-b3.on >img{opacity: 1;}
    .ind3-b3.on{color: #a4002a;}
    .ind3-c{width: 100%;margin-top: .35rem;display: none;}
    .ind3-cll >.ind3-c:first-child{display: block;}
    .ind3-c1{width: 100%;margin-bottom: .18rem;}
    .ind3-c>.ind3-c1:last-child{margin-bottom: 0;}
    .ind3-c2{width: 2.2rem;height: 1.22rem;float: left;}
    .ind3-c2>img{width: 100%;transition: 0.5s;}
    .ind3-c3{width: calc(100% - 2.2rem - .23rem);float: right;}
    .ind3-c31{font-size: .26rem;line-height: .26rem;margin-top: .05rem;transition: 0.5s;}
    .ind3-c32{font-size: .23rem;line-height: .34rem;color: #5c5c5c;margin-top: .15rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
    .ind3-c32>span{color: #a4002a;}
    .ind3-c1:hover .ind3-c2>img{transform: scale(1.08);transition: 0.5s;}
    .ind3-c1:hover .ind3-c31{color: #a4002a;transition: 0.5s;}
    .ind3-d{width: 100%;height: 1.9rem;background: #f4f3f3;}
    .ind3-d1{width: 2.95rem;height: 1.9rem;float: left;}
    .ind3-d1>img{width: 100%;transition: 0.5s;}
    .ind3-d2{width: calc(100% - 2.95rem);height: 1.9rem;float: left;padding: 0.22rem .3rem 0 .2rem;position: relative;}
    .ind3-d21{font-size: .26rem;line-height: .26rem;color: #303030;}
    .ind3-d22{font-size: .24rem;line-height: .34rem;color: #5b5b5b;margin-top: .1rem;-webkit-line-clamp: 2;}
    .ind3-d23{display: flex;align-items: center;position: absolute;left: .2rem;bottom: .2rem;}
    .ind3-d23>div:nth-child(1){width: .3rem;height: .3rem;margin-right: .1rem;}
    .ind3-d23>div:nth-child(2){font-size: .24rem;line-height: .24rem;color: #5b5b5b;}
    .ind3-d:hover .ind3-d1>img{transform: scale(1.08);transition: 0.5s;}
    .ind3-d:hover .ind3-d21{color: #a4002a;transition: 0.5s;}
    .ind3-c .ind2-b21{padding: .2rem 0 .15rem;}
    .ind3-c .ind2-b23{padding-left: .15rem;}

    .ind4{width: calc(100% - 0.3rem*2);margin: 0 auto;height: 1rem;margin-top: .25rem;position: relative;}
    .ind4-swi{width: 100%;height: 1rem;}
    .ind4-a{width: 100%;height: 100%;}
    .ind4-pag{width: max-content !important;position: absolute;left: auto !important;right: .3rem;bottom: .17rem !important;line-height: .05rem;}
    .ind4-pag .swiper-pagination-bullet{width: .2rem;height: .05rem;border-radius: 0 !important;background: #fff;opacity: 1;}
    .ind4-pag .swiper-pagination-bullet-active{background: #e2004c;}

    .ind5{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: .3rem;}
    .ind5-a{width: 100%;}
    .ind5>.ind5-a:nth-child(2n){margin-top: 0.3rem;}
    .ind5-b{width: 100%;position: relative;height: .5rem;padding-left: .75rem;background: url(../img/a15.png) no-repeat;background-size: auto .25rem;background-position: right bottom;}
    .ind5-b>img{height: .32rem;position: absolute;left: 0;bottom: 0;}
    .ind5-b2{float: left;font-size: .26rem;line-height: .5rem;margin-right: .32rem;position: relative;}
    .ind5-b2>img{width: 100%;height: .06rem;position: absolute;left: 0;bottom: -0.04rem;opacity: 0;}
    .ind5-b2.on {color: #a4002a;}
    .ind5-b2.on >img{opacity: 1;}
    .ind5-b3{font-size: .2rem;line-height: .24rem;color: #a8a8a8;position: absolute;right: 0;bottom: 0;}
    .ind5-cll{width: 100%;margin-top: .33rem;}
    .ind5-c{width: 100%;display: none;}
    .ind5-cll>.ind5-c:first-child{display: block;}
    .ind5-c1{width: 100%;}
    .ind5-c2{width: 2.18rem;height: 1.22rem;float: left;}
    .ind5-c3{width: calc(100% - 2.18rem);float: left;padding: .05rem .1rem 0 .25rem;}
    .ind5-c31{font-size: .26rem;line-height: .26rem;}
    .ind5-c32{font-size: .24rem;line-height: .32rem;color: #5c5c5c;margin-top: .15rem;-webkit-line-clamp: 2;}
    .ind5-c32>span{color: #a4002a;}
    .ind5-c4{width: 100%;margin-top: .25rem;padding-left: .24rem;position: relative;}
    .ind5-c4>div:nth-child(1){width: .05rem;height: .05rem;border-radius: 50%;background: #b6b6b6;position: absolute;left: 0;top: calc(50% - .05rem/2);}
    .ind5-c4>div:nth-child(2){width: calc(100% - 1.5rem);font-size: .24rem;line-height: .24rem;color: #454545;float: left;}
    .ind5-c4>div:nth-child(3){font-size: .24rem;line-height: .24rem;color: #7f7f7f;float: right;}

    .ind6{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: .6rem;}
    .ind6-a{width: 100%;display: flex;align-items: center;justify-content: space-between;}
    .ind6-a1{display: flex;align-items: center;}
    .ind6-a1>div:nth-child(1){width: .05rem;height: .26rem;background: #a5002a;margin-right: .12rem;}
    .ind6-a1>div:nth-child(2){font-size: .26rem;line-height: .26rem;color: #a4002a;font-weight: bold;}
    .ind6-a2{width: calc(100% - 2.5rem);height:4px;margin: 0 .05rem 0 .2rem;overflow: hidden;}
    .ind6-a2>img{width: auto;height: 100%;}
    .ind6-a3{font-size: .24rem;line-height: .24rem;color: #a8a8a8;}
    .ind6-b{width: 100%;margin-top: .35rem;}
    .ind6-b1{width: 100%;height: 3.8rem;position: relative;}
    .ind6-b2{width: 100%;height: .6rem;background: rgba(0, 0, 0, 0.7);font-size: .24rem;line-height: .6rem;color: #ffffff;padding-left: .25rem;position: absolute;left: 0;bottom: 0;}
    .ind6-b3{width: 100%;height: 1.9rem;position: relative;}
    .ind6-b31{width: 50%;height: 100%;float: left;}
    .ind6-b31>img{width: 100%;transition: 0.5s;}
    .ind6-b32{width: 50%;height: 100%;float: right;background: #f4f3f3;padding: .25rem .25rem 0;position: relative;}
    .ind6-b33{font-size: .26rem;line-height: .26rem;transition: 0.5s;}
    .ind6-b34{font-size: .24rem;line-height: .34rem;color: #5b5b5b;margin-top: .1rem;-webkit-line-clamp: 2;}
    .ind6-b35{display: flex;align-items: center;position: absolute;left: .25rem;bottom: .17rem;}
    .ind6-b35>div:nth-child(1){width: .3rem;height: .3rem;margin-right: .1rem;}
    .ind6-b35>div:nth-child(2){font-size: .24rem;line-height: .24rem;color: #7f7f7f;}
    .ind6-b1>.ind6-b3:nth-child(2n) .ind6-b31{float: right;}
    .ind6-b1>.ind6-b3:nth-child(2n) .ind6-b32{float: left;}

    /* 底部 */
    .fo{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: .45rem;display: flex;justify-content: space-between;}
    .fo1{height: .4rem;display: flex;align-items: center;margin-right: .25rem;}
    .fo1>div:nth-child(1){width: .05rem;height: .26rem;background: #a5002a;margin-right: .12rem;}
    .fo1>div:nth-child(2){font-size: .26rem;line-height: .26rem;color: #a4002a;font-weight: bold;white-space: nowrap;}
    .fo2>div{font-size: .24rem;line-height: .4rem;color: #898989;float: left;margin-right: .3rem;}

    .bto{width: 100%;background: #ad002c;margin-top: .35rem;}
    .bto-a{width: calc(100% - 0.3rem*2);margin: 0 auto;padding: .35rem 0;}
    .bto-a1{width: 1.2rem;margin: 0 auto;}
    .bto-a2{margin-top: .3rem;}
    .bto-a2>div{font-size: .26rem;line-height: .4rem;color: #fff;text-align: center;}
    .bto-a3{width: max-content;margin: 0 auto;margin-top: .3rem;}
    .bto-a4{float: left;margin-left: .3rem;}
    .bto-a3>.bto-a4:first-child{margin-left: 0;}
    .bto-a41{width: 2rem;height: 2rem;position:relative;}
    .bto-a41>div{
        display:none;
        width: 3.4rem;
        height: 3.4rem;
        position: absolute;
        top: -0.7rem;
        right: 0;
        z-index: 20;
    }
    .bto-a41>div img{
        width: 100%;
        height: 100%;
    }
    .bto-a41:hover >div{
        display:block;
        
    }
    .bto-a42{font-size: .24rem;line-height: .3rem;color: #fff;text-align: center;margin-top: .05rem;}

    /* 头部 */
    .top{width: calc(100% - 0.3rem*2);height: .8rem;margin: 0 auto;display: flex;align-items: center;}
    .top1{width: .34rem;height: .42rem;margin-right: .1rem;}
    .top1 img{width:100%;height:100%;}
    .top2{font-size: .24rem;line-height: .24rem;color: #999999;}
    .top2>span{color: #010101;}

    /* 固定 */
    .gd{position: fixed;right: 0.3rem;bottom: 0.5rem;z-index: 9;}
    .gd1{width: .8rem;height: .8rem;background: #a10029;cursor: pointer;padding-top: .1rem;margin-bottom:0.1rem;}
    .gd1>img{width: .34rem;height: .34rem;margin: 0 auto;}
    .gd1>div{font-size: .2rem;line-height: .2rem;color: #fff;text-align: center;margin-top: .07rem;}
    .gd2{width: .8rem;height: .8rem;background: #a10029;cursor: pointer;position: relative;}
    .gd2>img{width: .36rem;height: .42rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    /* 关于我们 */
    .ab{width: calc(100% - 0.3rem*2);background: #fff;padding: .22rem;margin: 0 auto;}
    .ab1{width: 100%;}
    .ab1-a{width: 100%;height: .86rem;background: url(../img/a29.png) no-repeat;background-size: 100% auto;padding-bottom: .06rem;display: flex;align-items: center;justify-content: center;}
    .ab1-a>div:nth-child(1){width: .22rem;height: .68rem;margin-right: .15rem;}
    .ab1-a>div:nth-child(2){font-size: .3rem;line-height: .3rem;color: #fff;}
    .ab1-b{width: 100%;margin-top: .13rem;}
    .ab1-b:after {content:"";display: block;clear:both;}
    .ab1-c{width: calc(50% - 0.1rem);float: left;margin-right: .2rem;height: .55rem;background: url(../img/a31.png) no-repeat;background-size: .05rem .09rem;background-position: center right;background-color: #f4f4f4;text-align: center;line-height: .55rem;font-size: .26rem;margin-bottom: .15rem;transition: 0.5s;}
    .ab1-c:hover {color: #a5002a;background: url(../img/a32.png) no-repeat;background-size: .05rem .09rem;background-position: center right;background-color: #f4f4f4;transition: 0.5s;}
    .ab1-c.on {color: #a5002a;background: url(../img/a32.png) no-repeat;background-size: .05rem .09rem;background-position: center right;background-color: #f4f4f4;transition: 0.5s;}
    .ab1-b>.ab1-c:nth-child(2n){margin-right: 0;}
    .ab2{width: 100%;margin-top: .3rem;}
    .ab2-a{width: 100%;height: .8rem;border-bottom: .01rem solid #f4f4f4;}
    .ab2-a>div{width: max-content;padding: 0 .06rem;height: .8rem;font-size: .3rem;line-height: .8rem;color: #000000;font-weight: bold;border-bottom: .04rem solid #a3002a;}
    .ab2-b{width: 100%;padding: .6rem 0;}
    .ab2-b1{font-size: .26rem;line-height: .26rem;color: #303030;text-align: center;font-weight: bold;}
    .ab2-b2{font-size: .26rem;line-height: .42rem;color: #666666;margin-top: .3rem;}
    .ab2-b2 p{font-size: .26rem !important;line-height: .42rem !important;}
    .ab2-b2 span{font-size: .26rem !important;line-height: .42rem !important;}

    /* 华夏乐展 */
    .yz{width: calc(100% - 0.3rem*2);margin: 0 auto;background: #fff;padding: .35rem .22rem .3rem;}
    .yz1{width: 1.75rem;height: .56rem;background: #a4002a;color: #fff;line-height: .56rem;text-align: center;font-size: .3rem;margin: 0 auto;}
    .yz2{width: 100%;border-radius: .1rem;border: .01rem solid #ededed;overflow: hidden;margin-top: .5rem;}
    .yz2-a{width: 100%;padding:.3rem;}
    .yz2-b{width: 100%;height: 3.5rem;}
    .yz2-b>img{width: 100%;transition: 0.5s;}
    .yz2-a1{width: 100%;}
    .yz2-a2{width: .57rem;height: .34rem;}
    .yz2-a3{font-size: .26rem;line-height: .26rem;color: #10132a;margin-top: .3rem;transition: 0.5s;}
    .yz2-a4{font-size: .24rem;line-height: .36rem;color: #666871;margin-top: .17rem;}
    .yz2-a5{display: flex;align-items: center;margin-top: .2rem;}
    .yz2-a5>div:nth-child(1){width: .3rem;height: .3rem;margin-right: .1rem;}
    .yz2-a5>div:nth-child(2){font-size: .24rem;line-height: .24rem;color: #7f7f7f;}
    .yz2:hover .yz2-b>img{transform: scale(1.08);transition: 0.5s;}
    .yz2:hover .yz2-a3{color: #a10029;transition: 0.5s;}
    .yz3{width: 100%;border-radius: .1rem;border: .01rem solid #e9e9e9;margin-top: .27rem;padding: .1rem;}
    .yz3-a{width: 2.77rem;height: 2rem;float: left;}
    .yz3-a>img{width: 100%;transition: 0.5s;}
    .yz3-b{width: calc(100% - 2.77rem - .2rem);height: 2rem;float: left;display: flex;flex-direction: column;justify-content: center;margin-left: .2rem;}
    .yz3-b1{width: 100%;}
    .yz3-b2{font-size: .26rem;line-height: .26rem;color: #000000;transition: 0.5s;}
    .yz3-b3{font-size: .24rem;line-height: .4rem;color: #6d7081;margin-top: .15rem;}
    .yz3-b4{display: flex;align-items: center;margin-top: .15rem;}
    .yz3-b4>div:nth-child(1){width: .3rem;height: .3rem;margin-right: .15rem;}
    .yz3-b4>div:nth-child(2){font-size: .24rem;line-height: .24rem;color: #7f7f7f;}
    .yz3:hover  .yz3-a>img{transform: scale(1.08);transition: 0.5s;}
    .yz3:hover .yz3-b2{color: #a10029;transition: 0.5s;}

    /* 分页 */
    .page{width: 100%;display: flex;align-items: center;justify-content: center;margin-top: .3rem;}
    .page a{min-width: .4rem;padding: 0 .07rem;font-size: .22rem;line-height: .4rem;text-align: center;color: #323232;background: #f4f4f4;margin-right: .07rem;transition: 0.5s;}
    .page a:hover {background: #a4002a;color: #fff;transition: 0.5s;}
    .page a.page_active {background: #a4002a;color: #fff;transition: 0.5s;}
    .page>.page a:last-child{margin-right: 0;}

    /* 产品分类 */
    .cp{width: 100%;margin-top: .55rem;}
    .cp1{width: calc((100% - .3rem)/2);border: .01rem solid #f5f5f5;float: left;margin-right: .3rem;margin-bottom: .3rem;}
    .cp>.cp1:nth-child(2n){margin-right: 0;}
    .cp2{width: 100%;height: 2.3rem;}
    .cp2>img{width: 100%;transition: 0.5s;}
    .cp3{width: 100%;padding: .18rem 0;background: #f5f5f5;}
    .cp3>div:nth-child(1){font-size: .26rem;line-height: .26rem;color: #a3002a;text-align: center;}
    .cp3>div:nth-child(2){font-size: .24rem;line-height: .24rem;color: #272727;text-align: center;margin-top: .1rem;}
    .cp1:hover .cp2>img{transform: scale(1.08);transition: 0.5s;}

    /* 产品详情 */
    .mc1{width: 100%;padding:0.2rem 0;border-bottom: .01rem solid #f4f4f4;text-align: center;line-height: .42rem;font-size: .34rem;font-weight: bold;}
    .mc2{width: 100%;margin-top: .35rem;}
    .mc21{width: 100%;margin: 0 auto;}
    .mc21 img{max-width: 100%;height:auto !important;}
    .mc22{width: max-content;padding: 0 .2rem;line-height: .42rem;font-size: .24rem;color: #fff;border-radius: .05rem;background: linear-gradient(to right,#a10029,#ce0135);margin-top: .35rem;}
    .mc23{font-size: .24rem;line-height: .42rem;color: #666666;margin-top: .2rem;}
    .mc23 img{max-width:100%;height:auto !important;}
    .mc24{width: 1.3rem;height: .5rem;border: .01rem solid #e0e0e0;background: #f4f4f4;font-size: .24rem;line-height: .48rem;color: #515151;text-align: center;margin: 0 auto;margin-top: .6rem;}

    /* 乐器维修 */
    .wx{width: 100%;margin-top: .55rem;}
    .wx1{width: 100%;height: 1.9rem;margin-bottom: .18rem;}
    .wx1 >.ind6-b31{width: 3rem;}
    .wx1 >.ind6-b32{width: calc(100% - 3rem);}
    .wx1:hover .ind6-b31>img{transform: scale(1.08);transition: 0.5s;}
    .wx1:hover .ind6-b33{color: #a3002a;transition: 0.5s;}

    /* 联系我们 */
    .lx1{width: 100%;margin-top: .75rem;padding: 0 .3rem;}
    .lx1-a1{font-size: .32rem;line-height: .32rem;color: #666666;font-weight: bold;}
    .lx1-a2{margin-top: .16rem;}
    .lx1-a2>div{font-size: .24rem;line-height: .42rem;color: #666666;}
    .lx1-b{width: max-content;margin: 0 auto;margin-top: .3rem;}
    .lx1-b>.lx1-b1:last-child{margin-right: 0;}
    .lx1-b1{float: left;margin-right: .4rem;}
    .lx1-b1>img{width: 1.5rem;height: 1.5rem;margin: 0 auto;}
    .lx1-b1>div{font-size: .24rem;line-height: .24rem;color: #484848;margin-top: .2rem;text-align: center;}
    .lx2{width: calc(100% - .3rem*2);margin: 0 auto;margin-top: .4rem;border-top: .01rem solid #e2e2e2;padding-top: .4rem;}
    .lx21{display: flex;align-items: center;}
    .lx21>div:nth-child(1){width: .05rem;height: .32rem;background: #a4002a;margin-right: .2rem;}
    .lx21>div:nth-child(2){font-size: .32rem;line-height: .32rem;color: #a4002a;font-weight: bold;}
    .lx22{font-size: .24rem;line-height: .42rem;color: #666666;white-space: pre-wrap;}

    /* 弹窗 */
    .tc{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.7);z-index: 99;display: none;}
    .tc1{width: calc(100% - 0.3rem*2);padding: .7rem .3rem;height: max-content;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;border-radius: .05rem;background: #fff;}
    .tc2{width: .45rem;height: .45rem;cursor: pointer;position: absolute;right: -.1rem;top: -.1rem;}
    .tc3{font-size: .36rem;line-height: .36rem;color: #000000;font-weight: bold;text-align: center;}
    .tc4{width: 100%;margin-top: .5rem;}
    .tc41{width: calc(50% - .03rem);height: .6rem;border: .01rem solid #dfdfdf;background: #f4f4f4;float: left;position: relative;margin-right: .06rem;}
    .tc4>.tc41:nth-child(2n){margin-right: 0;}
    .tc41>input{width: 100%;height: 100%;font-size: .22rem;padding-left: .1rem;}
    .tc41>div{font-size: .22rem;line-height: .6rem;color: #ff0000;position: absolute;left: .1rem;top: 0;}
    .tc5{width: 100%;height: .6rem;border: 1px solid #dfdfdf;background: #f4f4f4;margin-top: .15rem;}
    .tc5>input{width: 100%;height: 100%;padding-left: .1rem;font-size: .22rem;}
    .tc5>textarea{width: 100%;height: 100%;font-size: .22rem;padding: 0 .1rem;line-height: .6rem;}
    .tc6{height: 1.65rem;}
    .tc7{width: 2.5rem;height: .6rem;display: flex;justify-content: center;cursor: pointer;align-items: center;margin: 0 auto;margin-top: .3rem;background: linear-gradient(to right,#a10029,#ce0135);}
    .tc7>div:nth-child(1){font-size: .24rem;line-height: .24rem;color: #fff;margin-right: .08rem;}
    .tc7>div:nth-child(2){width: .32rem;height: .16rem;transition: 0.5s;}
    .tc7:hover >div:nth-child(2){transform: translateX(10px);transition: 0.5s;}

    /* 美誉普及 */
    .pj{width: 100%;margin-top: .5rem;}
    .pj1{width: 100%;height: 1.5rem;border: .01rem solid #e0e0e0;margin-bottom: .2rem;}
    .pj2{width: 1.5rem;height: 100%;float: left;border-right: .01rem solid #e0e0e0;display: flex;flex-direction: column;justify-content: center;transition: 0.5s;}
    .pj2>div:nth-child(1){font-size: .36rem;line-height: .36rem;text-align: center;font-weight: bold;color: #000000;transition: 0.5s;}
    .pj2>div:nth-child(2){width: .36rem;height: .01rem;background: #e4a100;margin: 0 auto;margin-top: .12rem;transition: 0.5s;}
    .pj2>div:nth-child(3){font-size: .26rem;line-height: .26rem;color: #000000;text-align: center;margin-top: .14rem;transition: 0.5s;}
    .pj3{width: calc(100% - 1.5rem);height: 100%;float: left;display: flex;flex-direction: column;justify-content: center;padding: 0 .3rem;transition: 0.5s;}
    .pj31{font-size: .26rem;line-height: .26rem;color: #303030;transition: 0.5s;}
    .pj32{font-size: .24rem;line-height: .32rem;color: #656565;margin-top: .15rem;}
    .pj1:hover .pj2{background: linear-gradient(to right,#a10029,#ce0135);transition: 0.5s;}
    .pj1:hover .pj2>div:nth-child(1),.pj1:hover .pj2>div:nth-child(3){color: #fff;transition: 0.5s;}
    .pj1:hover .pj2>div:nth-child(2){background: #fff;transition: 0.5s;}
    .pj1:hover .pj3{background: #fcf2f5;transition: 0.5s;}
    .pj1:hover .pj31{color: #a3002a;transition: 0.5s;}

    .xq1{font-size: .34rem;line-height: .4rem;color: #000000;text-align: center;font-weight: bold;}
    .xq2{font-size: .24rem;line-height: .24rem;color: #adacac;text-align: center;margin-top: .18rem;}
    .xq3{width: 100%;border-top: .01rem solid #e1e1e1;margin-top: .25rem;padding-top: .35rem;font-size: .26rem;line-height: .4rem;color: #666666;}
    .xq3 img{max-width: 100%;height: auto !important;display: inline !important;}
    .xq3 p{font-size: .26rem !important;line-height: .4rem !important;}
    .xq3 span{font-size: .26rem !important;line-height: .4rem !important;}
    .xq4{margin-top: .6rem;}
    
    .bto_phone01,.bto_phone02{
        width: 3.4rem;
        height: 3.4rem;
        position: absolute;
        top: -0.7rem;
        left: -0.7rem;
        z-index: 10;
    }
}