
@font-face {
	font-family:"HarmonyOS-Light";
	src:url("../fonts/HarmonyOS_Sans_SC_Light.woff"),
    url("../fonts/HarmonyOS_Sans_SC_Light.ttf");
}
@font-face {
	font-family:"HarmonyOS-Regular";
	src:url("../fonts/HarmonyOS_Sans_SC_Regular.woff"),
    url("../fonts/HarmonyOS_Sans_SC_Regular.ttf");
}
@font-face {
	font-family:"HarmonyOS-Medium";
	src:url("../fonts/HarmonyOS_Sans_SC_Medium.woff"),
    url("../fonts/HarmonyOS_Sans_SC_Medium.ttf");
}
@font-face {
	font-family:"HarmonyOS-Bold";
	src:url("../fonts/HarmonyOS_Sans_Bold.woff"),
    url("../fonts/HarmonyOS_Sans_Bold.ttf");
}

body{ overflow:hidden; font-family:"HarmonyOS-Regular"!important;}
.hidden_box{ overflow:hidden!important;}


/* 头部 */
.header{ background:#fff; position:fixed; top:0; left:0; width:100%; z-index:12; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .logo{ padding:.15rem 0;}
.header .logo img{ width:1.32rem;}
.header .line{ width:1px; height:.2rem; background:#cccccc;}
.header .search-top{ margin:0 1em;}
.header .search-top .icon{ cursor:pointer; width:.35rem; height:.35rem; background:url(../images/search.svg) no-repeat center; background-size:60%;}
.header .search-top .icon.on{ background-image:url(../images/close.svg); background-size:.24rem;}
.header .search-box{ background:#fff; padding:.1rem; position:absolute; right:0; top:100%; width:4rem; border-radius:5px; box-shadow:0 5px 10px rgba(0,0,0,.05); display:none;}
.header .search-box .wtd100{ width:100%;}
.header .search-box input{ width:calc(100% - .4rem); outline:none; display:block; margin:0; padding:0; border:none; font-size:.18rem;}
.header .search-box .but{ cursor:pointer; width:.35rem; height:.35rem; background:url(../images/search.svg) no-repeat center; background-size:65%;}

.header .versions .but{ width:2.8em; text-align:center; line-height:2.8; font-size:.14rem; display:block; background:#c2c2c2; color:#fff; margin-left:1.2em; border-radius:4px; overflow:hidden;}
.header .versions .but.on{ background:#146eb0;}

.header nav li{ border-bottom:solid .02rem transparent; margin:0 .3rem; font-size:.18rem; position:relative;}
.header nav li>a{ display:block; padding:.1rem 0;}
.header nav li:hover,
.header nav li.on{ border-color:#146eb0;}
.header nav li:hover>a,
.header nav li.on>a{ font-family:"HarmonyOS-Bold"!important; color:#146eb0;}
.header nav li .back_bg{ padding-top:.1rem; text-align:center; font-size:.16rem; position:absolute; top:100%; left:50%; display:none; transform:translateX(-50%);}
.header nav li dl{ min-width:1.5rem; width:max-content; line-height:2; background:#fff; padding:.1rem;}
.header nav li dl dd{ padding:0 .1rem;}
.header nav li dl dd a:hover{ color:#146eb0;}
.header nav li:hover .back_bg{ display:block;}
.header .icon-menu{ font-size:0; cursor:pointer; width:25px; height:24px; border-radius:50%; position:relative; z-index:12; display:none;}
.header .icon-menu i{ -webkit-transition: all .4s ease-out; transition: all .4s ease-out; display:block; height:2px; background:#146eb0; border-radius:5px; width:100%;}
.header .icon-menu.active i:nth-of-type(1){ margin:0; width:30px; transform: rotate(45deg) translate(6px,6px);}
.header .icon-menu.active i:nth-of-type(2){ opacity:0;}
.header .icon-menu.active i:nth-of-type(3){width:30px; transform: rotate(-45deg) translate(5px,-5px);}



@media (max-width:1024px){
.header nav li{ margin:0 1em;}
.header .search-top{ margin-left:0;}
}
@media (max-width:640px){
.header{ box-shadow:0 0 5px rgba(0,0,0,.1);}
.header .logo{ padding:.2rem 0;}
.header .line{ height:.3rem;}
.header .versions .but{ font-size:.22rem; margin-left:.2rem;}
.header .search-top .icon{ width:.5rem; height:.5rem;}
.header .icon-menu{ margin-left:.2rem; display:-webkit-box; display:flex;}
.header nav{ position:fixed; top:.86rem; right:-100%; width:50vw; height:calc(100vh - .86rem); background:#fff; padding:.5em; box-shadow:0 10px 10px rgba(0,0,0,.1); z-index:3; transition:all .5s; overflow:auto;}
.header nav li{ margin:0; width:100%; font-size:.28rem; border-bottom:solid 1px #eee;}
.header nav li>a{ position:relative; padding:.2rem 0;}
.header nav li dl{ width:100%; padding-top:0;}
.header nav li:hover{ border-color:#eee;}
.header nav li:hover>a{ font-family:"HarmonyOS-Regular"!important; color:#333;}
.header nav li:hover .back_bg{ display:none;}
.header nav li.pull>a::after{ position:absolute; top:50%; right:0; font-weight:bold; content:'next'; font-family:swiper-icons!important; display:block; font-size:.2rem; color:#000;transform:translateY(-50%);}
.header nav li .back_bg{ border-top:solid 1px #eee; text-align:left; font-size:.24rem; width:100%; position:initial; left:0; transform:translateX(0); font-size:.26rem;}


.header nav.on{ right:0;}
.header nav li.on{ border-color:#146eb0;}
.header nav li.pull.on>a::after{ color:#146eb0;}
.header nav li.on>a{ font-family:"HarmonyOS-Bold"!important; color:#146eb0;}

.header .search-box{ width:70%; right:.4rem;}
.header .search-box input{ font-size:.22rem;}
.header .search-box .but{ background-size:80%;}
}



/* 底部 */
.footer{font-family:"HarmonyOS-Light"!important; color:#fff; background:#146eb0 url(../images/footer-back.png); background-size:cover; background-repeat:no-repeat; background-position:top center;}
.footer .footer-one{ padding:1rem 0 .6rem;}
.footer .footer-one .logo-db{ margin-bottom:.35rem;}
.footer .footer-one .logo-db img{ max-width:1.15rem;}
.footer .footer-one .des{ max-width:3rem; font-size:.14rem; line-height:2;}
.footer .footer-one .des p{ margin:0;}
.footer .footer-one .des a{color:#fff;}
.footer .footer-two{ font-size:.14rem; padding:.2rem 0; border-top:solid 1px rgba(255,255,255,.2);}
.footer .footer-two a{ color:#fff;}
.footer .footer-two a:hover{font-family:"HarmonyOS-Bold"!important;}
.footer .beian{padding-left: .1rem;}
.footer .beian a{padding-left:.25rem; background: url(../images/beian.png) no-repeat left center; background-size:auto 0.2rem;}


.footer .Auxiliary a{ color:#fff;}
.footer .Auxiliary em{ font-style: normal; padding:0 1em;}
.footer .Auxiliary em:last-child{ display:none;}
.footer .Auxiliary a:hover{font-family:"HarmonyOS-Bold"!important;}
/* .footer .footer-menu{ width:65%;} */
.footer .footer-menu{ width:45%;}
.footer .footer-menu dt{ margin-bottom:.25rem; font-size:.2rem;}
.footer .footer-menu dt span{ margin-bottom:.25rem; display:block;}
.footer .footer-menu dt::after{ content:''; display:block; width:1em; height:1px; background:#fff;}
.footer .footer-menu dd{ line-height:2.5; font-size:.14rem;}
.footer .footer-menu dd a{ color:#fff;}
.footer .footer-menu dd a:hover{font-family:"HarmonyOS-Bold"!important;}
@media (max-width:640px){
.footer .text-des{ width:100%;}
.footer .footer-one{ padding:.5rem 0;}
.footer .footer-one .logo-db{ margin-bottom:.25rem;}
.footer .footer-one .des{ max-width:100%; font-size:.24rem;}
.footer .footer-menu{ display:none;}
.footer .footer-two{ padding:.3rem 0; font-size:.22rem;}
.footer .footer-two .copyright{ margin-bottom:.1rem;}
.footer .Auxiliary em{ padding:0 .1rem;}
}




/* 首页banner */
.index-ban{ z-index:8;}
.index-ban .item{ overflow:hidden;}
.index-ban .item img{ width:100%; transform:scale(1.2); transition:all 5s; }
.index-ban .item .pc-img{ display:block;}
.index-ban .item .web-img{ display:none;}
.index-ban .text{ color:#fff; width:100%; position:absolute; left:0; top:45%; transform:translateY(-50%);}
.index-ban .text .tit-en{ font-size:.14rem; color:#4cc4f8; text-transform:uppercase;}
.index-ban .text .tit-cn{ font-size:.48rem; font-family:"HarmonyOS-Medium"!important;}
.index-ban .text .des{ margin:.1rem 0 0; font-size:.24rem; font-family:"HarmonyOS-Light"!important;}
.index-ban .text .more{ margin-top:.6rem;}
.index-ban .text .more .btn{ font-family:"HarmonyOS-Light"!important; line-height:2.6; padding:0 .55rem 0 .2rem; font-size:.18rem; color:#fff; border:solid 1px #c2cacf; border-radius:.1rem; position:relative; background:rgba(255,255,255,.1);}
.index-ban .text .more .btn::after{ position:absolute; top:-5px; right:-5px; content:''; display:block; width:.52rem; height:.57rem; background-image:url(../images/arrow4.png); background-size:contain;}
.index-ban .text .more .btn:hover{ color:#146eb0; background:#fff;}
.index-ban .swiper-slide-active .item img{ transform:scale(1);}

.index-ban .swiper-pagination{ font-size:0; bottom:.5rem;}
.index-ban .swiper-pagination-bullet{ width:.23rem; height:.23rem; background:url(../images/pto-icon2.png); border-radius:0; background-repeat:no-repeat!important; background-position:center!important; background-size:contain!important; opacity:1; outline:none;}
.index-ban .swiper-pagination-bullet-active{ background:url(../images/pto-icon1.png);}


@media (max-width:640px){
.index-ban .text .tit-cn{ font-size:.3rem;}
.index-ban .text .des{ font-size:.2rem; margin:.1rem 0;}
.index-ban .text .more{ margin-top:.2rem;}
.index-ban .swiper-pagination-bullet{ margin:0 .05rem!important;}
/* .index-ban .item img{ min-height:50vh; object-fit:cover;} */
.index-ban .item .pc-img{ display:none;}
.index-ban .item .web-img{ display:block;}
}



/* 首页 */
.index-box{ min-height:5rem;}
.index-tit{ font-size:.5rem;}
.index-tit::before{ content:''; width:1em; display:block; height:3px; background:#146eb0;}
.index-tit span{ display:inline-block; padding-top:.1rem;}

.pro-index-one{ font-family:"HarmonyOS-Medium"!important; font-size:.36rem; padding:1rem 0 .35rem; text-align:center; background-image:url(../images/line-bg.png); background-repeat:no-repeat; background-position: bottom center;}
.pro-index-one .bit-box{ padding-bottom:.8rem;}
.pro-index-one .bit-box::before{ margin:0 auto .2rem; content:''; width:1.2em; display:block; height:2px; background:#146eb0;}
.pro-index-two{ padding:.7rem 0;}
.pro-index-two .tit-box{ margin-bottom:.55rem;}
.pro-index-two .let-wtd .des{ font-family:"HarmonyOS-Light"!important; font-size:.2rem; color:#555555;}
.pro-index-two .more .btn{ line-height:2.6; padding:0 .55rem 0 .2rem; font-size:.18rem; color:#64798c; border:solid 1px #c2cacf; border-radius:.1rem; position:relative; transition: all .5s;}
.pro-index-two .more .btn::after{ position:absolute; top:-5px; right:-5px; content:''; display:block; width:.52rem; height:.57rem; background-image:url(../images/arrow4.png); background-size:contain;}
.pro-index-two .more .btn:hover{ background:#146eb0; color:#fff;}
.pro-index-two .more .btn:hover::after{background-image:url(../images/arrow7.png);}
.pro-index-two .wtd100{ width:100%;}
.pro-index-two .list{ margin-top:.6rem; width:60%; background:url(../images/index-about.png) no-repeat right center; background-size:7.04rem;}
.pro-index-two .list li{ width:30.094%; margin-right:2.4%; position:relative; overflow:hidden; cursor:pointer; border-radius:.2rem;}
.pro-index-two .list li .text{ min-height:60%; font-size:.2rem; color:#fff; text-align:center; position:absolute; bottom:0; left:0; width:100%;}
.pro-index-two .list li .text .icon img{ max-width:.5rem;}
.pro-index-two .list li .text .des{ margin-top:.1rem;}
.pro-index-two .list li:nth-child(2n+1){ margin:1rem 0; margin-right:2.4%;}
.pro-index-two .list li:nth-child(1) .text{ background-image:linear-gradient(to top,rgba(17,101,163),transparent);}
.pro-index-two .list li:nth-child(2) .text{ background-image:linear-gradient(to top,rgba(26,134,183),transparent);}
.pro-index-two .list li:nth-child(3) .text{ background-image:linear-gradient(to top,rgba(31,54,137),transparent);}
.pro-index-two .list li:last-child{ margin-right:0;}
.pro-index-two .list li:nth-child(1):hover .text{ background:rgba(17,101,163,.9);}
.pro-index-two .list li:nth-child(2):hover .text{ background:rgba(26,134,183,.9);}
.pro-index-two .list li:nth-child(3):hover .text{ background:rgba(31,54,137,.9);}
.pro-index-two .list li:hover{ box-shadow:0px 0px .25rem .1rem rgba(0,88,153, 0.4);}
.pro-index-two .list li:hover .text .icon img{ max-width:.76rem;}
.pro-index-two .list li:hover .text{ height:100%;}
.pro-index-two .tab-pro-box{ width:35%;}
.pro-index-two .tab-pro-box .icon{ margin-bottom:.1rem;}
.pro-index-two .tab-pro-box .icon img{ max-width:.76rem;}
.pro-index-two .tab-pro-box .icon span{ padding:.1rem; background:rgba(17,101,163); display:block; border-radius:.1rem;}
.pro-index-two .tab-pro-box .tit{ font-family:"HarmonyOS-Medium"!important; font-size:.36rem;}
.pro-index-two .tab-pro-box .des{ border-bottom:solid 2px #3687c1; padding:.3rem 0; font-size:.18rem; font-family:"HarmonyOS-Light"!important; color:#555555; line-height:1.8;}
.pro-index-two .tab-pro-box .item-oil{ display:none;}
.pro-index-two .tab-pro-box .item-oil:nth-child(1){ display:block;}
.pro-index-two .tab-pro-box .liwb{ padding:.4rem 0 0;}
.pro-index-two .tab-pro-box .liwb li{ margin-bottom:.25rem; font-family:"HarmonyOS-Light"!important; font-size:.16rem; min-width:45%; background:url(../images/arrow5.png) no-repeat right center; background-size:.14rem; padding-right:.3rem;}
.pro-index-two .tab-pro-box .liwb li a:hover{ color:#146eb0;}



.index-three{ padding-bottom:.6rem;}
.index-three .auto-inner2{ position:relative; z-index:4;}
.index-three .text{ padding-top:.4rem; width:44%;}
.index-three .text .des{ margin:.35rem 0 .6rem; color:#333333; font-size:.16rem; line-height:2;}
.index-three .text .des p{margin:0;}
.index-three .pic{ width:50%;}
.index-three .pic .wtdvw{ width:45vw;}
.index-three .pic .wtdvw img{ transition:all .5s;}
.index-three .more .btn{ line-height:2.6; padding:0 .55rem 0 .2rem; font-size:.18rem; color:#64798c; border:solid 1px #c2cacf; border-radius:.1rem; position:relative; transition: all .5s;}
.index-three .more .btn::after{ position:absolute; top:-5px; right:-5px; content:''; display:block; width:.52rem; height:.57rem; background-image:url(../images/arrow4.png); background-size:contain;}
.index-three .more .btn:hover{ background:#146eb0; color:#fff;}
.index-three .more .btn:hover::after{background-image:url(../images/arrow7.png);}
.index-three .pic:hover .wtdvw img{ transform:scale(1.05);}
.index-three .lizi-canvas{position:absolute; left:0; bottom:0; width:100%; height:70%; z-index:1;}
.index-three .lizi-canvas canvas{ width:100%; height:100%!important; object-fit:cover;}


.index-four{ padding:1.2rem 0 .6rem; background-image:url(../images/industry-bg.png); background-repeat:no-repeat; background-position:center; background-size:cover;}
.index-four .tit-box{ width:100%; margin-bottom:.2rem;}
.index-four .let-wtd .des{ font-family:"HarmonyOS-Light"!important; font-size:.2rem; color:#555555;}
.index-four .more .btn{ background:#fff; line-height:2.6; padding:0 .55rem 0 .2rem; font-size:.18rem; color:#64798c; border:solid 1px #c2cacf; border-radius:.1rem; position:relative; transition: all .5s;}
.index-four .more .btn::after{ position:absolute; top:-5px; right:-5px; content:''; display:block; width:.52rem; height:.57rem; background-image:url(../images/arrow2.png); background-size:contain;}
.index-four .more .btn:hover{ background:#146eb0; color:#fff;}
.index-four .more .btn:hover::after{background-image:url(../images/arrow7.png);}
.index-four .item{ position:relative; display:block; color:#fff; overflow:hidden; border-radius:.3rem;}
.index-four .item .icon img{ max-width:.6rem;}
.index-four .item .text{ padding:.5rem 0; text-align:center; position:absolute; bottom:0; left:0; width:100%;  background-image:linear-gradient(to top,rgba(12,39,78),transparent);}
.index-four .item .text .tit{ font-size:.2rem; margin:.1rem 0;}
.index-four .item .more{ font-family:"HarmonyOS-Light"!important; font-size:.14rem; text-align:center;}
.index-four .item .more .but::after{ margin-left:.05rem; content:''; display:block; width:.25rem; height:.25rem; background-image:url(../images/arrow3.png); background-repeat:no-repeat; background-size:contain; background-position:center;}
.index-four .switc-box{ width:100%;}
.index-four .switc-box .swiper{ width:100%;}
.index-four .swiper-slide:nth-child(2n+1) .item{ margin:.6rem 0;}
.index-four .switc-box .swiper-but{ position:absolute; top:45%; width:.6rem; height:.6rem; margin-top:-.3rem; z-index:3; border-radius:5px;}
.index-four .switc-box .swiper-but::after{ width:100%; height:100%; content:''; display:block; background-image: url(../images/arrow1.png); background-repeat:no-repeat; background-position:center; filter: brightness(0); -webkit-filter: brightness(0); background-size:.2rem;}
.index-four .switc-box .swiper-but{ cursor:pointer; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); transition:all .5s;}
.index-four .switc-box .swiper-button-prev{ left:-.3rem; transform:rotate(-180deg);}
.index-four .switc-box .swiper-button-next{ right:-.3rem;}
.index-four .switc-box .swiper-but:hover{ background:#146eb0;}
.index-four .switc-box .swiper-but:hover::after{ filter: brightness(100%); -webkit-filter: brightness(100%);}

.index-five{ padding:1.3rem 0;}
.index-five .tit-box{ position:absolute; left:0; width:100%; text-align:right;}
.index-five .tit-box .des{ font-size:.18rem; color:#555555;}
.index-five .index-tit::before{ float: right;}
.index-five .index-tit span{ display:block;}
.index-five .switc-box .wtd45{ width:46.6633%;}
.index-five .switc-box .wtd50{ margin-bottom:.5rem; width:53.3%;}
.index-five .m-pica5 .item{ border-radius:0 .3rem .3rem 0; overflow:hidden;}
.index-five .m-pica5 .item a{ overflow:hidden; display:block;}
.index-five .m-pica5 .item figure{ display: block; width:100%; padding-bottom:69.258%; background-repeat:no-repeat; background-size:cover; background-position:center; transition:all .5s;}
.index-five .m-pica5 .item a:hover figure{ transform:scale(1.05);}
.index-five .m-pica5 .slick-arrow{ display:none!important;}
.index-five .m-bana5{ margin-left:-22%; padding-bottom:.35rem;}
.index-five .m-bana5 .item{ padding:.1rem;}
.index-five .m-bana5 .bg-back{padding:.5rem .4rem; background:#fff; box-shadow:0 0 .1rem 2px rgba(0,0,0,0.1); border:solid 1px #e4eaee; border-radius:.3rem;}
.index-five .m-bana5 .item .tit{ margin-bottom:.4rem; min-height:5em; line-height:1.6; font-size:.24rem; font-family:"HarmonyOS-Medium"!important;}
.index-five .m-bana5 .item .other .more{ font-family:"HarmonyOS-Light"!important;}
.index-five .m-bana5 .item .other .time{ color:#1da3dd;}
.index-five .m-bana5 .item .other .more a:hover{ color:#1da3dd;}
.index-five .m-bana5 .slick-dots{ width:62vw; text-align:center; position:absolute;bottom:0;left:0;right:0; padding-left:22%;white-space: nowrap;}
.index-five .m-bana5 .slick-dots button{width:1rem; height:2px;background:#727171;border:none;font-size:0;transition:.3s;opacity:.2; outline:none;}
.index-five .m-bana5 .slick-dots li{display:inline-block}
.index-five .m-bana5 .slick-dots .slick-active button{ height:2px; opacity:1; background:#146eb0;}
.index-five .m-bana5 .slick-arrow{ position:absolute; top:45%; width:.6rem; height:.6rem; margin-top:-.3rem; z-index:3; border-radius:5px;}
.index-five .m-bana5 .slick-arrow::after{ width:100%; height:100%; content:''; display:block; background-image: url(../images/arrow1.png); background-repeat:no-repeat; background-position:center; filter: brightness(0); -webkit-filter: brightness(0); background-size:.2rem;}
.index-five .m-bana5 .slick-arrow{ cursor:pointer; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); transition:all .5s;}
.index-five .m-bana5 .slick-prev{ left:30%; transform:rotate(-180deg);}
.index-five .m-bana5 .slick-next{ right:30%;}
.index-five .m-bana5 .slick-arrow:hover{ background:#146eb0;}
.index-five .m-bana5 .slick-arrow:hover::after{ filter: brightness(100%); -webkit-filter: brightness(100%);}


@media (max-width:1024px){
.pro-index-two .list{ background-size:70%;}
.pro-index-two .tab-pro-box .liwb li{ background-size:.15rem; width:100%; margin-bottom:.1rem;}
.pro-index-two .tab-pro-box .icon img{ max-width:.6rem;}
.index-five{ padding:1rem 0;}
.index-five .tit-box{ position:relative; margin-bottom:.35rem;}
.index-five .switc-box .wtd50{ margin-bottom:.2rem;}
.index-five .m-bana5 .item .tit{ font-size:.22rem;}
}


@media (max-width:640px){
.pro-index-two .tit-box{ flex-wrap:wrap;}
.pro-index-two .let-wtd{ margin-bottom:.3rem;}
.pro-index-two .let-wtd .des{ font-size:.24rem;}
.pro-index-two .more .btn{ font-size:.22rem;}
.pro-index-two .list{ width:100%;}
.pro-index-two .tab-pro-box{ width:100%;}
.pro-index-two .tab-pro-box .des{ font-size:.24rem;}
.pro-index-two .tab-pro-box .liwb li{ font-size:.24rem; background:none; padding-right:0;}
.pro-index-two .tab-pro-box .liwb li span{ display:inline-block; background:url(../images/arrow5.png) no-repeat right center; background-size:.18rem; padding-right:.3rem;}

.index-three .text{ margin-bottom:.35rem; width:100%;}
.index-three .text .des{ font-size:.24rem;}
.index-three .more .btn{ font-size:.22rem;}
.index-three .pic{ width:100%;}
.index-three .pic .wtdvw{ width:100%;}
.index-four .item .text .tit{ font-size:.24rem;}
.index-four .item .more{ font-size:.22rem;}
.index-four .let-wtd .des{ font-size:.22rem;}
.index-four .more .btn{ font-size:.22rem;}

.index-five .switc-box{ padding:0 .4rem 0;}
.index-five .switc-box .wtd45{ width:100%;}
.index-five .switc-box .wtd50{ width:100%;}
.index-five .tit-box .auto-inner2{ text-align:left; justify-content:flex-start;}
.index-five .index-tit::before{ float: left;}
.index-five .tit-box .des{ font-size:.22rem;}

.index-five .m-pica5 .item{ border-radius:.2rem;}
.index-five .m-bana5{ margin-left:0; margin-right:-.4rem;}
.index-five .m-bana5 .bg-back{ padding:.3rem;}
.index-five .m-bana5 .item .other{ font-size:.22rem;}
.index-five .m-bana5 .item .tit{ font-size:.24rem;}
.index-five .m-bana5 .slick-dots{ display:none!important; position:relative; padding-left:0; width:calc(100vw - .8rem);}
.index-five .m-pica5 .slick-arrow{ display:block!important; position:absolute; top:-.9rem; width:.6rem; height:.6rem; z-index:3; border-radius:5px;}
.index-five .m-pica5 .slick-arrow::after{ width:100%; height:100%; content:''; display:block; background-image: url(../images/arrow1.png); background-repeat:no-repeat; background-position:center; filter: brightness(0); -webkit-filter: brightness(0); background-size:.2rem;}
.index-five .m-pica5 .slick-arrow{ cursor:pointer; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); transition:all .5s;}
.index-five .m-pica5 .slick-prev{ right:.8rem; transform:rotate(-180deg);}
.index-five .m-pica5 .slick-next{ right:0;}
.index-five .m-pica5 .slick-arrow:hover{ background:#146eb0;}
.index-five .m-pica5 .slick-arrow:hover::after{ filter: brightness(100%); -webkit-filter: brightness(100%);}
}









/* 内页 */
.Inside-ban{ z-index:8;}
.Inside-ban img{ width:100%;}
.Inside-ban .pc-img{ display:block;}
.Inside-ban .web-img{ display:none;}
.Inside-ban .text-ban{ color:#fff; position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); font-family:"HarmonyOS-Light"!important;}
.Inside-ban .text-ban .tit-en{ text-transform:uppercase; font-size:.16rem;}
.Inside-ban .text-ban .tit-cn{ font-family:"HarmonyOS-Regular"!important; font-size:.4rem;}
.Inside-ban .text-ban .tit-cn2{ font-size:.6rem;}

@media (max-width:640px){
.Inside-ban .pc-img{ display:none;}
.Inside-ban .web-img{ display:block;}
/* .Inside-ban img{ min-height:3rem; object-fit:cover;} */
.Inside-ban .text-ban .tit-en{ font-size:.22rem;}
}


/* 内页菜单 */
.menu-box{ padding:.15rem 0; font-size:.18rem; border-bottom:solid 1px #eeeeee;}
.menu-box li{ margin-right:2px;}
.menu-box li:last-child{ margin-right:0;}
.menu-box li a{ display:block; padding:.1rem .2rem; line-height:1.7; color:#333333; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.menu-box li.on a,
.menu-box li a:hover{ color:#fff; background:#146eb0;}

@media (max-width:640px){
.menu-box{ font-size:.24rem;}
}


/* 关于我们-发展理念 */
.tit-about{ color:#146eb0; font-size:.3rem; font-family:"HarmonyOS-Bold"!important;}

.about-one{ padding:1rem 0;}
.about-one .text-des{ width:55%;}
.about-one .text-des .tit-about{ margin-bottom:.1rem;}
.about-one .text-des .intro{ color:#333333; font-family:"HarmonyOS-Light"!important; font-size:.2rem;}
.about-one .content{ margin-top:.8rem;}
.about-one .content .wtd100{ width:100%;}
.about-one .content dl{ width:3.3rem;}
.about-one .content dl dt{ margin-bottom:.2rem; border-bottom:solid 2px #e5e5e5;}
.about-one .content dl dt .icon{ margin-bottom:-2px; padding-bottom:.35rem; border-bottom:solid 2px #146eb0;}
.about-one .content dl dt .icon img{ width:.66rem;}
.about-one .content dl .bti{ margin-bottom:.2em; font-size:.24rem;}
.about-one .content dl .txt{ font-family:"HarmonyOS-Light"!important; font-size:.2rem;}
.about-one .pic{ width:37%; text-align:right;}

.about-two{ padding:1rem 0 1.45rem; background-image:url(../images/about-back.png); background-size:cover; background-repeat:no-repeat; background-position:center;}
.about-two .text-des{ width:60%;}
.about-two .intro{ line-height:2; font-family:"HarmonyOS-Light"!important;}
.about-two .des{ font-size:.2rem; margin:.3rem 0 .1rem;}
.about-two .list{ margin-top:.5rem; position:relative;}
.about-two .list .item{ color:#fff; position:relative; width:calc((100% - 6.2rem) / 3); border-radius:20px; overflow: hidden; border-right:solid 1px #fff; transition:all .5s;}
.about-two .list .item:last-child{ border-right:none;}
.about-two .list .bakc-bg{ position:relative; z-index:1; height:5rem; background-size:cover; background-repeat:no-repeat; background-position:center;}
.about-two .list .text{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; padding:.5rem .3rem; justify-content:center;}
.about-two .list .text .tit-box{ text-align:center;}
.about-two .list .text .tit-box .tit-order{ font-size:.24rem; font-family:"HarmonyOS-Medium"!important;}
.about-two .list .text .tit-box .tit-dary{ font-size:.18rem;}
.about-two .list .item.active{ width:6.2rem;}
.about-two .list .item.active .tit-box{ text-align:left;}
.about-two .list .item.active .text{ justify-content:flex-start; padding:.5rem;}
.about-two .list .item.active .intro{ display:block;}
.about-two .list-box .but{ position:absolute; top:50%; width:.6rem; height:.6rem; margin-top:-.3rem; z-index:3; border-radius:5px;}
.about-two .list-box .but::after{ height:100%; content:''; display:block; background-image: url(../images/arrow1.png); background-repeat:no-repeat; background-position:center; filter: brightness(0); -webkit-filter: brightness(0); background-size:.2rem;}
.about-two .list-box .but{ cursor:pointer; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); transition:all .5s;}
.about-two .list-box .but-prev{ left:-.4rem; transform:rotate(-180deg);}
.about-two .list-box .but-next{ right:-.4rem;}
.about-two .list-box .but:hover{ background:#146eb0;}
.about-two .list-box .but:hover::after{ filter: brightness(100%); -webkit-filter: brightness(100%); }

@media (min-width:700px){
.about-two .list .text .intro{ display:none; width:4rem; line-height:2; margin-top:.2rem; font-family:"HarmonyOS-Light"!important; animation: 0.8s ease 0.2s 1 normal backwards running fadeInUp; -webkit-animation: 0.8s ease 0.2s 1 normal backwards running fadeInUp; }
}

@media (max-width:1024px){
.about-one .content dl{ width:45%;}
.about-one .content dl .bti{ font-size:.2rem;}
.about-one .content dl dt .icon img{ width:.4rem;}
.about-one .content dl .txt{ font-size:.17rem;}
.about-two .list .bakc-bg{ height:4rem;}
.about-two .list .text{ padding:.3rem .1rem;}
.about-two .list .text .tit-box .tit-order{ font-size:.2rem;}
.about-two .list .text .tit-box .tit-dary{ font-size:.16rem;}
.about-two .list .text .intro{ font-size:.16rem; width:3.5rem; height:10em; overflow:auto;}
.about-two .list .text .intro::-webkit-scrollbar { width:2px;}
.about-two .list .text .intro::-webkit-scrollbar-track { background:#ffffff;}
.about-two .list .text .intro::-webkit-scrollbar-thumb { background:#146eb0;}
.about-two .list .text .intro::-webkit-scrollbar-thumb:hover{background:#146eb0;}
.about-two .list .item{ width:calc((100% - 4.5rem) / 3);}
.about-two .list .item.active{ width:4.5rem;}
.about-two .list .item.active .text{ padding:.3rem;}
.about-two .list-box .but{ width:.4rem; height:.4rem;}
.about-two .list-box .but-prev{ left:-.2rem;}
.about-two .list-box .but-next{ right:-.2rem;}
.about-two .list-box .but::after{ background-size:.15rem;}
}


@media (max-width:640px){
.tit-about{ font-size:.34rem;}
.about-one{ padding:.5rem 0;}
.about-one .text-des{ width:100%;}
.about-one .text-des .intro{ font-size:.24rem;}
.about-one .pic{ width:100%;text-align: center;}
.about-one .pic img{max-width:50%;}
.about-one .content{ margin:.35rem 0;}
.about-one .content dl .bti{ font-size:.26rem;}
.about-one .content dl .txt{ font-size:.22rem;}
.about-one .content dl dt .icon{ padding-bottom:.2rem;}
.about-one .content dl dt .icon img{ width:.5rem;}
.about-two{ padding:.8rem 0 1rem;}
.about-two .list .text .center{ display:none; width:4rem; line-height:2; margin-top:.2rem; font-family:"HarmonyOS-Light"!important; animation: 0.8s ease 0.2s 1 normal backwards running fadeInUp; -webkit-animation: 0.8s ease 0.2s 1 normal backwards running fadeInUp; }
.about-two .list .item{ border-radius:8px; display:none;}
.about-two .list .item.active,
.about-two .list .item.active .center{ width:100%; display:block;}
.about-two .list .text .tit-box{ line-height:1.5; margin-bottom:.1rem;}
.about-two .list .text .tit-box .tit-order{ font-size:.28rem;}
.about-two .list .text .tit-box .tit-dary{ font-size:.24rem;}
.about-two .list .text .intro{ width:100%; font-size:.2rem;}
.about-two .text-des{ width:100%;}
.about-two .des{ font-size:.24rem;}

.about-two .list-box .but{ width:.6rem; height:.6rem;}
.about-two .list-box .but-prev{ left:-.35rem;}
.about-two .list-box .but-next{ right:-.35rem;}
.about-two .list-box .but::after{ background-size:.22rem;}
}


/* 公司介绍 */
.company-one{ padding:1rem 0 1.1rem;}
.company-one .text{ line-height:1.8; font-family:"HarmonyOS-Light"!important; font-size:.16rem; width:53%;}
.company-one .text p{ margin:.5em 0;}
.company-one .pic{ width:42%;}
.company-one .pic .wtd50{ width:45vw; justify-content:flex-end;}
.company-one .pic .round{ border-radius:.4rem 0 0 .4rem; overflow:hidden; }

.company-two{ padding:1rem 0 1.2rem; background-image: url(../images/honor-bg.png);}
.company-two .tit-box{ font-family:"HarmonyOS-Light"!important;}
.company-two .tit-box .des{ margin-top:.1rem; font-size:.2rem;}
.company-two .item .tit{ font-size:.18rem; color:#333333; margin-top:1em; text-align:center;}
.company-two .item .pic .line{ box-shadow:5px 5px 15px rgba(0,0,0,.2);}
.company-two .switc-box{ padding:0 .3rem;}
.company-two .switc-box .swiper{ padding:.3rem .3rem 0;}
.company-two .switc-box .swiper-but{ position:absolute; top:45%; width:.6rem; height:.6rem; margin-top:-.3rem; z-index:3; border-radius:5px;}
.company-two .switc-box .swiper-but::after{ width:100%; height:100%; content:''; display:block; background-image: url(../images/arrow1.png); background-repeat:no-repeat; background-position:center; filter: brightness(0); -webkit-filter: brightness(0); background-size:.2rem;}
.company-two .switc-box .swiper-but{ cursor:pointer; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); transition:all .5s;}
.company-two .switc-box .swiper-button-prev{ left:-.3rem; transform:rotate(-180deg);}
.company-two .switc-box .swiper-button-next{ right:-.3rem;}
.company-two .switc-box .swiper-but:hover{ background:#146eb0;}
.company-two .switc-box .swiper-but:hover::after{ filter: brightness(100%); -webkit-filter: brightness(100%);}

.company-three{ padding:1rem 0;}
.company-three .tit-box .des{ margin-top:.1rem; font-size:.2rem;}
.company-three .tit-box{ margin-bottom:.5rem; font-family:"HarmonyOS-Light"!important;}
.company-three .course-tiem{ background-image: url(../images/line-time.png); background-repeat:no-repeat; background-position:bottom center; text-align:center; padding:0 1.7rem; position:relative;}
.company-three .course-tiem .item{ cursor:pointer; padding-bottom:.25rem; position:relative;}
.company-three .course-tiem .item .time{ line-height:1; font-size:.24rem; color:#555555;}
.company-three .course-tiem .item .iol{ margin-top:.1rem; padding: 0 .1rem; line-height:2; font-size:.18rem; background:#888888; color:#fff; border-radius:5px;}
.company-three .course-tiem .item .point{ position:absolute; left:50%; bottom:0; width:.3rem; height:.16rem; background:#fff; margin-left:-.15rem;}
.company-three .course-tiem .item .pot{ width:.16rem; height:.16rem; position:absolute; left:50%; bottom:0; margin-left:-.08rem;}
.company-three .course-tiem .item .pot::after{display:block; content:''; width:.05rem; height:.05rem; background:#555555;}
.company-three .course-tiem .swiper-slide{ display:-webkit-flex; justify-content:center; align-items:center; align-items:flex-end; height:auto;}
.company-three .course-tiem .swiper-slide-thumb-active .item .iol{  background:#00479d;  color:#fff;}
.company-three .course-tiem .swiper-slide-thumb-active .time{color:#00479d;}
.company-three .course-tiem .swiper-slide-thumb-active .pot{ background:#95c8f5;}
.company-three .course-tiem .swiper-slide-thumb-active .pot::after{ background:#00479d;}
.company-three .course-tiem .swiper-slide-thumb-active .time span{ font-size:.48rem; color:#00479d;}
.company-three .course-tiem .swiper-but{ position:absolute; top:auto; bottom:-.2rem; width:.6rem; height:.6rem; margin-top:-.3rem; z-index:3; border-radius:5px;}
.company-three .course-tiem .swiper-but::after{ width:100%; height:100%; content:''; display:block; background-image: url(../images/arrow1.png); background-repeat:no-repeat; background-position:center; filter: brightness(0); -webkit-filter: brightness(0); background-size:.2rem;}
.company-three .course-tiem .swiper-but{ cursor:pointer; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); transition:all .5s;}
.company-three .course-tiem .swiper-button-prev{ left:-.3rem; transform:rotate(-180deg);}
.company-three .course-tiem .swiper-button-next{ right:-.3rem;}
.company-three .course-tiem .swiper-but:hover{ background:#146eb0;}
.company-three .course-tiem .swiper-but:hover::after{ filter: brightness(100%); -webkit-filter: brightness(100%); }
.company-three .course-con{ margin-top:.8rem; padding:0 1.7rem; position:relative;}
.company-three .course-con .item .pic{ width:50%;}
.company-three .course-con .item .pic img{ min-height:100%; object-fit:cover;}
.company-three .course-con .item .text{ padding:.5rem; color:#fff; background:#3d7fb9 url(../images/logo2.png) no-repeat bottom right; width:50%; background-size:2.68rem;}
.company-three .course-con .item .tiem{ margin-bottom:.2rem; line-height:1.2; font-size:.32rem;}
.company-three .course-con .item .ul{ font-size:.2rem;}
.company-three .course-con .item .ul li{ position:relative; margin:.1rem 0; padding-left:.2rem;}
.company-three .course-con .item .ul li::after{ position:absolute; left:0; top:.6em; content:''; display:block; width:.05rem; height:.05rem; border-radius:50%; background:#fff;}

@media (max-width:1024px){
.company-three .course-tiem{ padding:0 .7rem; background-size:contain;}
.company-three .course-tiem .item .iol{ font-size:.16rem;}
.company-three .course-tiem .item .time{ font-size:.2rem;}
.company-three .course-tiem .swiper-slide-thumb-active .time span{ font-size:.33rem;}
.company-three .course-tiem .swiper-button-prev{ left:0;}
.company-three .course-tiem .swiper-button-next{ right:0;}
.company-three .course-con{ padding:0 .7rem;}
.company-three .course-con .item .text{ padding:.2rem .5rem;}
.company-three .course-con .item .tiem{ font-size:.3rem;}
.company-three .course-con .item .ul{ font-size:.16rem;}
}
@media (max-width:768px){
.company-one .text{ width:100%; font-size:.24rem;}
.company-one .pic{ margin-top:.3rem; width:100%;}
.company-one .pic .wtd50{ width:100%;}
.company-one .pic .round{ border-radius:.2rem;}
.company-two .item .tit{ font-size:.2rem;}
.company-three .course-tiem{ background-size:auto 15%;}
}
@media (max-width:640px){
.company-two .item .tit{ font-size:.24rem;}
.company-three .course-con{ padding:0; margin-top:2em;}
.company-three .course-con .item .pic{ width:100%;}
.company-three .course-con .item .text{ width:100%;}
.company-three .course-con .item .ul{ font-size:.24rem;}
}



/* 生产基地 */
.base-des{ padding:1rem 0; font-family:"HarmonyOS-Light"!important;}
.base-des .tit{ font-size:.36rem;}
.base-des .intro{ font-size:.24rem;}
.base-list{ background:#f2f2f2; padding:.8rem 0 1.25rem;}
.base-list .item{ direction:rtl; margin-bottom:.7rem;}
.base-list .item .pic{ width:55.556%; border-radius:.3rem; overflow: hidden;}
.base-list .item .pic img{ width:100%; height:100%; object-fit:cover;}
.base-list .item .text{ font-size:.16rem; direction:ltr; margin-bottom:-.2rem; width:44.4%;}
.base-list .item .text .center{ background:#fff url(../images/logo3.png) no-repeat 95% 90%; margin-right:-.7rem; width:calc(100% + .7rem); padding:.5rem .5rem .5rem 1rem; box-shadow:0px 0px 18px 2px rgba(215, 215, 215, 0.5); border-radius:.2rem; background-size: 2.68rem;}
.base-list .item .text .name{ font-size:.18rem; color:#1da3dd;}
.base-list .item .text .tit{ margin-bottom:.1rem; font-size:.3rem;}
.base-list .item .text .ul li{ padding-left:.2rem; margin-bottom:.1rem; position:relative;}
.base-list .item .text .ul li::after{ position:absolute; left:0; top:.32em; content:''; display:block; width:.12rem; height:.12rem; background:#1da3dd; border-radius:3px;}
.base-list .item .text .ul li:last-child{ margin-bottom:0;}
.base-list .item:nth-child(2n){ direction:ltr;}
.base-list .item:nth-child(2n) .text .center{ margin-right:auto; margin-left:-.7rem; direction:ltr;}
.base-list .item:last-child{ margin-bottom:0;}
@media (max-width:1024px){
.base-des .tit{ font-size:.33rem;}
.base-des .intro{ font-size:.22rem;}
.base-list .item .text .center{ padding:.3rem .3rem .3rem .5rem; background-size:2.2rem;}
.base-list .item .text .ul li{ margin-bottom:.5em;}
.base-list .item .text .tit{ margin:.2em 0 .4em; font-size:.24rem; line-height:1.3;}
.base-list .item .pic{ border-radius:.2rem;}
}

@media (max-width:640px){
.base-list .item .pic{ width:100%;}
.base-list .item .text{ width:100%; font-size:.23rem;}
.base-list .item .text .name{ font-size:.24rem;}
.base-list .item .text .tit{ font-size:.3rem;}
.base-list .item .text .center{ margin:-.3rem 0 0; border-radius:0 0 .2rem .2rem;}
.base-list .item:nth-child(2n) .text .center{ margin:-.5rem 0 0; border-radius:0 0 .2rem .2rem;}
.base-list .item .text .ul li::after{ top:.4em; border-radius:2px;}
}



/* 热招岗位 */
.Job-box{ padding:1rem 0 .5rem;}
.Job-list{ padding:0 .7rem .3rem;}
.Job-list .item{ padding:.5rem; margin-bottom:.25rem; background:#f8f8f8; border:solid 1px #d9e5ee; border-radius:.2rem;}
.Job-list .item .tit-box{ cursor:pointer; margin-bottom:.2rem; font-size:.18rem;}
.Job-list .item .tit-box .tit{ margin-right:2%; width:45%; font-size:.24rem; font-weight:bold;}
.Job-list .item .tit-box .other{ width:calc(52% - 4em); margin-right:1%;}
.Job-list .item .tit-box .other .line{ margin:0 1.4em;}
.Job-list .item .tit-box .more span{ display:block; margin-right:.2rem;}
.Job-list .item .tit-box .more i{font-size:.14rem;font-weight:bold;font-style:normal; font-family:swiper-icons!important; transition:all .5s;}
.Job-list .item .intro{ font-family:"HarmonyOS-Light"; color:#333333; font-size:.16rem;}
.Job-list .item .intro .name{ margin-bottom:.8em; font-size:.18rem; font-family:"HarmonyOS-Medium"!important;}
.Job-list .item .intro li{ line-height:2;}
.Job-list .item .cont{ display:none;}
.Job-list .item .cont p{ margin:0;}
.Job-list .item .aniu{ margin-top:.3rem;}
.Job-list .item .aniu .Apply{ padding:.1rem .2rem; display:block; color:#fff; background-color:#146eb0; border-radius: 10px;border: solid 1px #146eb0; cursor:pointer;}
.Job-list .item:last-child{ margin-bottom:0;}
.Job-list .item:hover,
.Job-list .item.active{ background-color: #f6f9fd; box-shadow:0px 0px 9px 1px rgba(78, 123, 184, 0.2); border-radius:20px; border: solid 1px #d9e5ee;}
.Job-list .item.active .tit-box{ color:#146eb0;}
.Job-list .item.active .tit-box .more i{ transform: rotate(90deg);}




/* 弹框 */
.pop-up{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:11; background:rgba(0,0,0,.7);}
.pop-up .Juz{ height:100%;}
.pop-up .Juz .wtd100{ width:7.4rem;}
.pop-up .Juz .center{ background:#fff; padding:.6rem; border-radius:.3rem;}
.pop-up .Juz .center .tit{ font-size:.36rem; text-align:center;}
.pop-up .Juz .center .low{ margin-bottom:.4rem; font-size:.18rem; color:#555555; text-align:center;}
.pop-up .Juz .center .wtd48{ width:48%;}
.pop-up .Juz .center .item{ margin-bottom:.2rem;}
.pop-up .Juz .center .name{ margin-bottom:.1rem; font-size:.18rem; color:#333333; font-family:"HarmonyOS-Light"!important;}
.pop-up .Juz .input input{ height:.5rem; width:100%; background:#f5f5f5; border:none; margin:0; padding:0 1em; border-radius:.5rem; outline:none;}
.pop-up .Juz .tishi{ margin:.2rem 0; color:#555555; font-size:.16rem;}
.pop-up .Juz .submit{ cursor:pointer; font-size:.18rem; line-height:3; background:#146eb0; color:#fff; text-align:center; border-radius:.5rem;}
.pop-up .Juz .dow_but{ background:#f5f5f5; color:#555555; line-height:3.1; text-align:center; border-radius:.5rem;}
.pop-up .Juz .dow_but input{ cursor:pointer; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%;}
.pop-up .Juz .dow_but .aniu span{ background:url(../images/dow.png) no-repeat center right; background-size:.16rem; padding-right:1.5em;}
.pop-up .close{ cursor:pointer; position:absolute; right:.3rem; top:.3rem; width:.4rem; height:.4rem; border:solid 2px #3d3d3d; background-image:url(../images/close.svg); background-size:.2rem; background-repeat:no-repeat; background-position:center; border-radius:.1rem; opacity:.7;}


@media (max-width:768px){
.Job-list{ padding:0;}
.Job-list .item .tit-box .other .line{ margin:0 1em;}
.Job-list .item .intro{ font-size:.2rem;}
.Job-list .item .intro .name{ font-size:.22rem; margin-bottom:0;}
}

@media (max-width:640px){
.Job-list .item .tit-box{ font-size:.2rem;}
.Job-list .item .tit-box .tit{ margin-bottom:.5em; width:100%; margin-right:0;}
.Job-list .item .tit-box .other{ font-size:.2rem; width:calc(100% - 4em);}
.Job-list .item .tit-box .other .line{ margin:0 .5em;}
.Job-list .item .intro{ font-size:.22rem; font-family:"HarmonyOS-Regular"!important;}
.Job-list .item .intro .name{ font-size:.24rem;}
.Job-list .item .intro li{ line-height:1.8;}

.pop-up .close{ border:solid 1px #3d3d3d;}
.pop-up .Juz{ width:90%; margin:0 auto;}
.pop-up .Juz .wtd100{ width:100%;}
.pop-up .Juz .center{ padding:.6rem .4rem;}
.pop-up .Juz .center .tit{ font-size:.26rem;}
.pop-up .Juz .center .low{ font-size:.22rem; margin-bottom:.25rem;}
.pop-up .Juz .center .name{ font-family:"HarmonyOS-Regular"!important; font-size:.24rem;}
.pop-up .Juz .input input{ height:.72rem; border-radius:.1rem; outline:none; padding:0 1em;}
.pop-up .Juz .submit{ font-size:.24rem; border-radius:.1rem;}
.pop-up .Juz .dow_but{ border-radius:.1rem;}
.pop-up .Juz .tishi{ font-family:"HarmonyOS-Regular"!important; font-size:.2rem;}
}


/* 下载中心弹框 */
.form-up{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:13; background:rgba(0,0,0,.7);}
.form-up .demo-box{ padding:.4rem; margin:0; border-radius:.2rem;}
.form-up .demo-intro .des{ font-size:.2rem;}
.form-up .demo-intro{ padding-bottom:.2rem;}
.form-up .demo-form .tips{ margin-bottom:.1rem;}
.form-up .other-choice{ padding:.15rem 0;}
.form-up .basic-ixl .input-box{ margin-bottom:.15rem;}
.form-up .basic-ixl .addr-shell input{ width:9.5em;}
.form-up .demo-form .tishi{ padding:.2rem 0; margin-top:.1rem;}
.form-up .demo-box .submit{ margin-top:.2rem;}
.form-up .Juz{ height:100%;}
.form-up .Juz .center{ background:#fff; padding:.6rem; border-radius:.3rem;}
.form-up .close{ cursor:pointer; position:absolute; right:.3rem; top:.3rem; width:.4rem; height:.4rem; border:solid 2px #3d3d3d; background-image:url(../images/close.svg); background-size:.2rem; background-repeat:no-repeat; background-position:center; border-radius:.1rem; opacity:.7;}

@media(max-width:768px){
	.form-up .demo-box{max-height:96%;overflow: auto;box-sizing: border-box;max-width:98%;}
}


/* 产品 */
.hidePoint{position:absolute;height:0;visibility:hidden;top:0;left:0;}
.search-pro{ padding:1rem 0; }
.search-pro .back{ padding:.7rem; background:#f5f7f9; border-radius:.3rem;}
.search-pro .small-tit{ font-size:.24rem;}
.search-pro .big-tit{ font-size:.48rem;}
.search-pro .search-dow .txt-wz{ width:3rem; background-color:#fff; font-size:.18rem; position:relative; z-index:2; cursor:pointer; padding:0 .25rem; line-height:3; display:block; border:solid 1px #e4e4e4; border-radius:10px;}
.search-pro .search-dow .txt-wz::after{ position:absolute; right:.2rem; top:0; display:block; font-weight:bolder; content:'next'; font-family:swiper-icons!important; transform:rotate(90deg); }
.search-pro .search-dow .pull-dow{ display:none; position:absolute; top:100%; left:0; width:100%; background-color:#fff; padding:.1rem 0; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:10px;}
.search-pro .search-dow .pull-dow .iwo{ cursor:pointer; padding:.05rem .25rem;}
.search-pro .search-dow .pull-dow .iwo:hover{ color:#3687c1;}

.pro-list{ padding-bottom:1rem;}
.pro-list .wrapIn{ width:100%;}
.pro-list .section{ margin-bottom:.35rem; background:#fff; padding:.7rem; box-shadow:0px 0px 9px 1px rgba(175, 175, 175, 0.25); border-radius:.2rem; border: solid 1px #eaeaea;}
.pro-list .section .text{ width:32%;}
.pro-list .section .text .tit{ margin-bottom:.2rem; font-size:.3rem; font-family:"HarmonyOS-Bold"!important;}
.pro-list .section .text .des{ line-height:1.8; margin-bottom:.2rem; font-size:.16rem; font-family:"HarmonyOS-Light"!important;}
.pro-list .section .text .back img{ object-fit:contain; width:2.3rem; height:2rem;}
.pro-list .section .text .aniu{ transform:translateY(70%);}
.pro-list .section .text .aniu .btn{ line-height:2.6; padding:0 .55rem 0 .2rem; font-size:.18rem; color:#64798c; border:solid 1px #c2cacf; border-radius:.1rem; position:relative;}
.pro-list .section .text .aniu .btn::after{ position:absolute; top:-5px; right:-5px; content:''; display:block; width:.52rem; height:.57rem; background-image:url(../images/arrow2.png); background-size:contain;}
.pro-list .section .switc-box{ width:52%;}
.pro-list .section .item .pic{ text-align:center; width:2.8rem; height:2.8rem;}
.pro-list .section .item .pic img{ object-fit:contain; width:100%; height:100%;}
.pro-list .section .item .mcn{ font-size:.18rem; color:#1da3dd; font-family:"HarmonyOS-Bold"!important;}
.pro-list .section .item .tit{ margin-bottom:.25rem; font-size:.2rem; font-family:"HarmonyOS-Medium"!important;}
.pro-list .section .item .more{ margin-top:.1rem; font-size:.14rem; text-align:center;}
.pro-list .section .item .more .but::after{ margin-left:.05rem; content:''; display:block; width:.25rem; height:.25rem; background-image:url(../images/arrow3.png); background-repeat:no-repeat; background-size:contain; background-position:center;}
.pro-list .swiper-pagination{ position:absolute; left:0; width:auto;}
.pro-list .swiper-pagination .swiper-pagination-bullet{ cursor:pointer; width:.15rem; height:.15rem; position:relative; z-index:1; -webkit-transition: all 320ms ease-out 0s; transition: all 320ms ease-out 0s; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #c9c9c9; display:inline-block; vertical-align:top; margin-right:.15rem; border-radius:.03rem;}
.pro-list .swiper-pagination .swiper-pagination-bullet:after{ content:" "; z-index:-1; pointer-events:none; position:absolute; -webkit-transition: all 320ms ease-out 0s; transition: all 320ms ease-out 0s; background-color:#146eb0; left:100%; bottom:0; width:0; height:100%}
.pro-list .swiper-pagination .swiper-pagination-bullet em{ display:none;}
.pro-list .swiper-pagination .swiper-pagination-bullet:hover{ border-color:#146eb0}
.pro-list .swiper-pagination .swiper-pagination-bullet-active{ border-color:#146eb0; background-color:#146eb0}
.pro-list .swiper-pagination .swiper-pagination-bullet-active:after{ top:0; height:100%; -webkit-transition: top 0s ease-out 0s,height 220ms ease-out 0s,left 0s ease-out 0s,width 220ms ease-out 0s; transition: top 0s ease-out 0s,height 220ms ease-out 0s,left 0s ease-out 0s,width 220ms ease-out 0s; left:0; width:100%;}
@media (max-width:1024px){
.pro-list .section .item .mcn{ font-size:.16rem;}
.pro-list .section .item .pic{ width:100%;}
.pro-list .section .item .pic{ height:2.5rem;}
.pro-list .section .item .pic img{ max-height:2.5rem;}
.pro-list .section .item .tit{ font-size:.16rem;}
.pro-list .wrapIn{ align-items:flex-end;}
.pro-list .section .text{ width:40%;}
.pro-list .section .text .des{ font-size:.2rem;}
}
@media (max-width:768px){
.pro-list .section .item .mcn{ font-size:.2rem;}
.pro-list .section .item .tit{ font-size:.22rem;}
}
@media (max-width:640px){
.search-pro{ padding:.7rem .4rem;}
.search-pro .back{ padding:.4rem; border-radius:.2rem;}
.search-pro .big-tit{ font-size:.34rem;}
.search-pro .search-dow{ width:2.5rem; z-index:5;}
.search-pro .search-dow .txt-wz{ line-height:2.8; width:100%; border-radius:.08rem; font-size:.24rem;}
.pro-list .section{ padding:.3rem;}
.pro-list .section .text{ width:100%;}
.pro-list .section .text img{ max-width:50%;}
.pro-list .section .text .des{ font-size:.24rem;}
.pro-list .section .text .aniu .btn{ line-height:2; font-size:.22rem;}
.pro-list .section .switc-box{ margin-top:.3rem; width:100%;}
.pro-list .section .item .mcn{ font-size:.22rem;}
.pro-list .section .item .pic{ height:2.5rem;}
.pro-list .section .item .pic img{ height:2.5rem;}
.pro-list .section .item .tit{ font-size:.24rem; margin-bottom:.15rem; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro-list .section .item .more{ font-size:.22rem;}
.pro-list .swiper-pagination{ position:inherit; margin-top:.3rem;}
}



/* 产品详情 */
.pro-details .info-tit{ margin-bottom:.15rem; position:relative; font-size:.3rem; color:#146eb0; font-family:"HarmonyOS-Bold"!important; padding-left:.2rem; line-height:.9;}
.pro-details .info-tit::before{position:absolute; left:0; content:''; display:block; width:.04rem; height:100%; background:#146eb0;}

.details-one{ padding:1rem 0;}
.details-one .text{ width:50%;}
.details-one .text .tit{ margin-bottom:.5rem; font-size:.4rem; font-family:"HarmonyOS-Bold"!important;}
.details-one .text .des{ line-height:2;}
.details-one .text .des p{ margin:0;}
.details-one .text .aniu{ transform:translateY(70%);}
.details-one .text .aniu .btn{margin-right: .2rem;line-height:2.6; padding:0 .55rem 0 .2rem; font-size:.18rem; color:#64798c; border:solid 1px #c2cacf; border-radius:.1rem; position:relative;}
.details-one .text .aniu .btn:last-child{margin-right: 0;}
.details-one .text .aniu .btn::after{ position:absolute; top:-5px; right:-5px; content:''; display:block; width:.52rem; height:.57rem; background-image:url(../images/arrow2.png); background-size:contain;}
.details-one .pic{ width:35%; text-align:right;}
.details-one .pic img{max-height: 4.6rem;}

.details-menu .auto-inner2{ padding:.35rem 0; border-top:solid 1px #edf1f5;}
.details-menu li{ font-size:.24rem; line-height:1.1; padding:0 .5rem; border-right:solid 1px #d3dae0;}
.details-menu li a{ cursor:pointer;}
.details-menu li.active a{ color:#1da3dd; font-family:"HarmonyOS-Bold"!important;}
.details-menu li:last-child{ border-right:none;}
.details-menu.onFixed{ background:#fff; position:fixed; left:0; top:0; width:100%; z-index:5; box-shadow:0 0 10px rgba(0,0,0,.1);}


.details-info .section_bg{ background-image:url(../images/product-back1.png); background-size:cover; background-repeat:no-repeat; background-position:center;}
.details-info .section{ padding:.8rem 0;}
.details-info .line-box .line{ border-bottom:solid 1px #cdd7e1;}
.details-info .padd_20{ padding:0 .2rem;}
.details-info .info-tit{ margin-bottom:.3rem;}
.details-info .wtd100{ width:100%;}
.details-info .content p{margin:0;}
.details-info .content .des{ font-family:"HarmonyOS-Light"!important; margin:1em 0; line-height:2;}
.details-info .gray_dl{ width:33.333%; padding-right:5%; color:#333333;}
.details-info .gray_dl dt{ margin-bottom:.15rem; font-size:.18rem; font-family:"HarmonyOS-Medium"!important;}
.details-info .gray_dl dd{ padding-left:1em; position:relative; margin-bottom:.1rem; font-family:"HarmonyOS-Light"!important; font-size:.16rem;}
.details-info .gray_dl dd::before{ position:absolute; top:.6em; left:0; content:''; display:block; width:.05rem; height:.05rem; background:#535353; border-radius:100%;}
.details-info .blue_dl{ max-width:49%;}
.details-info .blue_dl dt{ margin-bottom:.15rem; font-size:.18rem; font-family:"HarmonyOS-Medium"!important;}
.details-info .blue_dl dd{ padding-left:1em; position:relative; margin-bottom:.1rem; font-family:"HarmonyOS-Light"!important; font-size:.16rem;}
.details-info .blue_dl dd::before{ position:absolute; top:.6em; left:0; content:''; display:block; width:.05rem; height:.05rem; background:#146eb0; border-radius:100%;}
.details-info .blue_table{ padding-top:.3rem;}
.details-info .blue_table table,
.details-info .blue_table table th,
.details-info .blue_table table td{border:solid 1px #ececec;}
.details-info .blue_table table{ width:100%; text-align:center;}
.details-info .blue_table table th{ padding:.1rem; font-size:.2rem; background:#b3cddd; width:33.33%; font-family:"HarmonyOS-Medium"!important; font-weight: 500; text-transform:uppercase; color:#194464;}
.details-info .blue_table table td{ font-family:"HarmonyOS-Light"!important; padding:.125rem .1rem;}
.details-info .blue_table table tr:nth-child(2n+1){ background:#f6f8f9;}
.details-info .section_order{ background-image:url(../images/product-back2.png); background-size:cover; background-repeat:no-repeat; background-position:center;}
.details-info .order_table{ padding:0 .2rem;}
.details-info .order_table table th,
.details-info .order_table table td{border:solid 1px #ececec;}
.details-info .order_table table th{ border-top:none;}
.details-info .order_table table{ background:#fff; width:100%; text-align:center;}
.details-info .order_table .text_left{ text-align:left;}
.details-info .order_table table th{ padding:.1rem; font-size:.2rem; background:#b3cddd; font-family:"HarmonyOS-Medium"!important; font-weight: 500; text-transform:uppercase; color:#194464;}
.details-info .order_table table th:nth-child(1),
.details-info .order_table table th:nth-child(2){ width:16.666%;}
.details-info .order_table table th:nth-child(3),
.details-info .order_table table th:nth-child(4){ width:33.333%;}
.details-info .order_table table td{ font-family:"HarmonyOS-Light"!important; padding:.1rem .4rem;}
.details-info .order_table table .medium{ font-family:"HarmonyOS-Medium"!important;}
.details-info .order_table table .regular{ font-family:"HarmonyOS-Regular"!important;}
.details-info .order_table table .light_bg{ background:#f7f7f7;}
.details-info .order_table table .light_cr{ background:#f5f8fa;}
.details-info .order_table table .baby_bg{ background:#ebf0f3;}

.details-info .dow-list{ padding:0 .2rem;}
.details-info .dow-list li{ width:31.333%; margin-right:3%; margin-bottom:1.5%; border:solid 1px #eaedef; box-shadow: 0px 0px 6px 0px rgba(127, 127, 127, 0.15); border-radius:.15rem;}
.details-info .dow-list li a{ min-height:5em; padding:.1rem .2rem;}
.details-info .dow-list li .icon{ margin-right:.15rem; background-image:url(../images/file-icon.png); background-repeat:no-repeat; background-position:center; background-size:cover; width:.38rem; height:.41rem;}
.details-info .dow-list li .icon::after{ content:''; display:block; width:100%; height:100%; background-image:url(../images/file-icon2.svg); background-repeat:no-repeat; background-position:center; background-size:.23rem;}
.details-info .dow-list li .more{ width:.2rem; height:.2rem; background-image:url(../images/dow.svg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.details-info .dow-list li .tit{ width:calc(100% - .75rem); padding-right:.8rem;}
.details-info .dow-list li:nth-child(3n){ margin-right:0;}
.details-info .dow-list li:hover{ background:#146eb0; transition:all .5s;}
.details-info .dow-list li:hover a{ color:#fff;}
.details-info .dow-list li:hover .more{ background-image:url(../images/dow2.svg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.details-info .dow-list li:hover .icon{ background-image:url(../images/file-icon2.png); background-repeat:no-repeat; background-position:center; background-size:cover;}
.details-info .dow-list li:hover .icon::after{ background-image:url(../images/file-icon.svg); background-repeat:no-repeat; background-position:center; background-size:cover; background-size:.23rem;}

@media (max-width:1024px){
.details-info .dow-list li .tit{ padding-right:.3rem;}
}
@media (max-width:768px){
.details-info .order_table table td{ padding:.1rem .2rem;}
.details-one .text{ width:55%;}
}
@media (max-width:640px){
.pro-details .info-tit{ font-size:.36rem;}

.details-one .text{ width:100%;}
.details-one .text .aniu .btn{ font-size:.24rem;}
.details-one .pic{ margin-top:1rem; width:80%;}
.details-menu li{ font-size:.26rem; padding:0 .5em;}
.details-info .info-tit{ margin-bottom:.5rem;}
.details-info .gray_dl{ margin-bottom:5%; width:100%; padding-right:0;}
.details-info .gray_dl dt{ font-size:.26rem;}
.details-info .gray_dl dd{ font-size:.24rem;}
.details-info .gray_dl dd:last-child{ margin-bottom:0;}
.details-info .blue_dl{ max-width:100%; margin-bottom:5%; width:100%; padding-right:0;}
.details-info .blue_dl dt{ font-size:.26rem;}
.details-info .blue_dl dd{ font-size:.24rem;}
.details-info .blue_dl dd:last-child{ margin-bottom:0;}
.details-info .blue_table{ overflow:auto;}
.details-info .blue_table table th{ font-size:.26rem;}
.details-info .order_table{ overflow:auto; padding:0;}
.details-info .order_table table{ width:max-content;}
.details-info .order_table table th{ font-size:.26rem;}
.details-info .order_table table th:nth-child(1),
.details-info .order_table table th:nth-child(2){ width:auto;}
.details-info .order_table table th:nth-child(3),
.details-info .order_table table th:nth-child(4){ width:auto;}
.details-info .dow-list li{ width:100%; margin-right:0; margin-bottom:5%;}
}



/* 公司新闻 */
.company-news{ padding:1rem 0 .5rem;}
.top-news{ margin-bottom:.4rem;}
.top-news .item{ border-bottom:solid 1px #ececec; border-top:solid 1px #ececec;}
.top-news .item .pic{ width:52%; overflow:hidden;}
.top-news .item .pic img{ width:100%; height:4.2rem; object-fit:cover; transition:all .5s;}
.top-news .item .text{ padding:0 .6rem; width:48%;}
.top-news .item .text .time{ font-size:.18rem; color:#1da3dd;}
.top-news .item .text .tit{ font-family:"HarmonyOS-Bold"!important; margin:.15rem 0; font-size:.24rem; color:#231815; transition:all .5s;}
.top-news .item .text .des{ margin-bottom:.3rem; line-height:2; font-family:"HarmonyOS-Light"!important;}
.top-news .item .text .more{ line-height:1; color:#1da3dd;}
.top-news .item .text .more .but::after{ font-size:.14rem; margin-left:.1rem; font-weight:bold; content:"next"; font-family:swiper-icons!important;}
.top-news a:hover .pic img{ transform:scale(1.1);}
.top-news a:hover .text .tit{ color:#1da3dd;}

.company-news .list{ margin-bottom:.35rem;}
.company-news .list li{ border-bottom:solid 1px #ececec; padding:.5rem 0;}
.company-news .list li .pic{ width:20%; overflow:hidden;}
.company-news .list li .pic img{ width:100%; height:100%; object-fit:cover; transition:all .5s;}
.company-news .list li .text{ padding-left:.3rem; padding-right:1rem; width:calc(79% - 1.5rem); border-right:solid 1px #ececec;}
.company-news .list li .text .tit{ font-size:.24rem; transition: all .5s;}
.company-news .list li .text .des{ line-height:2; height:4em; overflow:hidden; margin:.15rem 0; color:#666666;}
.company-news .list li .more{ line-height:1; color:#1da3dd;}
.company-news .list li .more .but::after{ font-size:.14rem; margin-left:.1rem; font-weight:bold; content:"next"; font-family:swiper-icons!important;}
.company-news .list li .time{ width:1.5rem;}
.company-news .list li .time .center::before{ margin-bottom:.1rem; content:''; display:block; width:1.5em; height:2px; background:#1da3dd;}
.company-news .list li .time .data{ font-size:.24rem; color:#1da3dd;}
.company-news .list li .time .year{ color:#666666;}
.company-news .list li a:hover .pic img{ transform:scale(1.1);}
.company-news .list li a:hover .tit{ color:#146eb0;}
.company-news .swiper-but{ position:absolute; top:auto; bottom:.5rem; width:.6rem; height:.6rem; z-index:3; border-radius:5px;}
.company-news .swiper-but::after{ width:100%; height:100%; content:''; display:block; background-image: url(../images/arrow1.png); background-repeat:no-repeat; background-position:center; filter: brightness(0); -webkit-filter: brightness(0); background-size:.2rem;}
.company-news .swiper-but{ cursor:pointer; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); transition:all .5s;}
.company-news .swiper-button-prev{ left:auto; right:1.4rem; transform:rotate(-180deg);}
.company-news .swiper-button-next{ right:.45rem;}
.company-news .swiper-but:hover{ background:#146eb0;}
.company-news .swiper-but:hover::after{ filter: brightness(100%); -webkit-filter: brightness(100%); }

@media (max-width:1024px){
.top-news .item .text{ padding:0 .4rem;}
.top-news .item .text .des{ margin-bottom:.1rem;}
.company-news{ padding:.5rem 0;}
.company-news .swiper-but{ bottom:.2rem; width:.5rem; height:.5rem;}
.company-news .swiper-but::after{ background-size:0.15rem;}
.company-news .swiper-button-prev{ right:1rem;}
.company-news .swiper-button-next{ right:.4rem;}
.company-news .list li .pic{ width:35%;}
.company-news .list li .text{ width:calc(65% - 1.5rem); padding:0 .5rem 0 .3rem;}
}
@media (max-width:768px){
.top-news .item .pic{ width:100%;}
.top-news .item .pic img{ height:auto;}
.top-news .item .text{ padding:.3rem 0 .6rem; width:100%;}
.top-news .item .text .time{ font-size:.24rem;}
.top-news .item .text .tit{ font-size:.26rem;}
.company-news .swiper-but{ bottom:.2rem; width:.5rem; height:.5rem;}
}
@media (max-width:640px){
.company-news .list li .pic{ margin-bottom:.3rem; width:100%;}
.company-news .list li .text{ width:calc(100% - 1.5rem); padding:0; padding-right:.4rem;}
.company-news .list li .text .tit{ font-size:.26rem;}
.company-news .list li .time .data{ font-size:.28rem;}
}





/* 活动中心 */
.activity-box{ padding:.35rem 0;}
.activity-box .list{ padding-bottom:.25rem;}
.activity-box .list li{ padding:.45rem 0; border-bottom:solid 1px #ececec;}
.activity-box .list li .pic{ width:27.778%; overflow:hidden;}
.activity-box .list li .pic img{ width:100%; height:100%; object-fit:cover; transition:all .5s;}
.activity-box .list li .other{ color:#555555; width:17%; padding:1% 3%; border-right:solid 1px #ececec;}
.activity-box .list li .other .addr{ width:100%;}
.activity-box .list li .other .name{ margin-bottom:.05rem; font-size:.14rem; color:#999999;}
.activity-box .list li .oalw{ width:100%;}
.activity-box .list li .oalw .start{ margin-bottom:.1rem;}
.activity-box .list li .oalw em{ line-height:1; font-style:normal; }
.activity-box .list li .oalw .data{ margin-right:.1rem; font-size:.24rem; color:#146eb0;}
.activity-box .list li .text{ padding-left:.9rem; width:55%;}
.activity-box .list li .text .tit{ margin-bottom:.15rem; font-size:.24rem; color:#333; transition:all .5s;}
.activity-box .list li .text .des{ color:#555555; line-height:2; font-family:"HarmonyOS-Light"!important;}
.activity-box .list li a:hover .pic img{ transform:scale(1.1);}
.activity-box .list li a:hover .tit{ color:#146eb0;}
@media (max-width:1024px){
.activity-box .list li .pic{ width:70%;}
.activity-box .list li .other{ width:30%; border-right:none;}
.activity-box .list li .text{ padding:.3rem 0 0; width:100%;}
}
@media (max-width:640px){
.activity-box .list li .pic{ width:65%;}
.activity-box .list li .other{ width:35%;}
.activity-box .list li .text .tit{ font-size:.26rem;}
.activity-box .list li .other .name{ font-size:.2rem;}
}





/* 新闻详情 */
.news-info{ padding:1rem 0;}
.news-info .tit-box{ border-bottom:solid 1px #ededed; padding-bottom:.3rem;}
.news-info .tit-box .tit{ line-height:1.3; max-width:55%; font-size:.44rem; font-family:"HarmonyOS-Medium"!important;}
.news-info .tit-box .other{ color:#abadaf; font-size:.18rem;}
.news-info .tit-box .other i{ margin:0 .5em; font-family:"HarmonyOS-Bold"!important; font-style:normal;}
.news-info .tit-box .other .location span{ color:#1da3dd;}
.news-info .info-con{ line-height:2; font-family:"HarmonyOS-Light"!important; color:#2d333c;}
.news-info .info-con p{ margin:0;}
.news-info .article-box{ padding-top:.5rem; border-top:solid 1px #e6e6e6;}
.news-info .article-box dl{ width:calc(100% - 2rem); line-height:1.8;}
.news-info .article-box dl dd{ line-height:2.5; color:#999999;}
.news-info .article-box dl dd a{ position:relative; color:#333333;}
.news-info .article-box dl dd a:hover{ color:#1da3dd;}
.news-info .article-box .return a{ text-align:center; display:block; width:1.7rem; padding:.13rem; color:#333333; overflow:hidden; border:solid 1px #dbe5ed; transition:all .5s; border-radius:.5rem;}
.news-info .article-box .return a:hover{ background:#1da3dd;}
.news-info .article-box .return a:hover span{ color:#fff;}
@media (max-width:1024px){
.news-info .tit-box .tit{ max-width:60%;}
.news-info .tit-box .other{ font-size:.2rem;}
}
@media (max-width:640px){
.news-info .tit-box .tit{ font-size:.38rem; text-align:center; max-width:100%; width:100%; margin-bottom:.1rem;}
.news-info .tit-box .other{ width:100%; justify-content:center; font-size:.24rem;}
.news-info .info-con img{ height: auto !important; max-width:100%;}
}




/* 联系我们 */
.contact-one{ padding:1rem 0 .5rem;}
.contact-one .tit-box{ margin-bottom:.6rem;}
.contact-one .tit-box .tit{ font-size:.36rem; font-family:"HarmonyOS-Light"!important;}
.contact-one .text .name span{ font-size:.18rem; font-family:"HarmonyOS-Bold"!important; margin:1em 0 0; color:#1da3dd; display:block;}
.contact-one .text .name::before{ background:#1da3dd; width:2em; height:2px; content:''; display:block;}
.contact-one .text .tit{ margin-bottom:.2rem; font-size:.32rem; color:#000000;}
.contact-one .text dl{ border-right:dotted 1px #d6d6d6; padding:0 .5rem;}
.contact-one .text dl dt{ margin-bottom:.1rem; font-size:0;}
.contact-one .text dl dt span{ margin-left:.1rem; color:#999999; font-size:.16rem; display:block;}
.contact-one .text dl dd{ font-family:"HarmonyOS-Medium"!important; font-size:.18rem;}
.contact-one .text dl:first-child{ padding-left:0;}
.contact-one .text dl:last-child{ border-right:none; padding-right:0;}
.contact-one .code-img{ text-align:center; margin-right:.5rem;}
.contact-one .code-img .pic{ margin-bottom:.15rem; padding:.1rem; border:solid 1px #d2d2d2; border-radius:.05rem;}
.contact-one .code-img .pic img{ width:1.28rem;}
.contact-one .code-img:last-child{ margin-right:0;}

.contact-two{ background:url(../images/contact-bg.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; padding:1rem 0 2rem;}
.contact-two .item{ padding-bottom:.2rem; max-width:49%; border-bottom:dashed 1px #d2d2d2;}
.contact-two .item .name span{ font-size:.18rem; font-family:"HarmonyOS-Bold"!important; margin:1em 0 0.5em; color:#1da3dd; display:block;}
.contact-two .item .name::before{ background:#1da3dd; width:2em; height:2px; content:''; display:block;}
.contact-two .item .tit{ margin-bottom:.2rem; font-size:.32rem; color:#000000;}
.contact-two .item .wtd100{ width:100%;}
.contact-two .item dl{ border-right:dotted 1px #d6d6d6; padding:0 .5rem;}
.contact-two .item dl dt{ margin-bottom:.1rem; font-size:0;}
.contact-two .item dl dt span{ margin-left:.1rem; color:#999999; font-size:.16rem; display:block;}
.contact-two .item dl dd{ font-size:.16rem; font-family:"HarmonyOS-Medium"!important;}
.contact-two .item dl:first-child{ padding-left:0;}
.contact-two .item dl:last-child{ border-right:none; padding-right:0;}

@media (max-width:1024px){
.contact-one .wit-box{ width:100%;}
.contact-one .text{ margin-bottom:.3rem; width:100%;}
.contact-two{ padding:1rem 0;}
.contact-two .item{ margin-bottom:.35rem; max-width:100%; width:100%;}
}
@media (max-width:640px){
.contact-one .text dl{ margin-bottom:.2rem; padding-left:0; width:100%;}
.contact-one .text dl dd{ font-size:.24rem;}
.contact-one .text dl dt span{ font-size:.24rem;}
.contact-one .text dl:last-child{ margin-bottom:0;}
.contact-one .text .name span{ font-size:.24rem;}
.contact-one .tit-box{ margin-bottom:.3rem;}
.contact-two .item dl{ margin-bottom:.2rem; padding-left:0; width:100%;}
.contact-two .item dl dd{ font-size:.24rem;}
.contact-two .item dl dt span{ font-size:.24rem;}
.contact-two .item dl:last-child{ margin-bottom:0;}
.contact-two .item .name span{ font-size:.24rem;}
}






/* 样品申请 */
.demo-shell{ position:relative; z-index:10; padding-bottom:1rem; background-image:url(../images/demo-bg.jpg); background-repeat:no-repeat; background-position:bottom center; background-size:contain;}
.demo-box{ max-width:12rem; margin:-1rem auto 0; background:#fff; box-shadow:0px 0px 21px 4px rgba(57, 87, 123, 0.25); border: solid 1px #f0f0f0; padding:.9rem .9rem 1.1rem; border-radius:.4rem;}

.demo-intro{ padding-bottom:.6rem;}
.demo-intro .tit{ font-size:.36rem; font-family:"HarmonyOS-Light"!important;}
.demo-intro .des{ margin:.25rem 0 0; font-size:.24rem; color:#333333; font-family:"HarmonyOS-Light"!important;}
.demo-intro .des p{margin:0;}

.demo-form .tips{ margin-bottom:.25rem; color:#146eb0; font-size:.24rem; font-family:"HarmonyOS-Medium"!important;}
.demo-form .tips::before{ width:.04rem; height:.2rem; content:''; display:block; width:2px; background:#146eb0;}
.demo-form .tips span{ padding-left:.1rem;}

.basic-ixl .wtd100{ width:100%;}
.basic-ixl .witx{ font-family:"HarmonyOS-Light"!important; line-height:.45rem; font-size:.18rem; color:#000;}
.basic-ixl .input-box{ margin-bottom:.25rem;}
.basic-ixl .input input{ font-size:.16rem; width:100%; height:.45rem; outline:none; display:block; margin:0; padding:0 .05rem; border:none; border-bottom:solid 1px #dcdcdc;}
.basic-ixl em{ font-size:.16rem; font-family:"HarmonyOS-Light"!important; font-style:normal; display:block; height:.45rem; line-height:.45rem;}
.basic-ixl .addr-shell input{ font-size:.16rem; padding:0 .05rem; width:8.4em;}
.basic-ixl .size5em{ width:5em;}
.basic-ixl .subtract5em{ width:calc(100% - 5.7em);}
.basic-ixl .size4em{ width:4em;}
.basic-ixl .subtract4em{ width:calc(100% - 4.5em);}
.basic-ixl .size3em{ width:3em;}
.basic-ixl .subtract3em{ width:calc(100% - 3.5em);}
.basic-ixl .verify-code input{ width:calc(100% - 10.5em);}
.basic-ixl .aniu{ cursor:pointer; padding:0 .1rem; height:.45rem; line-height:.45rem; color:#fff; background:#146eb0; font-family:"HarmonyOS-Light"!important; font-size:.18rem; border-radius:.05rem;}
.basic-ixl .wtd25{ width:26%;}
.basic-ixl .wtd30{ width:38%;}
.basic-ixl .wtd50{ width:57%;}
.basic-ixl .wtd65{ width:69%;}
.pro-xial{ padding-top:.4rem;}
.pro-xial .select-dow{ padding:.4rem; background:#fafafa; border:dashed 1px #efefef;}
.pro-xial .select-dow .item{ width:100%;}
.pro-xial .select-dow .item .name{ width:8em; font-family:"HarmonyOS-Light"!important; font-size:.18rem;}
.pro-xial .select-dow .item .select-lowa{ width:calc(100% - 9em);}
.pro-xial .select-dow .item .select-pla{ background:#fff; width:43%; position:relative;}
.pro-xial .select-dow .item .select-pla select{ font-size:.16rem; cursor:pointer; outline:none; padding:.13rem; text-align:center; font-family:"HarmonyOS-Light"!important; width:100%; border:solid 1px #dcdcdc; border-radius:.05rem; appearance: none;-moz-appearance:none;-webkit-appearance:none; background:transparent; position:relative; z-index:2;}
.pro-xial .select-dow .item .select-pla::after{ position:absolute; right:.2rem; top:.13rem; display:block; font-weight:bolder; content:'next'; font-family:swiper-icons!important; transform:rotate(90deg); background-size:contain;}
.other-choice{ padding-top:.6rem;}
.other-choice .name{ width:8em; font-family:"HarmonyOS-Light"!important; font-size:.18rem;}
.other-choice .is{ font-family:"HarmonyOS-Light"!important; font-size:.18rem; margin:0 .35rem;}
.other-choice .is input{ position:absolute; display:block; width:100%; height:100%; cursor: pointer; margin:0; opacity:0;}
.other-choice .radio_ok{ margin-left:.1rem;}
.other-choice .radio_ok .ioa{ display:block; width:.25rem; height:.25rem; border:solid 1px #dcdcdc; border-radius:3px;}
.other-choice .radio_ok input[type="radio"]:checked+.ioa{ border-color:#146eb0; background:#146eb0 url(../images/tick.svg); background-size:contain;}
.demo-form .tishi{ margin-top:.7rem; border-top:solid 1px #e7e7e7; padding:.35rem 0; font-family:"HarmonyOS-Light"!important; font-size:.18rem;}
.demo-box .submit{ cursor:pointer; padding:.12rem; background:#146eb0; width:1.7rem; text-align:center; margin:.35rem auto 0; font-size:.2rem; color:#fff; border-radius:.1rem;}



@media (max-width:1024px){
.basic-ixl .addr-shell input{ width:6.6em;}
.basic-ixl .aniu{ font-size:.16rem;}
.basic-ixl .verify-code input{ width:calc(100% - 9em);}
}

@media (max-width:768px){
.basic-ixl .subtract5em{ width:calc(100% - 4.2em);}
.basic-ixl .addr-shell input{ width:6em;}
.basic-ixl .subtract3em{ width:calc(100% - 2.6em);}
.basic-ixl .subtract4em{ width:calc(100% - 3.35em);}
.pro-xial .select-dow .item .select-pla::after{ top:.12rem; font-size:.18rem;}

.basic-ixl .wtd25{ width:28%;}
.basic-ixl .wtd30{ width:38%;}
.basic-ixl .wtd50{ width:59%;}
.basic-ixl .wtd65{ width:69%;}
}
		

@media (max-width:640px){
.demo-box{ padding:.4rem;}
.demo-form .tips{ font-size:.28rem;}
.basic-ixl .input input{ line-height:2; height:auto;}
.basic-ixl .size3em,
.basic-ixl .size4em,
.basic-ixl .size5em{ width:6em; justify-content:flex-end;}
.basic-ixl em{ font-size:.24rem;}
.basic-ixl .wtd25{ width:48%;}
.basic-ixl .witx{ font-size:.24rem;}
.basic-ixl .wtd25,
.basic-ixl .wtd30,
.basic-ixl .wtd50,
.basic-ixl .wtd65,
.basic-ixl .subtract3em{ width:100%;}
.basic-ixl .input input{ width:100%; font-size:.24rem;}
.basic-ixl .subtract3em,
.basic-ixl .subtract4em,
.basic-ixl .subtract5em{ width:calc(100% - 5.5em);}
.basic-ixl .aniu{ font-size:.24rem;}
.basic-ixl .verify-code input{ width:calc(100% - 9em);}
.basic-ixl .addr-shell{ justify-content:space-between;}
.basic-ixl .addr-shell input{ width:calc(100% - 10em);}

.pro-xial .select-dow .item .name{ font-size:.24rem; margin-bottom:.2rem; width:100%;}
.pro-xial .select-dow .item .select-lowa{ flex-wrap:wrap; width:100%;}
.pro-xial .select-dow .item .select-pla{ margin-bottom:.2rem; width:100%;}
.pro-xial .select-dow .item .select-pla::after{ top:.2rem; right:.3rem;}
.pro-xial .select-dow .item .select-pla select{ width:100%; font-size:.24rem;}
.other-choice .name{ font-size:.24rem;}
.other-choice .is{ font-size:.24rem;}
.other-choice .radio_ok .ioa{ width:.35rem; height:.35rem;}
.demo-form .tishi{ font-size:.24rem;}
}





/* 样品申请 */
.sample-box{ position:fixed; bottom:5%; right:2%; z-index:7; overflow:hidden; border-radius:.1rem; box-shadow:0px 0px .1rem .05rem rgba(0,88,153, 0.4); background:#146eb0; padding:.06rem; width:.9rem;}
.sample-box a{ padding:.04rem; text-align:center; text-transform:uppercase; display:block; color:#fff; border:solid 1px rgba(255,255,255,.2); border-radius:5px;}
.sample-box .icon{ display:block; margin:0 auto; width:.36rem; height:.37rem; background-image:url(../images/up-icon.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.sample-box .line{ font-size:.14rem; padding:.04rem; border:solid 1px rgba(255,255,255,.2); border-radius:5px;}
.sample-box .text{ line-height:1; margin-top:.05rem;}
.sample-box:hover{ background:#fff;}
.sample-box:hover .icon{ background-image:url(../images/up-icon2.png); }
.sample-box:hover .text{ color:#146eb0;}
.sample-box:hover a,
.sample-box:hover .line{ border-color:rgba(20,110,176,.5);}

@media (max-width:640px){
.sample-box{ top:auto; bottom:5%;}
}




/*  */
.search-list{ margin-bottom:.6rem; padding:.35rem 0;}
.search-list li{ font-size:.16rem; border-bottom:dashed 1px #e5e5e5;}
.search-list li a{ padding:.2rem 0;}
.search-list li .tit{ width:calc(100% - 1.8rem);}
.search-list li .time{ width:1.5rem; text-align:right;}
.search-list li a:hover .tit{ color:#1da3dd;}
@media (max-width:640px){
.search-list li{ font-size:.24rem;}
}

/* 单篇 */
.single-piece{ padding:.5rem 0; min-height:30vh; line-height:2;}
.single-piece p{ margin:0;}



/*Page002623 */
.Page002623{ text-align:center; padding:.5rem 0;}
.Page002623 .Pages{ display:-webkit-flex; display:flex; justify-content:center; align-items:center;}
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages .f1,
.Page002623 .Pages .f2,
.Page002623 .Pages > span:not(.p_page){display: none;}
.Page002623 .Pages >span.p_jump{ display:block; border:solid 1px #edecec; border-radius:5px; overflow:hidden;}
.Page002623 .Pages >span.p_jump input{ text-align:center; outline:none; font-size:.14rem; color:#666666; width:4em; border:none; padding:0; margin:0; height:.4rem;}
.Page002623 .Pages >span.p_jump .i_button{ border-left:solid 1px #edecec; cursor:pointer;}
.Page002623 .Pages em{float: left;margin:0 .05rem; font-style: normal;}
.Page002623 .Pages a{ color:#666666; border:solid 1px #edecec; float:left; line-height:.4rem; width:.4rem; margin:0 .05rem; border-radius:5px; transition:all .5s;}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color:#fff;background:#009ee6;}
.Page002623 .Pages .p_page{ margin-right:1em;}
.Page002623 .Pages .p_page > a{ height:.4rem;position: relative; font-family:swiper-icons!important;}
@media(max-width:640px){
.Page002623{padding: 6vw 0 8vw 0;}
.Page002623 .Pages em{display:block;}
.Page002623 .Pages .p_page{ margin-right:0.5em;}
.Page002623 .Pages >span.p_jump input{ font-size:.2rem;}
.Page002623 .Pages a{ width:.5rem; height:.5rem; line-height:.5rem; background-color: #eee;}
.Page002623 .Pages .p_page > a{height:.5rem;}
.Page002623 .Pages >span.p_jump input{ height:.5rem;}
}