/* 统一样式 */
* {margin: 0;padding: 0;border: none;list-style-type: none;text-decoration: none;font-family: Arial, "微软雅黑";box-sizing: border-box;}
html{-webkit-font-smoothing:antialiased;height: 100%;touch-action: manipulation;scrollbar-track-color: black;}
a{text-decoration:none;color: inherit;}
fieldset,img{border:0}
img{vertical-align:middle;max-width: 100%;height: auto;}
.clear {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;}
.clear:after {content: "";height: 0px;display: block;clear: both;}
/* .banner{width: 100%;height: 700px;background-attachment: fixed!important;background-size: cover!important;background-position: center center!important;} */
.content {width: 960px;margin: 0 auto;top: 0px;padding: .5rem 3%;}
.cont-left {float: left;width: 48%;position: relative;}
.cont-right {float: right;width: 48%;position: relative;}
.text{line-height: 2;letter-spacing:1px;font-weight: 400;position: relative;}
.title p{text-align: center;}
.title p:nth-child(1){font-weight: 700;padding-bottom: 10px;}
.title p:nth-child(2){font-weight: 500;padding-bottom: 50px;letter-spacing:1.5px;}
.banner{width: 100%;position: relative;overflow: hidden;}
.banner-text{letter-spacing:5px;z-index: 1;position: absolute;top: 50%;left: 50%;width: 12rem;line-height: 1.2;transform: translate(-50% , -50%);text-shadow: 0 0 5px rgb(0, 0, 0),0 0 10px #000000,0 0 15px #000000,0 0 20px rgb(0, 0, 0);text-align: center;color: rgb(255, 255, 255);padding: 50px 0;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;z-index: -1;}
.banner-text .line{width:3px;height: 80%;background-color: white;transform:skew(-30deg);position: absolute;top: 30%;left: 105%;}
/* FontSize */
html{font-size: calc(100vw / 1920 * 100);}@media(max-width: 900px){html{font-size: calc(900px / 1920 * 100);}}body{font-size: calc(16 * 100vw / 1920);}@media(max-width: 1584px){body{font-size: 13.2px;}}.s12{font-size: calc(12 * 100vw / 1920);}@media(max-width: 1920px){.s12{font-size: 12.0px;}}.s13{font-size: calc(13 * 100vw / 1920);}@media(max-width: 1816px){.s13{font-size: 12.3px;}}.s14{font-size: calc(14 * 100vw / 1920);}@media(max-width: 1728px){.s14{font-size: 12.6px;}}.s15{font-size: calc(15 * 100vw / 1920);}@media(max-width: 1651px){.s15{font-size: 12.9px;}}.s16{font-size: calc(16 * 100vw / 1920);}@media(max-width: 1584px){.s16{font-size: 13.2px;}}.s17{font-size: calc(17 * 100vw / 1920);}@media(max-width: 1524px){.s17{font-size: 13.5px;}}.s18{font-size: calc(18 * 100vw / 1920);}@media(max-width: 1472px){.s18{font-size: 13.8px;}}.s19{font-size: calc(19 * 100vw / 1920);}@media(max-width: 1424px){.s19{font-size: 14.1px;}}.s20{font-size: calc(20 * 100vw / 1920);}@media(max-width: 1382px){.s20{font-size: 14.4px;}}.s21{font-size: calc(21 * 100vw / 1920);}@media(max-width: 1344px){.s21{font-size: 14.7px;}}.s22{font-size: calc(22 * 100vw / 1920);}@media(max-width: 1309px){.s22{font-size: 15.0px;}}.s23{font-size: calc(23 * 100vw / 1920);}@media(max-width: 1277px){.s23{font-size: 15.3px;}}.s24{font-size: calc(24 * 100vw / 1920);}@media(max-width: 1248px){.s24{font-size: 15.6px;}}.s25{font-size: calc(25 * 100vw / 1920);}@media(max-width: 1221px){.s25{font-size: 15.9px;}}.s26{font-size: calc(26 * 100vw / 1920);}@media(max-width: 1196px){.s26{font-size: 16.2px;}}.s27{font-size: calc(27 * 100vw / 1920);}@media(max-width: 1173px){.s27{font-size: 16.5px;}}.s28{font-size: calc(28 * 100vw / 1920);}@media(max-width: 1152px){.s28{font-size: 16.8px;}}.s29{font-size: calc(29 * 100vw / 1920);}@media(max-width: 1132px){.s29{font-size: 17.1px;}}.s30{font-size: calc(30 * 100vw / 1920);}@media(max-width: 1113px){.s30{font-size: 17.4px;}}.s31{font-size: calc(31 * 100vw / 1920);}@media(max-width: 1096px){.s31{font-size: 17.7px;}}.s32{font-size: calc(32 * 100vw / 1920);}@media(max-width: 1080px){.s32{font-size: 18.0px;}}.s33{font-size: calc(33 * 100vw / 1920);}@media(max-width: 1064px){.s33{font-size: 18.3px;}}.s34{font-size: calc(34 * 100vw / 1920);}@media(max-width: 1050px){.s34{font-size: 18.6px;}}.s35{font-size: calc(35 * 100vw / 1920);}@media(max-width: 1036px){.s35{font-size: 18.9px;}}.s36{font-size: calc(36 * 100vw / 1920);}@media(max-width: 1024px){.s36{font-size: 19.2px;}}.s37{font-size: calc(37 * 100vw / 1920);}@media(max-width: 1011px){.s37{font-size: 19.5px;}}.s38{font-size: calc(38 * 100vw / 1920);}@media(max-width: 1000px){.s38{font-size: 19.8px;}}.s39{font-size: calc(39 * 100vw / 1920);}@media(max-width: 989px){.s39{font-size: 20.1px;}}.s40{font-size: calc(40 * 100vw / 1920);}@media(max-width: 979px){.s40{font-size: 20.4px;}}.s41{font-size: calc(41 * 100vw / 1920);}@media(max-width: 969px){.s41{font-size: 20.7px;}}.s42{font-size: calc(42 * 100vw / 1920);}@media(max-width: 960px){.s42{font-size: 21.0px;}}.s43{font-size: calc(43 * 100vw / 1920);}@media(max-width: 951px){.s43{font-size: 21.3px;}}.s44{font-size: calc(44 * 100vw / 1920);}@media(max-width: 942px){.s44{font-size: 21.6px;}}.s45{font-size: calc(45 * 100vw / 1920);}@media(max-width: 934px){.s45{font-size: 21.9px;}}.s46{font-size: calc(46 * 100vw / 1920);}@media(max-width: 926px){.s46{font-size: 22.2px;}}.s47{font-size: calc(47 * 100vw / 1920);}@media(max-width: 919px){.s47{font-size: 22.5px;}}.s48{font-size: calc(48 * 100vw / 1920);}@media(max-width: 911px){.s48{font-size: 22.8px;}}.s49{font-size: calc(49 * 100vw / 1920);}@media(max-width: 905px){.s49{font-size: 23.1px;}}.s50{font-size: calc(50 * 100vw / 1920);}@media(max-width: 898px){.s50{font-size: 23.4px;}}.s51{font-size: calc(51 * 100vw / 1920);}@media(max-width: 892px){.s51{font-size: 23.7px;}}.s52{font-size: calc(52 * 100vw / 1920);}@media(max-width: 886px){.s52{font-size: 24.0px;}}.s53{font-size: calc(53 * 100vw / 1920);}@media(max-width: 880px){.s53{font-size: 24.3px;}}.s54{font-size: calc(54 * 100vw / 1920);}@media(max-width: 874px){.s54{font-size: 24.6px;}}.s55{font-size: calc(55 * 100vw / 1920);}@media(max-width: 869px){.s55{font-size: 24.9px;}}.s56{font-size: calc(56 * 100vw / 1920);}@media(max-width: 864px){.s56{font-size: 25.2px;}}.s57{font-size: calc(57 * 100vw / 1920);}@media(max-width: 858px){.s57{font-size: 25.5px;}}.s58{font-size: calc(58 * 100vw / 1920);}@media(max-width: 854px){.s58{font-size: 25.8px;}}.s59{font-size: calc(59 * 100vw / 1920);}@media(max-width: 849px){.s59{font-size: 26.1px;}}.s60{font-size: calc(60 * 100vw / 1920);}@media(max-width: 844px){.s60{font-size: 26.4px;}}.s61{font-size: calc(61 * 100vw / 1920);}@media(max-width: 840px){.s60{font-size: 26.7px;}}.s62{font-size: calc(62 * 100vw / 1920);}@media(max-width: 836px){.s60{font-size: 27.0px;}}.s63{font-size: calc(63 * 100vw / 1920);}@media(max-width: 832px){.s60{font-size: 27.3px;}}.s64{font-size: calc(64 * 100vw / 1920);}@media(max-width: 828px){.s60{font-size: 27.6px;}}.s65{font-size: calc(65 * 100vw / 1920);}@media(max-width: 824px){.s60{font-size: 27.9px;}}.s66{font-size: calc(66 * 100vw / 1920);}@media(max-width: 820px){.s60{font-size: 28.2px;}}.s67{font-size: calc(67 * 100vw / 1920);}@media(max-width: 816px){.s67{font-size: 28.5px;}}.s68{font-size: calc(68 * 100vw / 1920);}@media(max-width: 813px){.s68{font-size: 28.8px;}}.s69{font-size: calc(69 * 100vw / 1920);}@media(max-width: 809px){.s69{font-size: 29.1px;}}.s70{font-size: calc(70 * 100vw / 1920);}@media(max-width: 806px){.s70{font-size: 29.4px;}}.s70{font-size: calc(70 * 100vw / 1920);}@media(max-width: 803px){.s70{font-size: 29.7px;}}.s71{font-size: calc(71 * 100vw / 1920);}@media(max-width: 800px){.s71{font-size: 30px;}}.s72{font-size: calc(72 * 100vw / 1920);}@media(max-width: 796px){.s72{font-size: 30.3px;}}.s73{font-size: calc(73 * 100vw / 1920);}@media(max-width: 793px){.s73{font-size: 30.6px;}}.s74{font-size: calc(74 * 100vw / 1920);}@media(max-width: 791px){.s74{font-size: 30.9px;}}.s75{font-size: calc(75 * 100vw / 1920);}@media(max-width: 788px){.s75{font-size: 31.2px;}}.s76{font-size: calc(76 * 100vw / 1920);}@media(max-width: 79px){.s76{font-size: 31.5px;}}.s77{font-size: calc(77 * 100vw / 1920);}@media(max-width: 785px){.s77{font-size: 31.8px;}}.s78{font-size: calc(78 * 100vw / 1920);}@media(max-width: 782px){.s78{font-size: 32.1px;}}.s79{font-size: calc(79 * 100vw / 1920);}@media(max-width: 780px){.s79{font-size: 32.4px;}}.s80{font-size: calc(80 * 100vw / 1920);}@media(max-width: 777px){.s80{font-size: 32.7px;}}
/* 首页 */
#business{box-shadow:0 0 100px 30px white inset;padding: 50px 0;}
#business .content{width: 90%;margin: 0 auto;top: 0px;padding: .1rem 0;}
#business .content li{float: left;width: 20%;margin: 2% 2%;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);transition: 0.5s;text-align: center;color: white;background: black;}
#business a:hover li{background-image:linear-gradient(135deg,#ffffff 10%,gray 100%);width: 22%;margin: 1.25% 1%;box-shadow: 0px 0px 0px white;color: black;}
#partners img{width: 150px;aspect-ratio: 5/3;}
/* 业务中心 */
.business-container{width: 60%;margin: 0 auto;position: relative;padding: 30px;}
.business-container .swiper-button-next:hover{top: 76px!important;}
.business-container .swiper-button-prev:hover{top: 76px!important;}
 .tab_box{width: 100%;display: flex;justify-content: space-around;align-items: center;border-bottom: .1px solid rgba(0, 0, 0, 0.2);position: relative;flex-grow: 0;overflow: auto;}
.content_box{padding: 20px;position: relative;}
.content_box h2{margin-bottom: 20px;margin-top: 10px;transform:skew(-10deg);font-weight: 500;}
.content_box .text{line-height:1.7;color:black;position: absolute;border-radius: 0px;padding: 10px 20px;flex-grow: 0;overflow: auto;}
.content_box .text {height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: left;background: rgba(255, 255, 255, 0.8);}
#project .project_btn{font-weight: 500;letter-spacing:1px;background: none;border: none;padding: 18px;cursor: pointer;}
#project .project_btn.active{color: orange;}
#project .content_box .project-content{display: none;animation:moving .5s ease;}
@keyframes moving{from{transform:translateX(50px);opacity: 0;}to{transform:translateX(0);opacity: 1;}}
#project .content_box .project-content.active{display: block;}
#project .project_line{position: absolute;top: 100% ;left: 1.8%;width: 10%;height: 2px;background-color: orange;border-radius: 10px;transition: all .2s ease-in-out;}
#parts .parts_btn{font-weight: 500;letter-spacing:1px;background: none;border: none;padding: 18px;cursor: pointer;}
#parts .parts_btn.active{color: orange;}
#parts .content_box .parts-content{display: none;animation:moving .5s ease;}
@keyframes moving{from{transform:translateX(50px);opacity: 0;}to{transform:translateX(0);opacity: 1;}}
#parts .content_box .parts-content.active{display: block;}
#parts .parts_line{position: absolute;top: 100% ;left: 4.6%;width: 10%;height: 2px;background-color: orange;border-radius: 10px;transition: all .2s ease-in-out;}
#patents .patents_btn{font-weight: 500;letter-spacing:1px;background: none;border: none;padding: 18px;cursor: pointer;}
#patents .patents_btn.active{color: orange;}
#patents .content_box .patents-content{display: none;animation:moving .5s ease;}
@keyframes moving{from{transform:translateX(50px);opacity: 0;}to{transform:translateX(0);opacity: 1;}}
#patents .content_box .patents-content.active{display: block;}
#patents .patents_line{position: absolute;top: 100% ;left: 10.6%;width: 10%;height: 2px;background-color: orange;border-radius: 10px;transition: all .2s ease-in-out;}
#services .content{width: 100%;margin: 0 auto;}
#services .swiper-slide a{width: 48%;padding-left:20%;float: left;position: relative;}
#services img{width:100%;float: right;margin-top:100px;border-radius: 20px;box-shadow: 0px 0px 5px 1px rgb(0, 0, 0);}
#services .text{width: 48%;float: left;text-align: center;position: relative;padding: 1.5rem 5%;margin-top: 1rem;font-weight: 400;}
#services .text p{height: 100px;padding:.3rem 1%;line-height: 1.5;font-weight: 300;}
#services .serial{font-size:30px;border:1px solid black;border-radius: 50%;width:30px;height:30px;left:48%;position: relative;transition:2s;text-align: center;line-height: 1;}
#services .s-button-prev{position: absolute;top: 20%;left:42.5%;width:5%;content: url(./img/bl.png);border-radius: 10px;padding: 5px 5px;border: .1px solid black;}
#services .s-button-next{position: absolute;top: 20%;left:52%;width:5%;content: url(./img/br.png);border-radius: 10px;padding: 5px 5px;border: .1px solid black;}
#services .s-button-prev:hover{top: 19%;background: black;content: url(./img/wl.png);}
#services .s-button-next:hover{top: 19%;background: black;content: url(./img/wr.png);}
#warranty-patent .content-warranty{width: 680px;margin: 0 auto;padding-bottom: .5rem;}
#warranty-patent .content-patent{width: 960px;margin: 0 auto;margin-bottom: 50px;}
#warranty-patent .text{padding: 20px 0;text-align: center;}
#warranty-patent img{border: 0.5px rgba(255, 255, 255, 0.5) inset;box-shadow: 0 2px 16px rgba(255, 255, 255, 0.5);}
#warranty-patent img:hover{cursor: pointer;}
#warranty-patent .showBigImg {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);z-index: 999;}
#warranty-patent .showBigImg .closeBigImg {position: absolute;right: 35px;top: 35px;width: 50px;height: 50px;border-radius: 50%;background: #000;text-align: center;line-height: 45px;font-size: 45px;color: #fff;z-index: 9999;user-select: none;}
#warranty-patent .showBigImg .showBigImgWrap {position: relative;width: 100%;height: 100%;overflow: hidden;}
#warranty-patent .showBigImg .showBigImgWrap .allImgBox {position: relative;width: 100%;height: 100%;}
#warranty-patent .showBigImg .showBigImgWrap .allImgBox .imgIte {float: left;width: 100%;height: 100%;text-align: center;}
#warranty-patent .showBigImg .showBigImgWrap .allImgBox .imgIte span {display: inline-block;width: 0;height: 100%;vertical-align: middle;}
#warranty-patent .showBigImg .showBigImgWrap .allImgBox .imgIte img {max-width: 90%;max-height: 90%;vertical-align: middle;}
.abc{top: 15%;left: 70%;height: auto;max-height: 80%;}
@media screen and (max-width: 1440px) {
    #services .swiper-slide a{padding-left: 10%;}
    #services .text{margin-top:2rem;}
    .business-container{width: 80%;}
}
@media screen and (max-width: 1024px) {
    .business-container{width: 95%;}
    #business .content ul li{width: 46%;margin:2% 2%;}
    #business a:hover li{width: 46%;margin: 2% 2%;}
    #services .swiper-slide a{padding-left:0;width: 48%;}
    #services .text{width: 48%;margin-top:2.5rem;}
    #warranty-patent .content-warranty{width: 700px;}
    #warranty-patent .content-patent{width: 700px;}
    .banner-text .line{width:2px;height: 65%;left: 105%;}

}
@media screen and (max-width: 768px) {
    .abc{left: 50%;}
    .business-container{padding: 0;}
    .business-container{width: 100%;margin: 50px 0;}
    #services .swiper-slide a{width: 100%;padding: 0 10%;}
    #services .text{width: 100%;margin-top:1.5rem;}
    #services .s-button-prev{top: 1%;}
    #services .s-button-next{top: 1%;}
    #services .s-button-prev:hover{top: 0%;}
    #services .s-button-next:hover{top: 0%;}
    #warranty-patent .content-warranty{width: auto;}
    #warranty-patent .content-patent{width: auto;}
    .banner-text .line{width:2px;height: 50%;left: 105%;}

}
@media screen and (max-width: 420px) {
}
/* 关于我们 */
#aboutus .text{padding:20px 0}
#corporate-philosophy{color:white;background:url(./img/AboutUs/bg.jpg);background-attachment: fixed;background-size: cover;background-position: center center;}
#corporate-philosophy .content{width: 1000px}
#corporate-philosophy .text{float: left;width: 33.3%;text-align: left;padding: 20px 20px;}
#corporate-philosophy .text p:nth-child(1){float: left;}
#corporate-philosophy .text p:nth-child(2){color: gray;padding-top: 1.5%;}
#corporate-philosophy .text p:nth-child(3){font-weight: 300;padding-top: 20px;}
#history .content{width: 80%;}
#history .cont-left{text-align: center;}
#history .text{padding-bottom: 50px;font-weight: 600;}
#history .text a{padding-left: 50px;font-weight: 500;}
#history .btn-hty a{border: .1px solid black;margin-top: 20%;padding: 5px 40%;font-weight: 500;transition:.3s;}
#history .btn-hty a:hover{border: .1px solid black;margin-top: 20%;padding: 5px 40%;font-weight: 500;background: rgba(0, 0, 0, 0.8);color: white;}
#company-photo{color:white;background:url(./img/AboutUs/bg2.jpg);background-attachment: fixed;background-size: cover;background-position: center center;}
#company-photo .swiper{width: 80%;right: 0;}
#company-photo .swiper-slide{position: relative;}
#company-photo .swiper-slide span{font-weight: 100}
#company-photo .swiper-slide img{box-shadow: 1px 0px 1px gray;}
#company-photo .swiper-slide span{position: absolute;background-color: rgba(0, 0, 0, 0.7);color: white;width: 100%;top: 80%;padding: .1rem 0;text-align: center;}
#contact .content{text-align: center;padding: 100px 0;}
#contact .text{font-weight: 500;padding-bottom: 20px;text-align: center;}
@media (max-width:1680px) {
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1024px) {
    .content{width: 90%!important}
}

@media screen and (max-width: 768px) {
    #contact .content{padding: 20px 0;}
    .content{width: 100%!important}
    .cont-left{width: 100%!important}
    .cont-right{width: 100%!important}
}
@media screen and (max-width: 420px) {
}
/* 成功案例 */
.s-a{width: 100%;padding-top: .82rem;padding-bottom: 2.12rem; position: relative;background-size: auto 1.65rem;background-position: bottom center;background-repeat: no-repeat;}
.s-a.sp{padding-bottom: 1.43rem;padding-top: .4rem;}
.s-b{width: 13.45rem;margin: 0 auto;text-align: center;}
.s-cont{width: 100%;text-align: left;}
.s-item{display: block;width: 100%;text-align: right; position: relative;margin: .8rem 0; cursor: pointer;} */
.s-img{position: absolute;height: 100%;left: 0;width: 6.4rem;animation: show 1s linear forwards;}
.s-img img{width: 100%;height: 100%;object-fit: cover;}
.s-text{display: inline-block;width: 10.5rem;padding: .85rem .6rem .7rem 4.3rem; text-align: left;background-color: rgba(128, 128, 128, 0.1);box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.411);min-height: 4.8rem;}
.s-name{color: #333;margin-bottom: .2rem;font-weight: bold;position: relative;}
.s-intro{color: #666;line-height: 1.8;min-height: 2rem;padding-bottom: .25rem;}
.s-tabs{position: absolute;left: .4rem;top: 0;border-left: 1px solid #cbcbcb;}
.s-tabs.fixed{top: 1rem;z-index: 12345;position: fixed;}
.s-tabs.fixed.absolute{top: auto;bottom: 0;position: absolute;}
.s-tab{display: block;line-height: .85rem;color: #333;position: relative;cursor: pointer;height: 100%;}
.s-tab:before{content: "";display: block;width: 3px;height: 100%;background-color: transparent;position: absolute;left: -1px;top: 0;}
.s-tab.active:before{background-color: blue;}
.s-tab.active .s-num:before{background-color: blue;height: 3px;width: 2px;position: absolute;left: 2px;margin-top: -2px;}
.s-num{padding-right: .5em;padding-left: 1.1em;position: relative;height: 100%;}
.s-num:before{content: "";display: inline-block;width: 1px;height: 2px;background-color: #cbcbcb;position: absolute;left: 0;top: 50%;margin-top: -1px;}
.s-img {position: absolute;height: 100%;left: 0;width: 6.4rem;}
.s-img img {width: 100%;height: 100%;object-fit: cover;}
@media(max-width: 1024px){
    .s-b{margin-left: 20%;}
}
@media(min-width: 768px){
    .s-name:after{content: '';position: absolute;top: 50%;left: -1.5rem;margin-top: -.05rem; width: 1.04rem ;height: .1rem;background-size: 1.04rem auto;background-position: center center;background-repeat: no-repeat;}
    .s-item:nth-child(2n){text-align: left;}
    .s-item:nth-child(2n) .s-img{left: auto;right: 0;}
    .s-item:nth-child(2n) .s-text{padding: .85rem  4.3rem  .7rem .6rem;}
    .s-item:nth-child(2n) .s-name:after{left: auto;right: -1.5rem;transform: rotate(-180deg);}
}
@media(max-width: 768px){
    .banner-text{width: 100%;padding-left: 10px;padding-right: 10px;}
    .banner-img img{height: 240px;object-fit: cover;}
    .banner-text.sp{top: 108px;}
    .s-a{padding: .8rem 0 1.3rem;}
    .s-b{width: 70%;max-width: 500px;margin-left: 110px;}
    .s-item{margin: 0 0 .35rem;}
    .s-img{position: static;width: 100%;}
    .s-text{width: 100%;padding: .3rem .25rem;}
    .s-img img{height: auto;width: 100%;}
}
.v-a{width: 100%;}
/* Header */
.ignore{z-index: 101;position: relative;top: .3rem;left: 20%;}
.ignore li{float: left;padding-left:10px;}
.ignore img{width: 45px;height: 45px;}
.ignore .cn img:hover{content: url(./img/bcn.png);}
.ignore .en img:hover{content: url(./img/ben.png);}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
header{width: 100%;height: 1rem;z-index: 500;}
.h-a{width: 100%;position: fixed;background-color: rgba(255, 255, 255, 0.9); left: 0;top: 0;height: 1rem;box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);z-index: 100;}
.h-cont{width: 17rem;margin: 0 auto;}
.h-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.h-index{float: left;margin-top: .15rem;}
.h-logo{height: .71rem;vertical-align: top;}
.h-right{float: right;font-size: 0;width: 11.72rem;}
.h-op{float: right;position: relative;top: .55rem;margin-top: -0.17rem;}
.h-nav{display: inline-block;vertical-align: middle;font-size: 0;float: left;}
.h-d{display: inline-block;vertical-align: top;position: relative;}
.h-e{display: block;line-height: 1rem;padding: 0 .23rem;transition: all .3s;}
.btn-a {border: none;background: #027efb00;color: rgb(47, 31, 0);}
.btn-a__underline-from-center {
    &::before {content: "";position: absolute;left: 50%;right: 50%;bottom: 0;z-index: 1;height: 2px;background-color: blue;transition: .3s ease-out;}
    &:hover {&::before {left: 0;right: 0;}color: blue; }
}
.h-sub a:hover{color: blue;background-color: rgba(128, 128, 128, 0.286);
}
.h-opa{left: -100vw;opacity: 0;transition: opacity .3s;width: 100%;height: 100vh;position: fixed;top: 0;background-color: rgba(0,0,0,0.5);z-index: 122;}
.h-sub{display: none;width: 1.5rem;background-color: #fff;position: absolute;left: 50%;margin-left: -0.75rem;top: 1rem;z-index: 1000;padding: 0.05rem 0;}
.h-sub>li>a{display: block;width: 100%;line-height: 1.71;padding: .1rem 0.03rem;text-align: center;color: #666;transition: background-color .3s;}
.h-l{display: inline-block;vertical-align: top;width: .34rem;height: .34rem;position: relative;}
.h-cur{width: 100%;height: 100%;border-radius: 50%;overflow: hidden;}
.h-flag{width: 100%;height: 100%;}
.h-list{width: 100%;position: absolute;left: 0;top: 100%;padding-top: .05rem;display: none;}
.h-one{display: inline-block;vertical-align: top;width: 100%;height: .5rem;margin-bottom: .05rem;}
@media(max-width: 1920px){
    .h-sub{width: 150px;margin-left: -75px;padding: 5px 0;}
    .h-sub>li>a{padding: 10px 3px;}
    .h-s{width: 34px;height: 34px;background-size: 20px 20px;margin-top: -17px;}
    .h-l{width: 34px;height: 34px;}
    .h-oa{width: 34px;height: 34px;line-height: 34px;}
    .h-one{height: 34px;}
    .h-smt{background-size: 20px 20px;}
    .h-sch {padding: 40px 0;}
    .h-sch .h-text {width: 380px;height: 40px;line-height: 40px;font-size: 16px;padding: 0 10px 0 5px;}
    .h-sch .h-smt{width: 40px;height: 40px;background-size: 20px 20px;}
    .h-link{line-height: 34px;}
    .h-op{margin-top: -17px;}
}
@media(max-width: 1350px){
    .h-right{width: 820px;}
}
@media(max-width: 1200px){
    .ignore{left: 60%;}
    header{height: 46px;}
    .h-a{height: 46px;}
    .h-e{line-height: 46px;}
    .h-index{margin-top: 7px;}
    .h-logo{height: 32px;}
    .h-cont{width: 100%;padding-left: 10px;}
    .h-s{position: absolute;right: 46px;top: 0;width: 46px;height: 46px;margin-top: 0;}
    .h-menu{position: absolute;right: 0;top: 0;width: 46px;height: 46px;background-image: url(./img/menu.png);background-size: 28px 28px;background-repeat: no-repeat;background-position: center center;}
    .h-nav{width: 280px;overflow: auto;padding-right: 0;margin-right: 0;background-color: #fff;z-index: 654321;float: none;margin-bottom: 25px;}
    header.show-menu .h-opa{left: 0;opacity: 1;}
    header.show-menu .h-right{right: 0;}
    .h-d{display: block;width: 100%;margin-left: 0;}
    .h-e{padding: 0 40px 0 20px;height: 40px;line-height: 40px;font-size: 14px;color: #666;margin: 0;}
    .h-d:first-child .h-e{padding-left: 20px;}
    .h-sub{width: 100%;margin-left: 0;top: 0;position: relative;left: 0;}
    .h-sub>li>a{padding-left: 40px;text-align: left;display: inline-block;width: 100%;}
    .h-d.has-nav:after{content:url(./img/right.png);display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #666;}
    .h-d.has-nav.show:after{content: url(./img/down.png);}
    .h-right{width: 280px;height: 100vh;overflow: auto;background-color: #fff;position: fixed;right: -280px;top: 0;transition: all .3s;padding-top: 10px;padding-bottom: 10px;z-index: 12345;}
    .h-op{margin-top: 0;float: none;top: 0;padding-left: 20px;}
    .h-links{width: 100%;padding-right: 0;margin-bottom: 30px;}
    .h-link:first-child{padding-left: 0;}
    .h-oa{margin-left: 20px;}
    .h-sub.sp{position: relative;top: 0;width: 100%;padding: 0;}
    .h-sub.sp>li{width: 100%;}
    .h-sub.sp>li>a{padding-left: 40px;}
    .h-sub.sp>li>ul>li>a{padding: 5px 10px 5px 60px;}
    .h-sub.sp>li>ul{display: none;}
    .has-sub-nav{position: relative;}
    .has-sub-nav:after{content:url(./img/right.png);display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #666;}
    .has-sub-nav.show:after{content: "-";}
}
/* Footer */
footer{width: 100%;}
footer .content{padding: .5rem 0;}
footer .menu{padding: .5rem 0;}
footer .menu a{padding: .2rem 3%;}
footer .menu a:hover{color: orange;}