@import url(responsive2.0.css);
@import url("../fonts/fonts.css");
.header{position: relative; z-index:100; transition: 0.5s}
.header .box_t{background: #000000; line-height: .4rem;font-size: calc(14 / var(--winvw)); }
.header .auto{position: relative}
.header .top_w{position: absolute;z-index: 100; left: 0;top: 0;width: 100%; transition: 0.5s; background:#f7f8fc}
.header .top_h{ transition: 0.5s;}
.header .logo{padding: .31rem 0;}
.header .logo img{height: .37rem}
.header .other{position: relative;}
.header .language{padding-left: 1vw}
.header .language a:not(:hover){color: #a1a1a1}
.header .open-search i,
.header .top-search .btn{background: url("../images/search_icon.png") no-repeat center center; background-size: .15rem;}
.header .open-search i{width:.3rem; height:.3rem; display:inline-block; vertical-align: middle; position: relative;}
.header .open-search .i_on{animation: shake 0.5s;animation-iteration-count: 1;}
@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-2px); }
    50% { transform: translateX(2px); }
    75% { transform: translateX(-2px); }
    100% { transform: translateX(2px); }
  }
.header .top-search{display:block; background:#000; right:7vw; padding:0 .4rem 0 .05rem; width: 3rem;position: absolute; top: 0; visibility: hidden; opacity: 0; }
.header .top-search:after {width: 0%; height: 1px; display: block; content:''; position: absolute; right:0; bottom:0; background-color: rgba(255,255,255,.5);}
.header .top-search.active {visibility: visible; opacity: 1;transition:all 0.3s;}
.header .top-search.active:after {width:100%;transition:all 1s;}

.header .top-search .text{width: 100%;display: block; background: none; border: 0; color:#ffffff; height: .32rem; line-height: .32rem; opacity: 0;}
.header .top-search .text.show {opacity: 1; transition: all 0.5s;}
.header .top-search .text.focus{color: #ffffff;}
.header .top-search .btn{right: 0; top:0; background-image: url(../images/search.svg)}

.header menu li span{display: block;}
.header menu li span a{display: block;position: relative}
.header menu li .sub{display: none;}
.header menu li .sub a{display: block;}
.header menu li .sub dt{padding: 0; line-height:.32rem}
/* .header menu li:last-child span{ font-size: calc(20 / var(--winvw));} */
@media (min-width:1025px) {
.header .logo{width: 3rem}
.header menu{width: calc(100% - 3rem)}
.header menu ul {align-items: center;}
.header menu li{position: relative;}
.header menu li:not(:last-child){margin-right:2vw}
.header menu li:last-child{position: absolute; right: 0;}
.header menu li span{line-height:2.5em; position: relative; text-align: center}

.header menu li.aon span a{color: #0b5ed7;}
.header menu li.aon span a:after{content: ''; left: 0; bottom:5px; position: absolute; width: 100%; height: 2px; background: #0b5ed7}
.header menu li:last-child span a{color: #fff!important; background: #0b5ed7; padding: 0 1.35vw; width:7.5em;}
.header menu li:last-child span a::after{ display: none;}
.header menu li:last-child span a:hover{ background-color: #0046ac;}
.header menu li .sub{position: absolute; white-space: nowrap; margin: auto; left: 50%; transform: translateX(-50%); min-width:1.3rem; top: 100%; background-color:rgba(255,255,255,0.9);box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius:10px}
.header menu li .sub dl{padding: .15rem 0;}
.header menu li .sub dt{ text-align: center}
}


@media (max-width:1024px) {
.header .auto{width: 96%}
.header .logo{padding: 10px 0}
.header .top-search{top:110%; z-index: 10}
.header menu{position: fixed; left: -100%;top: 50px;height: calc(100vh - 50px); background-color: #fff;opacity: 0;transition: 0.5s;box-shadow: 0 5px 5px rgba(0,0,0,0.1); width:50vw; max-width: 240px;}
.menu-show .header menu{left: 0; opacity: 1;}
.header menu ul{padding: 20px 0;width: 100%; height: 100%; overflow: auto; display: block}
.header menu li{border-bottom: 1px dotted #eee;}
.header menu li span{line-height: 3; padding-left:1em; font-size: .20rem}
.header menu li .sub dl{padding: .1rem 0}
.header menu li .sub a{padding-left: 2em;font-size: .18rem}
.header menu li.has-sub span .op:before, 
.header menu li.has-sub span .op:after{background-color: #af231c;}
.header menu li .sub .box{right: 12vw;width: 40vw;top: 30%;position: fixed}

.header menu ul#pc{display: none}
.header li .sub{background-color: #eee;}
.header .open-menu{margin-left: .2rem; width: calc(40 / 16 * 1em); height: calc(40 / 16 * 1em); display: flex;flex-wrap: wrap;flex-direction: column; justify-content: space-between; transition: 0.3s;}
.header .open-menu span{display: block; transition: 0.3s;height: 2px; background-color: #000;}
.menu-show  .header .open-menu{border-radius: 50%; background-color: #026dc3; }
.menu-show  .header .open-menu i{background-color: #fff;}
}

.IsTop{position:fixed; bottom:17%; right:5%; cursor: pointer; display: block;width:.5rem; height: .5rem; margin: auto; border-radius: 100px; background: #0b5ed7  url(../images/istop.png) no-repeat center center}
.IsLeave{position: fixed; bottom:8%; right:5%; cursor: pointer; display: block;width:.5rem; height: .5rem; margin: auto; border-radius: 100px; background: #0b5ed7  url(../images/message.png) no-repeat center center;background-size: 50%;}
.IsLeave:before{width: 126%; height: 126%; opacity: 0.5; animation: yuan3 1s linear infinite; background: rgba(11,94,215,1);content: "";display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;}
.IsLeave:after{background: rgba(11,94,215,1); width: 156%; height: 156%; opacity: 0.1; animation: yuan4 1.2s linear infinite;content: "";display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;}

@keyframes yuan3{
0{width: 136%; height: 136%;}
100%{width: 180%; height: 180%; opacity: 0}
}
@keyframes yuan4{
0{width: 166%; height: 166%;}
100%{width: 220%; height: 220%; opacity: 0}
}





.bottom{color: #fff; background: #0f6fc7;}
.bottom .logo,
.bottom .column *,
.bottom .contact aside span,
.bottom .box_b{ filter: brightness(0) invert(1);}
.bottom a:not(:hover){color: #717272}
.bottom dt{color: #141414; }
.bottom dt a:not(:hover){color: #141414}
.bottom .box_t{padding-top: 6%; padding-bottom:2.5%; /*background: url(../images/bottom_bg.jpg) no-repeat center bottom; background-size: 100%*/}
.bottom .info{width:20%}
.bottom .logo {margin-bottom:0.35rem; max-width: 205px;}
.bottom .qrcode { display: none;}
.bottom .qrcode li {width: 47%; text-align: center;}
.bottom .qrcode img {display: block; width: 100%;}
.bottom .qrcode .name {font-size: 0.875em; line-height: 1.5em; margin-top: 0.5em;}
.bottom .column{line-height:.38rem; width:61.9%; /*width:75%;max-width: 10.4rem;*/}
.bottom .column dl{position: relative}
.bottom .column dt:after{content: ''; display: block; margin: .05rem 0; width: .18rem; height: .03rem; background: #fff}

.bottom .column dd{padding: .1rem 0}
.bottom .column dd span{display: block}

.bottom .contact{padding: .2rem 0; border-top: solid 1px #eeeff4}
.bottom .contact aside{ flex-wrap: nowrap; width: 100%; margin-bottom: 10px;}
.bottom .contact .tex{width:100%}
.bottom .contact .tex img{width: .25rem; margin-right: .15rem;flex-shrink: 0;}
.bottom .follow{width:300px}
.bottom .follow li{position: relative}
.bottom .follow li figure{position: absolute; width:1.6rem; bottom: 140%; left: 50%; padding: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); transform: scale(0); transition: 0.5s}
.bottom .follow li.show figure{bottom: 140%; transform: scale(1) translateX(-50%)}
.bottom .box_b{padding: 2% 0; border-top: solid 1px #eeeff4; }
.bottom .box_b .lm{order: 2}
.bottom .box_b .lm a{margin: 0px 3px;}
.bottom .copyright a{margin-left: 5px; display: inline-block}
@media(max-width:1200px){
.bottom .box_b .lm{order:inherit; padding-bottom: 1.5%}
}
@media(max-width:768px){
.bottom .column{display: none}
.bottom .info{width: 100%; margin: auto}
.bottom .logo {margin-bottom: 0.15rem;}
.bottom .contact .tex{width: 100%}
.bottom .copyright {padding: 2% 0}
.bottom .copyright a.icp{display: none}
.bottom .follow li figure{left: 200%}
.bottom .contact .tex img{width: 30px; margin-right:5px;}
}

.banner{position: relative;color: #fff;overflow: hidden;}
.banner .pic {padding-bottom: 26.0417%; position: relative;}
.banner .pic video,
.banner .pic img {display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; transform: none;}
.video_banner{/*height: 5rem;*/}
.banner .info{position: absolute; width: 100%; bottom: 20%;z-index: 999;}
.banner .info h3{line-height: 2}

.banner video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%; }
.banner video::after{}
.ab_ban .pic{position: relative;}
.ab_ban .pic::after{content: "";display: block;width: 100%;height: 100%;background-color: rgba(0, 28, 71, 0.8);position: absolute;left: 0;top: 0;z-index: 99;}
.banner img{width: 100%}
.banner img.wap{display: none}
.banner .slick-dots{bottom: .6rem; position: absolute; right: 8%; width: auto; padding: 0}
.banner .slick-dots li{margin: 0px 3px}
.banner .slick-dots li button{width: 10px; height: 2px;background: rgba(255,255,255,0.5); border-radius:inherit;}
.banner .slick-dots li button:before{content: '';left: 0; width: 0; position: absolute; width: 0%; height: 100%;transition: 0.5s}
.banner .slick-dots li.slick-active button{width: 70px}
.banner .slick-dots li.slick-active button:before{width: 100%; background: #0b5ed7;transition-delay: 0.3s}
.banner .overlay_act{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 28, 71, 0.8); pointer-events: none;z-index: 10;}
@media (max-width:1024px) {
    .banner .pic {padding-bottom: 41.335%;}
.banner img.pc{display: none}
.banner img.wap{display:block}
}


.sitemap li{border-bottom: solid 1px #dddddd; padding: 1% 0}
.sitemap li .sub{padding-top: .1rem;}
.sitemap li .sub span{display: inline-block; margin-right:2vw; position: relative}
.sitemap li .sub span a:not(:hover){opacity: 0.6}
.sitemap li .box{position: absolute; left:50%; transform: scale(0); left: 0; right: 0; bottom:100%;background: #fff; padding: 10px; text-align: center; width: 0px; box-shadow: 0 5px 5px rgba(0,0,0,0.1);transition: 0.5s; color: #333333; border-radius: 10px; margin:auto}
.sitemap li span:hover .box{transform: scale(1); width: 160px;}

.search_list li{border-bottom: solid 1px #dddd; padding: 1.5% 0}
.search_list .pic{width: 120px; margin-right:2%}
.search_list .txt{flex: 1}
.search_list .txt h4{padding:2% 0}
.search_list .txt time{float: right}
.search_list .txt span{opacity: 0.4}

.article_detail .title{text-align: center; padding-bottom: 2%}
.article_detail .title dl{padding: 1% 0}
.article_detail .title dl span{display: inline-block; padding: 0px 10px}
.article_detail .article{padding: 3% 0; border-top: solid 1px #e5e5e5;border-bottom: solid 1px #e5e5e5; color: var(--col_con);}
.article_detail .article {line-height: 2}
.article_detail .article img{height: auto!important}

.prev_next{line-height: .44rem; padding: 3% 0;}
.prev_next p.dot a:not(:hover){}
.prev_next p.back{max-width: 1.5rem; margin: auto;padding-bottom: 3%}
.prev_next p.back a{display: inline-block; padding: 0 .3rem 0 .55rem; color: #fff; background: #0b5ed7 url("../images/back.svg") no-repeat .28rem center; border-radius: 30px; background-size: .16rem;}

.play_video{cursor: pointer; width:1rem; height:1rem; left: 0; right: 0; z-index: 9;}
.play_video,
.play_video i,
.play_video:before,
.play_video:after{border-radius: 100%;margin: auto;top: 0; bottom: 0; position: absolute;}
.play_video i{width: 100%; height: 100%; z-index: 5; background:rgba(15,111,199,0.33) url(../images/play.png) no-repeat center center; border: solid 1px #ffffff}
.play_video:before,
.play_video:after{content: '';left: -100%; right: -100%;}
.play_video:before{width: 136%; height: 136%; opacity: 0.5; animation: yuan1 1s linear infinite; background: #ffffff}
.play_video:after{border:dashed 1px #ffffff; width: 166%; height: 166%; opacity: 0.1; animation: yuan2 1.2s linear infinite;}

@keyframes yuan1{
0{width: 136%; height: 136%;}
100%{width: 180%; height: 180%; opacity: 0}
}
@keyframes yuan2{
0{width: 166%; height: 166%;}
100%{width: 220%; height: 220%; opacity: 0}
}

.video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.video_files video{width:100%; height:100%; background-color:#000; position: absolute;}
.video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background: linear-gradient(45deg,#d00d0d,#b11617);cursor: pointer;}
.video_files .close::before,
.video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.video_files .close::before{ transform:rotate(45deg);}
.video_files .close::after{ transform:rotate(-45deg);}
[rel="outside"] .video_files{position: fixed; align-items: center; justify-content: center}
[rel="outside"] .video_files .filesbox{position: relative; max-width: 1200px; width: 96%;}

.scrollbar::-webkit-scrollbar{width: 8px;}
.scrollbar::-webkit-scrollbar{width: 5px; height:5px;-webkit-overflow-scrolling : touch;background-color:transparent;}
.scrollbar::-webkit-scrollbar-track{background-color: transparent;}
.scrollbar::-webkit-scrollbar-thumb{background-color: #adadad; border-radius: 10px;}
.scrollbar::-webkit-scrollbar-button{height: 0px;background-color: #ffffff;}

/*xx index*/
.section{padding:6% 0}

.location {position: relative; z-index: 2;padding: 2% 0}
.location,
.location a:not(:hover){color: #b6b6b6}

.Pages{ text-align: center;padding-top: .3rem;}
.Pages,
.Pages span,
.Pages em{display: flex; flex-wrap: wrap; justify-content: center; align-items: center}
.Pages .p_jump,
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .a_first,
.Pages .a_end{display: none}
.Pages a{min-width: .4rem; text-align: center;display: block; position: relative; overflow: hidden}
.Pages .a_prev,
.Pages .a_next{border: solid 1px #b3b3b3; width: .4rem; height:.4rem;text-indent: -1rem;}
.Pages .a_prev:before,
.Pages .a_next:before{content: '';left: 0; position: absolute; width: 100%; height: 100%;  background: url(../images/pages_icon.png) no-repeat center center; background-size: .1rem;}
.Pages .a_next:before{transform: rotate(180deg)}
.Pages em{font-style: normal;font-size: .20rem; padding: 0 1vw}
.Pages .a_cur{ color: #0b5ed7}
.Pages .p_jump{padding-left: 3vw; color: #333}
.Pages .p_jump b{font-weight: normal}
.Pages .p_jump input[type="text"]{border: solid 1px #b3b3b3; width: .4rem; height: .28rem;margin: 0px .05rem}
.Pages .p_jump input[type="button"]{border: none; padding: 0px .14rem; color: #333; cursor: pointer; background: url(../images/pages_go.png) no-repeat right; background-size: .1rem;}

@media(max-width:768px){
.Pages{padding-top: 30px}
.Pages .p_jump{width: 100%; padding-left: 0; padding-top: 2%}
.Pages em{ padding: 0 3vw; font-size:16px}
.Pages a{min-width: .35rem}
}
/*xx index*/

.product_series .title{text-align: center; padding-bottom: 5%}
.product_series .list{margin-left: -0.06rem;margin-right: -0.06rem;}
.product_series .item{width: 25%;padding: .09rem;}
.product_series .item a{display: block; position: relative}
.product_series .pic figure{padding-bottom: 106.47%}
.product_series .info{position: absolute; width: 100%; height: 100%; background: rgba(249,249,250,.8); top: 0; padding:10%; transition: 0.5s; z-index: 10}
.product_series .info .icon {width: .9rem; height: .9rem; align-content: center}
.product_series .info .icon img{ max-height: .9rem;}
.product_series .info h4{margin: .3rem 0}
.product_series .info label{color: #848484}
.product_series .item:hover .info{opacity: 0;}
.product_series .item:nth-child(1) .pic{padding-bottom: 106.47%;}
.product_series .item:nth-child(1) .pic figure{position: absolute; width: 100%; height: 204.5%; padding-bottom: 0}
.product_series .item:nth-child(1) .info{height:204.5%}
@media(min-width:1024px){
.product_series .item:nth-child(5){margin-left:25%}
}
@media(min-width:640px) and (max-width:1024px){
.product_series .item{width: 33%}
.product_series .item:nth-child(4){margin-left:33%}
}

@media(max-width:640px){
.product_series .item{width:50%}
.product_series .item:nth-child(3){margin-left:50%}
}


.product_main .pro_type{width:23%}
.product_main .pro_main{width:75%}
@media(max-width:1024px){
.product_main .pro_type{width:100%; padding-bottom: 5%}
.product_main .pro_main{width:100%}
}

.pro_search {padding-bottom:2%}
.pro_search .title{padding-bottom: 1%}
.pro_search .search{background: #fafafa; padding: 3%; position: relative}
.pro_search .text{color: #6c6d77; width: 100%; height: .7rem;  border: none; border-bottom: solid 1px #a4a5aa; background: none}
.pro_search .btn{width: .42rem; height: .42rem; cursor: pointer; right: 3%; top: 0; bottom: 0; margin: auto;  position: absolute;background: #e4eef8 url(../images/search_icon_pro.png) no-repeat center center; background-size: contain; border-radius: 100%}

.total_filter{border-bottom: solid 1px #dbdcde;padding:2% 0; margin-bottom: 2%; position: relative; z-index: 20}
.total_filter .filter{width: 50%;max-width: 2.3rem;}
.total_filter dl{position: relative; transition: 0.5s; z-index: 10}
.total_filter dl dt{background: #fff;border-radius:5px;padding: 0 8%; line-height:.48rem; position: relative; cursor: pointer; border: solid 1px #cccccc; border-radius:4px; background: #fafafa;}
.total_filter dl dt:after{content: ''; position: absolute; width:10%; height: 100%; margin: auto; top: 0; bottom: 0; right:8%; background: url(../images/jt.svg) no-repeat center center; background-size: 20px; filter: grayscale(100%) brightness(100%); transition: 0.5s}
.total_filter dl dd{background: #fff; position: absolute; width: 100%; display: none;border: solid 1px #cccccc;}
.total_filter dl ul{max-height: 3rem; overflow-y: auto}
.total_filter dl ul li:not(:last-child){border-bottom: solid 1px #cccccc}
.total_filter dl ul li a{display: block; line-height:.5rem; cursor: pointer; padding: 0px 8%}
.total_filter dl ul li a:hover{color: #fff; background: #0077bf}
.total_filter dl.show{transform: translateY(-10px); z-index: 12}
.total_filter dl.show dt:after{transform: rotate(180deg)}
@media(max-width:640px){
.total_filter dl{width: 100%; margin-bottom: 2%}
.total_filter dl dt{line-height: .5rem}
}



.pro_type dl:not(:last-child){padding-bottom:12%; margin-bottom:12%; border-bottom: solid 1px #dbdcde;}
.pro_type dt{padding-bottom:6%}
.pro_type dd{position: relative}
.pro_type ul{}
.pro_type ul li span{display: flex; justify-content: space-between;padding: .1rem 0}
.pro_type ul li i{font-style: normal}
.pro_type ul li input{position: absolute;width: .2rem; height: .2rem; vertical-align: sub; border-radius: 4px; border: 1px solid #808a94;-webkit-appearance: none;}
.pro_type ul li input[type="checkbox"]:checked{background: #0077bf}
.pro_type ul li input[type="checkbox"]:checked:after{content: ''; position: absolute; width: 100%; height: 100%; background:url(../images/checkbox.svg) no-repeat center center}
.pro_type ul li label{padding-left: .4rem; cursor: pointer}
.pro_type ul li li label{padding-left: .7rem; }
.pro_type dl.dl_show{padding-bottom:0; margin-bottom:0; border-bottom: none}
@media(max-width:1024px){
.pro_type dl:not(:last-child){padding-bottom:2%; margin-bottom:2%; }
.pro_type dt{padding-bottom:2%}
.pro_type dd{max-height:200px; overflow-y: auto}
.pro_type ul li i{padding-right: 10px}
}

.product_list ul{ justify-content: flex-start; gap: 0 .2rem;}
.product_list li{width: calc( ( 100% - .2rem * 4 ) / 4); margin-bottom: 3%;/* border: solid 1px #eaeaea;box-shadow: 0 5px 9px rgba(0,0,0,0.16)*/}
.product_list .pic{background: #f6f6f6; border-radius: 10px; overflow: hidden}
.product_list .pic figure{padding-bottom: 80%}
.product_list .pic img{-webkit-transform:scale(0.8);transform:scale(0.8);mix-blend-mode: multiply }
.product_list .info{padding: 5% 6%}
.product_list .info h4{margin: .1rem 0; line-height: .24rem; height: .72rem}
.product_list .info .txt{color: #6f6f6f; line-height:1.875}
.product_list .info p:before{content: '';display: inline-block; vertical-align: middle; margin-right: 5px; width: 5px; height: 5px;background: #6f6f6f; border-radius: 100%;}
.product_list .view{display: block; border-radius: 30px;width: 80%; margin: auto;line-height: .32rem; border: solid 1px #eaeaea; text-align: center;}
.product_list li:hover .view{background: #0077bf; color: #fff; border-color:#0077bf}
.product_list .slick-dots{display: flex; justify-content: center; gap: 0;position: absolute; width: 100%}
.product_list .slick-dots li{width:auto;margin: 0 3px}
.product_list .slick-dots li button{width:8px; height:8px;}
.product_list .slick-arrow {width: 0.25rem; height:0.25rem;}
/*.product_list .img{padding-bottom: 6%}
.product_list .img figure{width: 40px;padding-bottom: 40px;background: #f9f9f9; position: relative}
.product_list .img figure:not(:last-child){margin-right:.24rem}
.product_list .img figure img{max-width:70%; max-height:70%}
.product_list .img figure:hover:after{content: '';position: absolute;left: 0; bottom: 0; width: 100%;height: 2px; background: #026dc3}
.product_list .item:hover figure img{ -webkit-transform:scale(.9);transform:scale(.9)}*/
@media(max-width:670px){
    .product_list li{width: calc( ( 100% - .2rem * 1 ) / 2)}
}

.product_details{padding-top: 0}
.product_details .product{padding-bottom: 4%}
.product_details .photo{width:49%}
.product_details .big_pic{background: #fafbff}
.product_details .big_pic .pic{margin: 10%}
.product_details .big_pic .pic figure{ overflow: initial;}
/* .product_details .big_pic .pic img{ position: relative; height: auto;} */
.product_details .big_pic .pic img{ transition: all 0.5s;}
.product_details .big_pic .pic img:hover{ transform: scale(1.1); }
.product_details .big_pic .slick-arrow:not(:hover){background: transparent;filter: grayscale(100%) brightness(100%); }
.product_details .small_pic {margin-top: .26rem;}
.product_details .small_pic .pic{width: 95%;background: #fafbff;cursor: pointer}
.product_details .small_pic .pic:after{content: '';position: absolute;left: 0; bottom: 0;width: 100%; opacity: 0; height: 2px; background: #026dc3; transition: 0.5s}
.product_details .small_pic .slick-current .pic:after{opacity: 1;}
.product_details .small_pic .slick-list{padding-right:8%;}
.product_details .small_pic .slick-arrow:not(:hover){background:transparent;filter: grayscale(100%) brightness(1000%); }
.product_details .details{width:47%}
.product_details .txt{color: #333; padding: 2% 0}
.product_details .txt p{color: #333; margin-top: .2rem;}
.product_details .desc{color: #333; line-height: 1.75; padding: 5% 0}
@media(max-width:768px){
.product_details .photo,
.product_details .details{width:100%}
.product_details .details{padding-top: 4%}
}

.pro_recommend {padding-top: 4%}
.pro_recommend .title{padding-bottom:3%; color: #333}
.pro_recommend .list{margin-left: -.15rem;margin-right: -.15rem}
.pro_recommend .item{padding: .15rem}
.pro_recommend .pic figure{padding-bottom: 72.55%}
.pro_recommend .txt{padding: .2rem 0}
.pro_recommend .txt h4{margin-bottom: .2rem}
.pro_recommend .txt p{color: #525252; line-height: 1.875}
.pro_recommend .item:not(:hover) h4{color: #525252}

.research_overview .info{width:48.08959156785244%; line-height: 2; font-size: .2rem;}
.research_overview .title{padding-bottom: 3%; width: 100%; color: #333;}

/* .research_overview .txt:not(:last-child){padding-bottom:5%} */
.research_overview .txt dl:not(:last-child){padding-bottom: 4%}
.research_overview .txt .title{ margin: 0; padding-bottom: .1rem; line-height: 1;}
.research_overview .txt .desc{
  overflow: hidden;
    color: #333;
    /*-webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;*/
}
.research_overview .txt dt{width: .88rem;font-weight: bold;}
.research_overview .txt dt img{ max-width: 90%; }
.research_overview .txt dd{flex: 1; font-size: .18rem;}
.research_overview .txt  dl{width: 48.08959156785244%;}
@media(max-width:768px){
.research_overview .info{width: 100%; padding-bottom: 8%}
.research_overview .txt  dl{width: 100%;}
}

.made_overview .info{width:48.5%; line-height: 2; font-size: .2rem;text-align: justify}
@media(max-width:768px){
.made_overview .info{width: 100%; padding-bottom: 8%}
}

.quality_overview .info{line-height: 2; font-size: .18rem;text-align: justify}
.quality_overview .title{padding-bottom: 3%; color: var(--col_tit);}
.quality_overview .txt:not(:last-child){padding-bottom:5%}
.quality_overview .info dl:not(:last-child){padding-bottom: 4%}
.quality_overview .info dt{width: .88rem}
.quality_overview .info dd{flex: 1;color: #333}
@media(max-width:768px){
.quality_overview .info{width: 100%; padding-bottom: 8%}
}

.photo_list .item{width:48.08959156785244%; margin-top:8%}
.photo_list .pic figure{padding-bottom: 61.645%}
.photo_list .info{padding-top:5%;}
.photo_list .info h4{margin-bottom:3%}
.photo_list .txt{line-height:1.875;color: #333}
.photo_list .slick-dots{position:absolute; right:10px; bottom:15px;width: auto;padding: 0; margin: 0}
.photo_list .slick-dots li{margin: 0 5px}
.photo_list .slick-dots li button{width: 8px; height: 8px;}
@media(max-width:768px){
.photo_list .item{width: 100%}
}

.contact_us{padding-top:8%; text-align: center}
.contact_us a{display: inline-block; background: #0b5ed7;line-height: 2.5em;  color: #fff; transition: 0.5s; width: 7.5em; font-size: .2rem;}
.contact_us a:hover{background: #004ab7}


.about_overview .title{width: 25%; color: var(--col_tit);}
.about_overview .infobox{width:70%}
.about_overview .article{padding-bottom:15%; line-height:1.667}
.about_overview .videobox{position: relative}
.about_overview .videobox img{ width: 100%;}

.about_history{background: #f5f5f5; padding: 0}
.about_history .title{width: 15%; padding-top: 13%;margin-right: 1rem;}
.about_history .title h3{font-weight: bold; position: absolute;padding-bottom:1%}
.about_history .title h3:after{content: ''; position: absolute; width: 50px; height:2px;left: 2px; bottom: 0; background: #cf2f38}
.about_history .history{width: 80%;max-width: 1000px; position: relative; padding:2% 0}
.about_history .year_box{position: absolute; right:35px;top: 0; padding: 6% 0; height: 100%}
.about_history .year_box:after{content: ''; position: absolute; width: 2px; height: 100%; right: -20px; top: 0; background: #ebebeb}
.about_history .year_box li{padding: .1rem 0}
.about_history .year_box li a{display: block; cursor: pointer;line-height: .47rem; position: relative;}
.about_history .year_box li.li_show a{color: #2472c8;}
.about_history .year_box li.li_show a:after{content: ''; position: absolute; width: 2px; height: 100%; top: 0; right: -18px; background: #2472c8}
.about_history .info_box{overflow-y: hidden; padding: 5% 0}
.about_history .group_box{padding-right: 120px}
.about_history .group:not(:last-child){padding-bottom: 6%}
.about_history .group .year h4{font-weight: bold; color: #5a5858; transition: 0.5s}
.about_history .group .article{padding:1% 0; line-height:1.667;}
.about_history .group.group_show .article{font-size: .28rem;color: #2472c8;}
.about_history .group.group_show .year h4{ color: #2472c8;    font-size: .24rem; }
.about_history .info_box.show_all{overflow-y: auto}
.about_history .open{position: absolute; bottom: 0; width: calc(97% - 90px);padding:8% 0 6% 0; background:linear-gradient(rgba(245,245,245,0),rgba(245,245,245,1) 20%); transition: 0.5s}
.about_history .open a{display: inline-block; padding-right: .3rem; cursor: pointer;position: relative}
.about_history .open a:after{content: ''; position: absolute; width: 20px; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/jt.svg) no-repeat center center; transition: 0.5s}
.about_history .open.show{padding:3% 0}
.about_history .open.show a:after{transform: rotate(180deg)}
.about_history .autoscale{display: flex;}

.about_culture {padding: 4% 0;background: url(../images/bottom_bg.jpg) no-repeat center bottom #f7f8fc; background-size: 100%}
.about_culture .title h3{position: relative; padding-bottom:2%}
.about_culture .title h3:after{content: ''; position: absolute; left: 10%; right: 10%; height:3px; bottom: 0; background: #0f6fc7}
.about_culture dl{width:50%; padding: 5% 9% 0;text-align: center;}
.about_culture dl dt{padding-top: .2rem; padding-bottom: .2rem; color: var(--col_tit);}
.about_culture figure{width: .5rem; height: .5rem; margin: auto; display: flex;justify-content: center; align-items: center;}
.about_culture figure img{max-height: 100%}

.about_honor .title h3{position: relative; padding-bottom:2%}
.about_honor .title h3:after{content: ''; position: absolute; left: 10%; right: 10%; height:3px; bottom: 0; background: #0f6fc7}
.about_honor .list{padding: 0 50px;position: relative; margin-top: .30rem}
.about_honor .item_img{width: 80%; margin: auto; background: url(../images/honor_kuang.png) no-repeat center center; background-size: 100% 100%; padding: 15px;}
.about_honor .item_img figure{padding-bottom: 140%; position: relative;}
.about_honor .item_img figure:after{position: absolute;  right: -24px; background: url(../images/honor_ying.png) no-repeat left bottom;  width: 24px;  height: 100%;  background-size: contain;    content: '';}
.about_honor .item_img figure img{position: absolute; width: 100%; height: 100%; object-fit: contain; object-position: center center;transition: .3s;}
.about_honor .item_tit{text-align: center; padding-top: 35px;  height: 90px; background: url(../images/honor_libg.png) repeat-x left top;}
.about_honor .list:before,
.about_honor .list:after{ position: absolute;  content: '';  bottom: 0px;  height: 90px; width: 50px;}
.about_honor .list:before{left: 0;  background: url(../images/honor_ul_l.png) no-repeat 0 0;}
.about_honor .list:after{right: 0; background: url(../images/honor_ul_r.png) no-repeat 0 0;}
.about_honor .item_tit{text-align: center; padding-top: 35px;  height: 90px; background: url(../images/honor_libg.png) repeat-x left top;}
.about_honor .item:hover figure img{transform: scale(1.05);}

.about_stafflife {padding: 4% 0;background: url(../images/bottom_bg.jpg) no-repeat center bottom #f7f8fc; background-size: 100%; display:none;}
.about_stafflife .title h3{position: relative; padding-bottom:2%}
.about_stafflife .title h3:after{content: ''; position: absolute; left: 10%; right: 10%; height:3px; bottom: 0; background: #0f6fc7}
.about_stafflife .list{padding: 0 50px;position: relative; margin-top: .30rem}
.about_stafflife .item{width: 100%}
.about_stafflife .item_img{padding: 10px}
.about_stafflife .item_img figure{padding-bottom:70%; position: relative;}
.about_stafflife .item_img figure img{position: absolute; width: 100%; height: 100%; object-fit:cover;transition: .3s;}
.about_stafflife .item_tit{text-align: center; padding-top:0.2rem; line-height: 1.5;}
.about_stafflife .item:hover figure img{transform: scale(1.05);}
.about_stafflife .swiper-container {  width: 100%;   margin-left: auto;   margin-right: auto;    }
.about_stafflife .swiper-slide {background: #fff; height: calc((100% - 30px) / 2); }
@media(min-width:768px){
.about_stafflife .swiper-container{ height:80vw; }
}
@media(min-width:1024px){
.about_stafflife .swiper-container{ height:58vw; }
}
@media(min-width:1400px){
.about_stafflife .swiper-container{ height:50vw; }
}
@media(min-width:1600px){
.about_stafflife .swiper-container{ height:40vw; }
}

.news_list .item{margin-bottom:5%;}
.news_list .item a{}
.news_list .pic{width: 45%;margin-right: 5%;}
.news_list .pic figure{padding-bottom:55%;position: relative}
.news_list .pic figure img{position: absolute; width: 100%; height: 100%;object-fit: cover; -o-object-fit: cover}
.news_list .txt{padding-bottom:5%;line-height:1.25;width: 45%;}
.news_list .txt h4{margin-bottom:3%}
.news_list .txt time{ color: #333;}
.news_list .txt .excerpt {line-height: 1.75em; margin-bottom: 3%; color:#333;}
.news_list .item:nth-child(3n){margin-right: 0;}
.news_list .item .link_more span{transition: all .3s ease-in-out;}
.news_list .item .link_more span:hover{transform: scale(1.1);}
@media(max-width:640px){
.news_list .pic{width: 100%;margin-right: 0}
.news_list .txt{width: 100%; padding-top: 10px;}
.news_list .txt h4{font-size: .20rem}
}
/* .news_list .item:nth-child(2)~.item{margin-top:5%} */


.formbox .group{ margin-bottom: .2rem; position: relative}
.formbox .tips{position: absolute; line-height: .5rem; padding: 0 .15rem; color: rgba(0,0,0,0.6);}
.formbox .text,
.formbox select{background: #e5edf3; border: solid 1px #424242; width: 100%; height: .5rem; padding: 0 .15rem; color: rgba(0,0,0,0.6);}
.formbox select{appearance:none;-moz-appearance:none;-webkit-appearance:none; background:#e5edf3 url(../images/select_icon.svg) no-repeat 93% center}
.formbox textarea.text{height: 2rem; padding-top: .2rem; padding-bottom: .2rem}
.formbox .select:before{content: ''; position: absolute; right: 0; width: 1px; height: 100%; right: 15%; background: #424242}
.formbox .btnbox{}
.formbox .btnbox .btn{background: #0b5ed7; min-width:1.47rem; line-height: .56rem; color: #fff; border: none; cursor: pointer; transition: 0.5s}
.formbox .btnbox .btn:hover{background: #004ab7}

.contact_message .message{width: 50%; padding: 0 5%}
.contact_message .contact{border-right: solid 2px #cacaca; width: 50%; padding: 0 5%}
.contact_message .contact .box:not(:last-child){padding-bottom:10%}
.contact_message .contact .txt:not(:last-child){padding-bottom:4%}
.contact_message .contact .txt{line-height:1.667;user-select: text;}
.contact_message .contact img{max-width:160px;}
.contact_message .contact .txt .share{ display: flex; gap: .1rem; flex-wrap: wrap; color:#838383;}
.contact_message .contact .txt .share a { display: inline-flex; position: relative; color:#838383}
.contact_message .contact .txt .share a .icon{ width: .4rem; height: .4rem;}
.contact_message .contact .txt .share a figure{ position: absolute; left: 50%; top: 100%; transform: translateX(-50%); display: none; width: 1.6rem; padding: .05rem; background-color: #fff;}
.contact_message .contact .txt .share a figure img{ display: block; width: 100%;}
.contact_message .contact .txt .share a:hover figure{ display: block;}
.contact_message h3{padding-bottom: .3rem}
.contact_message h4{padding-bottom: .1rem}

@media(max-width:768px){
.contact_message .message{width: 100%;}
.contact_message h3{padding-bottom: .3rem}
.contact_message .contact{width: 100%; border-right: none;border-bottom: solid 2px #cacaca; padding-bottom: 6%; margin-bottom: 4%}
}

/*ind xx*/
.link_more {padding: .2rem 0}
.link_more a,.link_more span{color: #fff; width: 7.5em; line-height: 2.5em; text-align: center; display: block; background: #0b5ed7; transition: 0.5s; font-size: .2rem;}
.link_more a:hover,.link_more span:hover{background: #0046ac}
.ind_banner .pic {padding-bottom: 31.25%;}
.ind_banner .pic img{position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover;}
.ind_banner .wap{display: none}
.ind_banner .infobox{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: 0.5s; animation-delay: 0.3s; opacity: 1;z-index: 12; width: 10.8rem; max-width: 90%;}
.ind_banner .txt{color: #fff}
.ind_banner .txt p{margin-top: .2rem; margin-bottom: .3rem}
.ind_banner .slick-dots{position: absolute; bottom: 0; padding: 2% 0}
.ind_banner .item:not(.slick-current) .infobox{ top:10%; opacity: 0}

.ind_banner li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;}
.ind_banner li.slick-slide .videobg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.65);z-index: 11}
.ind_banner li.slick-slide video + a{visibility: hidden;}

@media(max-width:1024px){
.ind_banner .pic {padding-bottom: 58.59375%;}
.ind_banner .pc{display: none}
.ind_banner .wap{display:block}
.ind_banner .infobox{width: 90%}
.ind_banner .txt p{margin-top: 0.05rem; margin-bottom:0}
.link_more a{line-height: 40px;}

}

@media(max-width:750px){
  .ind_banner .txt h4{font-size: .26rem;}
  .ind_banner .txt p{font-size: .18rem;}
}

.ind_overview{padding:0.5% 0 ; background: #0b5ed7}
.ind_overview li{color: #ffffff; width: 33.33%; text-align: center; padding: 2%}
.ind_overview li:not(:last-child){border-right: solid 1px #ffffff;  }
.ind_overview li .icon{ max-width: 0.5rem; margin: 0 auto 0.2rem;filter: brightness(0) invert(1);}
.ind_overview li h4{margin-bottom: .2rem;letter-spacing: .02rem;}
.ind_overview li p{letter-spacing: .02rem;}
.ind_about .box .title,
.ind_about .info{letter-spacing: 0;}
.ind_about .box .title{color: #0b5ed7;}
.ind_about .box .info{color: #333;}
@media(max-width:768px){
.ind_overview li{margin: 4% 0}
.ind_overview li p{font-size: .14rem;}
/* .ind_overview li:nth-child(even){border-right: none} */
.en_ind_overview li h4{font-size: .14rem;}
.en_ind_overview li p{font-size: .12rem;}
.en_ind_overview .ul{align-items: stretch;}
}

.ind_product{padding: 5% 0; display: none;}
.ind_product ul{margin-left: -.15rem; margin-right: -.15rem}
.ind_product li{width: 50%; padding: .15rem}
.ind_product li a{display: block;background: #f7f8fc; position: relative}
.ind_product li .pic figure{padding-bottom: 67.605%}
.ind_product li span{color: #0b5ed7}
.ind_product li .txt{position: absolute;padding: 6%; top: 0; width: 60%; height: 100%; align-content: center; z-index: 10}
.ind_product li p{margin-top:8%; margin-bottom:15%; line-height: 1.5}
@media(max-width:768px){
.ind_product ul{margin-left: -.05rem; margin-right: -.05rem}
.ind_product li{ padding: .05rem}
}

.ind_about{color: #fff;padding: 5% 0;/*height:9.4rem;*/ background: no-repeat center center fixed; background-size: cover; align-content: center;overflow: hidden;}
.ind_about .about{width: calc(100% - 4rem);}
.ind_about .box {max-width: 7.5rem;}
.ind_about .info{padding:4% 0; line-height: 1.6}
.ind_about .other{min-width: 3.30rem}
.ind_about .other li{padding:8% 0; border-bottom: solid 1px rgba(0,0,0,0.2);color: #333}
.ind_about .other li:not(:last-child){margin-bottom:12%}
.ind_about .other li b{margin-right: 5px;letter-spacing: 0;}
.ind_about .other li b.count{color: #0b5ed7}
.ind_about .other li p{letter-spacing: 0;}
.ind_about .other li .icon{width: .48rem;}
@media(max-width:1024px){
.ind_about .about,
.ind_about .other{width: 100%;max-width: inherit}
.ind_about .other ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.ind_about .other li{width: 46%; padding:3% 0; }
.ind_about .other li:not(:last-child){margin-bottom:0}
.ind_about .other li .icon{width: .38rem}
}

.ind_base {padding-top:15%; padding-bottom: 5%;}
.ind_base .info{width:3rem}
.ind_base .info .txt {margin-right: -2rem;}
.ind_base .info .txt h4 {margin-top: 0;font-weight: normal;}
.ind_base .info p{margin: .2rem 0;display: none;}
.ind_base .other{ position: absolute;  margin-top: -15%; right: -2.5rem; width: 70vw; background: url(../images/ind_map_bg1.jpg) no-repeat top center; background-size: 100%; z-index: -1;}
.ind_base .other .map-animation{     padding-top: 11%;    right: 0;    width: 92%;    float: right;    padding-right: 11%; }
.ind_base .other i{border-radius: 100%; width: .1rem; height: .1rem;display: block; position: relative}
.ind_base .other i:before,
.ind_base .other i:after{content: ' '; position: absolute; border-radius: 100%;}
.ind_base .other i:before{left: -0.03rem; right: -0.03rem; top: -0.03rem; bottom: -0.03rem;}
.ind_base .other i:after{left: -.1rem; right: -.1rem; top: -.1rem; bottom: -.1rem; opacity: 0.3; transition: 0.5s}
.ind_base .other i.yellow:before,
.ind_base .other i.yellow:after{background: #f39800}
.ind_base .other i.green:before,
.ind_base .other i.green:after{background: #22ac38}
.ind_base .other i.blue:before,
.ind_base .other i.blue:after{background: #0176f9}
.ind_base .yuan{width: 20%; max-width: 2.50rem; margin: auto; position: relative}
.ind_base .yuan .xian{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border:dashed 1px rgba(1,118,249,0.2); border-radius: 100%}
.ind_base .yuan .xian:nth-child(1){width: 205%; height: 205%}
.ind_base .yuan .xian:nth-child(2){width: 380%; height: 380%}
.ind_base .yuan .xian:nth-child(3){width: 550%; height: 550%}
.ind_base .yuan ul{padding-bottom: 100%; border-radius: 100%;background: rgba(1,118,249,0.1);}
.ind_base .yuan ul li{position:absolute;}
.ind_base .yuan ul li:nth-child(1){left: 38%;top: 25%;}
.ind_base .yuan ul li:nth-child(2){left: 46%;top: 40%;}
.ind_base .yuan ul li:nth-child(3){left: 46%;top: 46%;}
.ind_base .yuan ul li:nth-child(4){left: 35%;top: 60%;}
.ind_base .yuan ul li:nth-child(1) i:after{animation: yuan 2s linear infinite;}
.ind_base .yuan ul li:nth-child(2) i:after{animation: yuan 2.6s linear infinite;}
.ind_base .yuan ul li:nth-child(3) i:after{animation: yuan 3s linear infinite;}
.ind_base .yuan ul li:nth-child(4) i:after{animation: yuan 2.2s linear infinite;}

.ind_base .desc{padding-right:5vw; position: relative; 
  /* float: right; */
}
.ind_base .desc li{width: 47%; margin:1% 0; padding-left:0.4rem; position: relative} 
.ind_base .desc li i{position: absolute; left: 0; top:0.07rem}
.ind_base .desc .cn_ul{width: 5.3rem;flex-wrap: nowrap;margin: 0 auto;}
.ind_base .desc .en_ul{flex-wrap: nowrap;}

.ind_base .autoscale{position: relative;}

@keyframes yuan{
0{left: -10px; right: -10px; top: -10px; bottom: -10px; opacity: 0.3}
100%{left: -3px; right: -3px; top: -3px; bottom: -3px; opacity: 0}
}

@media (min-width: 3840px) {
.ind_base .yuan .xian:nth-child(1) { width: 290%; height: 290%; } 
.ind_base .yuan .xian:nth-child(2) { width: 537%; height: 537%; } 
.ind_base .yuan .xian:nth-child(3) { width: 781%; height: 781%; }
  
}

@media (min-width: 5760px) {
  .ind_base .yuan .xian:nth-child(1) { width: 410%; height: 410%; }
  .ind_base .yuan .xian:nth-child(2) { width: 760%; height: 760%; }
  .ind_base .yuan .xian:nth-child(3) { width: 1100%; height: 1100%; }
  
}
@media (max-width: 1920px) {
  .ind_base .other{right: -1.3rem;}
}
@media (max-width: 1700px) {
  .ind_base .other{right: -1rem;}
}
@media(max-width:1280px){
    .ind_base .desc{width: 530px;}
    .ind_base .desc li{ max-width: inherit; margin-bottom: 3%}
    .ind_base .other{right: 0;}
}
@media(max-width:1024px){
.ind_base{background-position: center;background-size: 150%; padding-top: 5%;}
.ind_base .info{width: 100%;}
.ind_base .info .txt {margin-right: 0;}
.ind_base .info h4 br{display: none}
.ind_base .other{ position: relative; width: 100vw; }
.ind_base .yuan{width: 50%}
.ind_base .desc {left: 50px; float: left; position: relative;;}
.ind_base .yuan .xian:nth-child(1){width: 120%; height: 120%}
.ind_base .yuan .xian:nth-child(2){width: 160%; height: 160%}
.ind_base .yuan .xian:nth-child(3){width: 220%; height: 220%}

.ind_base .yuan ul li:nth-child(1){left: 66%;}
.ind_base .yuan ul li:nth-child(2) {left: 76%;top: 45%;}
.ind_base .yuan ul li:nth-child(3) {left:78%; top:54%;}
.ind_base .yuan ul li:nth-child(4) {left: 67%;top: 58%;}
}
@media(max-width:768px){
    .ind_base .desc li i {top:0.1rem;}
    .ind_base .desc  {width: 100%; left: 20px; font-size: 18px;}
    .ind_base .other{ margin-top: 0;}
}

@media(max-width:640px){
    .ind_base .desc {padding-right: 0;left: .1rem;}
	.ind_base .desc .en_ul{flex-wrap: wrap;}
    .ind_base .desc li {width: 100%;}
}

.ind_news {padding:5% 0 5% 0; margin-top:15%; background: url(../images/ind_news_bg.jpg) no-repeat left top; background-size: 38.3%}
.ind_news .title{padding-bottom: 2%}
.ind_news .ul{margin-left: -.1rem; margin-right: -.1rem}
.ind_news .ul li{transition: 0.5s; padding: .1rem}
.ind_news .ul li a{display: block;}
.ind_news .ul li .pic figure img{height: 3.16rem;object-fit: cover;margin-bottom: .1rem;width: 100%;}
.ind_news .ul li .info{align-content: space-between;min-height: .5rem;}
.ind_news .ul li .info h4{width: 100%; line-height: 1.6;height: 1rem;}
.ind_news .ul li .info dl{width: 100%}
.ind_news .ul li .info dl time{color: #717272}
.ind_news .ul li .info dl .icon{position: relative;width: .56rem; height: .56rem; border-radius: 100%; border: solid 2px #d6d6d6}
.ind_news .ul li .info dl .icon:before,
.ind_news .ul li .info dl .icon:after{content: '';position: absolute; width: .2rem; height: 2px; background: #d6d6d6; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.ind_news .ul li .info dl .icon:after{transform: rotate(90deg)}
.ind_news .link_more {overflow: hidden;}
@media(min-width:768px){
.ind_news .ul li{width: 49.5%}
.ind_news .ul li.show{flex:2.3529}
.ind_news .ul li.show .info,
.ind_news .ul li.show .info dl time{color: #fff}
.ind_news .ul li.show .pic figure img{opacity: 1}
.ind_news .ul li.show .info{ background-color: rgba(0,0,0,0.5);}
}
@media(max-width:1200px){
.ind_news .ul li .info{padding:2vw; }
.ind_news .ul li .info dl .icon{width: .40rem; height: .40rem; }
}
@media(max-width:768px){
.ind_news{margin-top: 0%;}
.ind_news .ul li{width: 100%}
.ind_news .ul li .info h4{height: .5rem;}
}
/*ind xx-end*/
.web_link ul li{ padding:10px 0; border-bottom:dotted 1px #e4e4e4}
.web_link ul li b{ display:block; font-weight:normal;}
.web_link ul li span{ opacity:0.8; display:inline-block; white-space:nowrap; padding-right:.2rem;}
/*ind_form*/
.ind_form {padding:4% 0; overflow: hidden; background-color: #f1f2f2;background-size: cover;}
.ind_form .form {margin-top: 2.5%;}
.ind_form .col {width: calc(50% - 0.25rem);}
.ind_form .input {margin-bottom: 0.3rem;}
.ind_form .textarea_input{height: 90%;margin-bottom: 0;}
.ind_form .text {background-color: #fff; border-radius: 0.05rem; display: block; width: 100%; color: rgba(0,0,0,0.6); border:none; height: 2.5em; line-height: 1.5em; padding:0.5em 1em; font-family: 'hm';}
.ind_form .text::placeholder{ color: rgba(0,0,0,0.6);}
.ind_form textarea.text {height: 100%;}
.ind_form .select {margin-bottom: 0.3rem; background-color: #fff; border-radius: 0.05rem;}
.ind_form select {display: block; width: 100%; height: 2.5em; padding:0 1em; border:none; border-radius: 0.05rem; color: rgba(0,0,0,0.6); font-size: 1em; background-color: transparent; font-family: 'hm';}
.ind_form option {color:#141414;}
.ind_form .submit {display: block; color:#fff; background-color: #026dc3; width: 4.64em; height: 2.7em; border-radius: 0.15rem; transition: all 0.3s; cursor: pointer; border:none; margin-top: 0.2rem;}
.ind_form .submit:hover {transform: scale(1.1);}

.ind_form input::-moz-placeholder{opacity:1; color:#fff;}
.ind_form input:-moz-placeholder{opacity:1; color:#fff;}
.ind_form input::-webkit-input-placeholder{opacity:1; color:#fff;}
.ind_form input:-ms-input-placeholder{opacity:1; color:#fff;}
.ind_form textarea::-moz-placeholder{opacity:1; color:#fff;}
.ind_form textarea:-moz-placeholder{opacity:1; color:#fff;}
.ind_form textarea::-webkit-input-placeholder{opacity:1; color:#fff;}
.ind_form textarea:-ms-input-placeholder{opacity:1; color:#fff;}
@media(max-width:768px){
    .ind_form .col {width: 100%;}
}

/*ind_video*/
.ind_video {padding:5% 0; overflow: hidden; }
.ind_video .auto {max-width: 11.5rem;}
.ind_video .list {overflow: hidden;}
.ind_video .left{width: calc(866/1150*100%);}
.ind_video .right{width: calc(270/1150*100%);position: relative}
.ind_video .right .item:not(:last-child) {padding-bottom: calc(60/1150*100%);}
.ind_video .group{position: absolute;width: 100%;height:100%; overflow-y: auto;}
.ind_video .text {width: 50%; padding-left:5%; line-height: 1.75em; color: var(--col_tit); display:none;}
.ind_video .cover {position: relative; width: 100%;}
.ind_video .right .cover {padding-bottom: 4%;}
.ind_video .cover:after {display: block; content: ''; padding-bottom: 54%;}
.ind_video .cover img {display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover;}
.ind_video .play {position: absolute; left:50%; top:50%; cursor: pointer; transform: translate(-50%,-50%); z-index: 2; width: 13.3%; border-radius: 50%; background: #414042 url(../images/play_02.png) no-repeat center center; background-size: 50% auto; transition: all 0.2s;}
.ind_video .play:before {display: block; content: ''; padding-bottom: 100%;}
.ind_video .play:hover {transform:translate(-50%,-50%) scale(1.1);}
.ind_video .info {position: relative;}
.ind_video .large .play {background-color: #0b5ed7;}
.ind_video .left .cover {width: 100%;}
@media(max-width:768px){
    .ind_video .cover {width: 100%;}
    .ind_video .text {width: 100%; padding-left: 0; margin-top: 3%;}
	.ind_video .left,
	.ind_video .right{width:100%;}
	.ind_video .right{padding-top: calc(60/1150*100%);}
	.ind_video .group{position: relative;display: flex; flex-wrap:wrap ; justify-content: space-between}
	.ind_video .group .item{width: 48%}
}
/*popup*/
.popup{position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,0.75);z-index:999;-webkit-overflow-scrolling:touch;display:none;}
.popup .video{width:100%;min-height:100%;justify-content:center;align-items:center;padding:1vh 0;display: flex;}
.popup .info{background-color:#fff;}
.popup video{display:block;width:auto;max-width:90vw;height:auto;max-height:90vh;}

.popup .close::before,
.popup .close::after{ position:absolute; content:''; width:3px; border-radius:3px; background-color:#414042; right:.25rem; top:.15rem;height: .2rem;cursor: pointer;}
.popup .close::before{ transform:rotate(45deg);}
.popup .close::after{ transform:rotate(-45deg);}

.massage_popup .massage{padding: .5rem .3rem;position: relative;background-color: #ffffff;width: fit-content;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 2%;width: 5rem;}

.massage_popup .form {margin-top: 2.5%;}
.massage_popup .input {margin-bottom: 0.3rem;position: relative;}
.massage_popup .text {background-color: #f1f2f2; border-radius: 0.05rem; display: block; width: 100%; color: rgba(0,0,0,0.6); border:none; height: 2.5em; line-height: 1.5em; padding:0.5em 1em; font-family: 'hm';}
.massage_popup .text::placeholder{ color: rgba(0,0,0,0.6);}

.massage_popup .tit{color: rgba(0,0,0,0.6);font-family: 'hm';font-size: 0.16rem;position: absolute;left: 0.2rem;top: 0;line-height: 2.6em;}
.massage_popup .tit span{color: red;padding-left: 0.1rem;}


.massage_popup textarea.text {height: calc(7.5em + 0.6rem);width: 100%;}

.massage_popup .submit {display: block; color:#fff; background-color: #026dc3; width: 100%; height: 2.7em; border-radius: 0.15rem; transition: all 0.3s; cursor: pointer; border:none; margin-top: 0.2rem;}
.massage_popup .submit:hover {transform: scale(1.1);}

.massage_popup input::-moz-placeholder{opacity:1; color:#fff;}
.massage_popup input:-moz-placeholder{opacity:1; color:#fff;}
.massage_popup input::-webkit-input-placeholder{opacity:1; color:#fff;}
.massage_popup input:-ms-input-placeholder{opacity:1; color:#fff;}
.massage_popup textarea::-moz-placeholder{opacity:1; color:#fff;}
.massage_popup textarea:-moz-placeholder{opacity:1; color:#fff;}
.massage_popup textarea::-webkit-input-placeholder{opacity:1; color:#fff;}
.massage_popup textarea:-ms-input-placeholder{opacity:1; color:#fff;}

@media(max-width:640px){
  .massage_popup .massage{width: 4rem;}
}

/*ind_value*/
.ind_value {overflow: hidden;}
.ind_value .list { width: calc(1718/1668*100%); justify-content: space-evenly;}
.ind_value .item {width: 21%; padding-bottom: calc(50/1718*100%);}
.ind_value .icon {margin:0 auto 5%; width: 70%; height: .45rem; position: relative; max-width: 2rem; text-align: center; display: flex; justify-content: center; align-items: :center;}
.ind_value .icon img { display: inline-block; }
.ind_value .text {letter-spacing: 0; text-align: center;}
.ind_value .text b{display: block; color: #0b5ed7; padding-bottom: 10px;}
.ind_value .text {}
/* map animation */
.st0 {
    opacity: 0.5;
    fill: #F39800;
    enable-background: new;
  }

  .st1 {
    opacity: 0.5;
    fill: #0175F9;
    enable-background: new;
  }

  .st2 {
    opacity: 0.5;
    fill: #22AC38;
    enable-background: new;
  }

  .st3 {
    opacity: 0.7;
    fill: #F39800;
    enable-background: new;
  }

  .st4 {
    opacity: 0.7;
    fill: #0175F9;
    enable-background: new;
  }

  .st5 {
    opacity: 0.7;
    fill: #22AC38;
    enable-background: new;
  }

  .st6 {
    fill: none;
    stroke: #F39800;
    stroke-width: 0.7;
    stroke-miterlimit: 10;
  }

  .st8 {
    fill: none;
    stroke: #22AC38;
    stroke-width: 0.7;
    stroke-miterlimit: 10;
  }

  @keyframes draw {
    0% {
      stroke-dashoffset: var(--totalLength);
    }

    71.428% {
      stroke-dashoffset: 0;
    }

    100% {
      stroke-dashoffset: 0;
    }
  }

  /* 修改后的缩放动画，兼容Firefox */
  @keyframes zoom {
    0%, 100% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.5);
    }
  }

  .draw {
    animation: draw 5s linear infinite;
  }

  /* 修改后的zoom类，兼容Firefox */
  .zoom {
    animation: zoom 2s ease-in-out infinite;
    transform-origin: center;
  }

  circle {
    transform-box: fill-box;
    transform-origin: center;
  }

/* map animation */

.clearfix::after {
    content: "";
    display: table;
    clear: both;
  }



.procates {
    margin-bottom: .60rem;
    border-bottom: 1px solid #026dc3;
}
.procates .box{flex-wrap: wrap;display: flex; justify-content: space-between; margin: auto;max-width: 7.2rem;}
.procates .procate {
    text-align: center;
    width: 25%;
    padding: 0 2%;
    margin-bottom: 2%;
}
.procates .ico{
  padding-bottom:50%;
  position: relative;
}
.procates .ico img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 100%;
    width: 60%;
    object-fit: contain;
}

.procates .procate_tit {
    margin-top: .2rem;
}

.procates .procate:hover .procate_tit {
    color: #026dc3;
}


@media(max-width:768px){
  .procates .procate_tit {
    margin-top: .1rem;
  }
  .procates .ico {
    padding-bottom: 30%;
}
.ind_value .list{width: auto;}
.ind_value .item{width: 24%;}
.ind_value .text b{font-size: .18rem;}
.ind_value .text {font-size: .14rem;}
}


.product_series .item:nth-child(2) a,
.product_series .item:nth-child(3) a,
.product_series .item:nth-child(4) a{
  border: 1px solid #0175F9;
}
.product_series .item:nth-child(5) a,
.product_series .item:nth-child(6) a,
.product_series .item:nth-child(7) a{
  border: 1px solid #22AC38;
}
.product_series .item:nth-child(8) a,
.product_series .item:nth-child(9) a,
.product_series .item:nth-child(10) a,
.product_series .item:nth-child(11) a{
  border: 1px solid #F39800;
}

/* 发展历程 */
.develop{
  display: flex;
  align-items: center;
}
.develop .small_swiper{
  width: 80%;
  height: 8.5rem;
}
.develop .big_swiper{
  width: 20%;
  height: 5rem;
}
.small_swiper .swiper-container{
  height: 8.5rem;
}
.small_swiper .swiper-slide{
  height: calc(8.5rem / 5);
  display: flex;
  align-items: center;
}

.big_swiper .swiper-container{
  height: 5rem;
}

/* .big_swiper .swiper-slide{
  height: 50px !important;
} */
.big_swiper .item_year{
  font-size: .18rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.small_swiper .item_tit{
  font-size: .2rem;
  font-weight: 700;
}
.small_swiper .item_desc{
  font-size: .16rem;
  margin-top: .15rem;
}
.small_swiper .swiper-slide{
  transition: all .5s;
}
.small_swiper .swiper-slide .item{
  padding-top: .1rem;
  padding-bottom: .1rem;
}
.small_swiper .swiper-slide-prev .item .item_tit{
  font-size: .24rem;
}
.small_swiper .swiper-slide-prev .item .item_desc{
  font-size: .22rem;
}
.small_swiper .swiper-slide-active .item{
  padding-left: 0;
}
.small_swiper .swiper-slide-active + .swiper-slide .item .item_tit{
  font-size: .24rem;
}
.small_swiper .swiper-slide-active + .swiper-slide .item .item_desc{
  font-size: .22rem;
}

.small_swiper .swiper-slide-active .item_tit{
  color: #2472c8;
  font-size: .34rem;
}
.small_swiper .swiper-slide-active .item_desc{
  color: #2472c8;
  font-size: .24rem;
}
.big_swiper .swiper-slide-thumb-active .item_year{
  color: #2472c8;
}
.big_swiper .swiper-slide-thumb-active .item_year::before{
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  bottom: 0;
  width: 2px;
  height: 50%;
  background-color: #2472c8;
}

@media(max-width:1280px){
  .small_swiper .swiper-container {
    height: 6.5rem;
  }
  .small_swiper .swiper-slide-active .item_desc{
    font-size: .18rem;
  }
  .small_swiper .item_desc {
    margin-top: .1rem;
  }
  .small_swiper .swiper-slide-active + .swiper-slide .item .item_desc,
  .small_swiper .swiper-slide-prev .item .item_desc{
    font-size: .16rem;
  }
  .small_swiper .item_desc{
    font-size: .14rem;
  }
}
@media(max-width:1023px){
  .small_swiper .swiper-container {
    height: 4.5rem;
  }
}
@media(max-width:640px){

  .about_history .history {
    width: 100%;
  }
  
  .about_history .title h3 {
    position: static;
  }
  
  .about_history .title {
    width: 100%;
  }
  .develop{
    flex-wrap: wrap;
  }
  .about_history .autoscale{display: block;}
  .develop .small_swiper{height: 2rem;}
  .develop .big_swiper{height: 1rem;}
  .about_overview .autoscale{display: block;}
  .about_overview .title,.about_overview .infobox{width: 100%;}

  .develop .small_swiper {
    width: 100%;
  }
  
  .develop .big_swiper {
    width: 100%;
  }
  
  .small_swiper .swiper-container {
    height: auto;
  }
  
  .big_swiper .swiper-container {
    height: auto;
  }
  .big_swiper .swiper-slide-thumb-active .item_year::before {
    bottom: 0;
    width: 100%;
    height: 2px;
    top: unset;
}

.big_swiper .item_year {
    padding-bottom: .1rem;
}
.about_history .title {
  padding-top: .25rem;
}

.small_swiper .swiper-slide .item {
  text-align: center;
  padding: .15rem 0;
}
.small_swiper .swiper-slide {
  height: auto;
}

.small_swiper .swiper-slide .item {
  height: 100%;
}

}

.triangle_box{position: relative;/*left: 1rem;*/}
.triangle_box .triangle-container { justify-content: center; flex-wrap: nowrap;}
.triangle-item{
  width: 1.5rem;
    /* height: 0;
    border-style: solid;
    border-width: 0 1.3rem 1.8rem 1.3rem;
    border-color: transparent; 
    display: grid;
    justify-content: center;
    vertical-align: bottom;*/
    margin-bottom: .3rem;
    transition: all .5s ease-in-out;
    white-space: nowrap;
    justify-items: center;
    background: url(../images/triangle_gray.png) no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}
.triangle-item:after {
    display: block;
    content: '';
    padding-bottom: 69.231%;
}
.triangle-item .cont {
    position: absolute;
    top:50%;
    transform: translateY(-40%);
    left:0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.triangle-item:hover{
  transform: scale(1.15);
}
.triangle-item:nth-child(2n) .cont{
    
}
.triangle-down {
   
}
.triangle-down .cont {
    transform: translateY(-60%);
}
 .triangle-item:not(:first-child){
  margin-left: -0.6rem;
} 
.triangle_box .triangle-item:nth-child(2n){
background-image: url(../images/triangle_blug.png);
}
.triangle_box .triangle-item:nth-child(2n) .cont {
flex-direction: column-reverse;
transform: translateY(-60%);
}
/* .triangle_box .triangle-container:nth-child(2) .triangle-item:nth-child(2n){
background-image: url(../images/triangle_blug.png);
}
.triangle_box .triangle-container:nth-child(2) .triangle-item:nth-child(2n+1) .cont {
flex-direction: column-reverse;
transform: translateY(-60%);
} */
/* .triangle-item:first-child{
  margin-left: .61rem;
} */

.triangle-item .icon{width: .36rem;max-height: .48rem;object-fit: contain;margin:.05rem 0;}


.triangle-item .text{text-align: center; margin:0.05rem 0; line-height: 1.6em;}

@media (max-width: 1366px) {
    .triangle-item {
        width: 2rem;
    }
    .triangle-item:not(:first-child) {
  margin-left: -0.8rem;
}
  /* .triangle-item {
    border-width: 0 1.1rem 1.5rem 1.1rem;
  }
  
  .triangle-down {
    border-width: 1.5rem 1.1rem 0 1.1rem;
  } */
/* .triangle-item:nth-child(3) {
    margin-right: 1.3rem;
}
.triangle-item .icon{
  margin: .3rem 0 .1rem;
}

.triangle-down .icon{margin-top: -.9rem;}

.triangle-down .text {
    margin-top: -1.4rem;
} */

}
 
@media (max-width: 1024px) {
  
  /* .triangle-item {
    border-width: 0 1rem 1.3rem 1rem;
  }
  
  .triangle-down {
    border-width: 1.3rem 1rem 0 1rem;
  } */
  
  .triangle-item .icon {
    width: 0.35rem;
    height: 0.45rem;
    /* margin: .3rem 0 .1rem; */
  }
 
/* .triangle-item:nth-child(3) {
    margin-right: 1.9rem;
}
.triangle-item:nth-child(4) {
    margin-left: -.6rem;
} */
/* .triangle_box{left: 20%;} */
/* .triangle-down .text {
    margin-top: -1.2rem;
}
.triangle-down .icon{margin-top: -.7rem;} */
}
 
@media (max-width: 768px) {
  
  /* .triangle-item {
    border-width: 0 0.9rem 1.2rem 0.9rem;
  }
  
  .triangle-down {
    border-width: 1.2rem 0.9rem 0 0.9rem;
  } */
  
  .triangle-item {
    width: 1.25rem;
  }
  .triangle-item:not(:first-child) {
  margin-left: -0.5rem;
}
  /* .triangle-item:first-child {
    margin-left: 0.5rem;
  }
      .triangle-item:nth-child(3) {
        margin-right: 2.7rem;
    } */
}

@media (max-width: 680px) {
  /* .triangle-item:first-child {
    margin-left: 0.4rem;
  } */
  
      /* .triangle-item:nth-child(3) {
        margin-right: 1rem;
    } */
        /* .triangle_box {
        left: 10%;
    } */
      .triangle-item .icon {
    width: 0.25rem;
    height: 0.25rem;
    margin:0;
    /* margin: .3rem 0 .1rem; */
  }
  .triangle-item .text {
    line-height: 1.25em;
    margin:0;
    font-size: 0.14rem;
  }
      /* .triangle-down .text {
        margin-top: -1.1rem;
    }
    .triangle-down .icon{margin-top: -.65rem;} */
}
 
@media (max-width: 480px) {
  
  /* .triangle-item:first-child {
        margin-left: .34rem;
    }

  .triangle-item:nth-child(3) {
        margin-right: .75rem;
    }

  .triangle-item {
    border-width: 0 0.65rem 1rem 0.65rem;
  }
  
  .triangle-down {
    border-width: 1rem 0.65rem 0 0.65rem;
  } */

  /* .triangle-item:not(:first-child) {
        margin-left: -0.58rem;
    } */

  /* .triangle_box {
        left: 9%;
    } */
  /* .triangle-item .icon{margin: .25rem 0 0;}
  .triangle-down .icon {
        margin-top: -.52rem;
  }
  .triangle-down .text {
        margin-top: -.92rem;
  }
  .triangle-item:nth-child(4) {
    margin-left: -.4rem;
} */
}



.contact_item .item_title{padding: .3rem 0;border-bottom: 1px solid;color: #0b5ed7;line-height: 1;cursor: pointer;}
.contact_item .item_title .title{margin: 0;font-size: .28rem;}
.contact_item .item_title .open_icon{width: .2rem;height: .2rem;background-image: url('../images/plus-icon.svg');background-size: contain;background-repeat: no-repeat;transition: all .3s ease-in-out;}
.contact_item.act .item_title .open_icon{transform: rotate(45deg);}
.contact_item .item_page{max-height: 0;transition: all .5s ease-in-out;visibility: hidden;overflow: hidden;margin-top: .5rem;}
.contact_item.act .item_page{max-height: 14.2rem;visibility: visible;}
.contact_item .w800{
  max-width: 8rem;
  margin: auto;
    width: 87.5%;
}
.contact_item .half .text{width: 3.85rem;}
.contact_item .text2{text-align: right;}

.contact_item .btnbox .btn2{margin-left: .3rem;}

@media(max-width:768px){
  .contact_item .half{display: block;}
  .contact_item .half .text{width: 100%;}
  .contact_item .item_page{margin-top: .2rem;}
}


/* 2025-08-20新增 */
.right_nav {
    right: 0;
    bottom: 50%;
    position: fixed;
    text-align: left;
    z-index: 9999;
    border-radius: .25rem 0 0 .25rem;
    transform: translateY(50%);
    list-style-type: none;
    display: none;
}
 
.right_nav li {
    background: #0b5ed7;
    margin: 4px 0;
    padding: .1rem;
    border-radius: .5rem 0 0 .5rem;
    cursor: pointer;
    position: relative;
    right: -.5rem; /* 默认隐藏 */
    transition: right 0.3s ease; /* 添加平滑过渡 */
}
 
/* 悬停时滑出 */
.right_nav li:hover {
    right: 0;
}
 
/* 默认隐藏 hideBox */
.right_nav li .hideBox {
    display: none;
    position: absolute;
    right: 1.2rem;
    padding: .1rem;
    padding-right: .28rem;
    top: -.1rem;
    z-index: 999;
    opacity: 0;
    transition: opacity 0.3s ease; /* 添加淡入效果 */
}
 
/* 悬停时显示 hideBox */
.right_nav li:hover .hideBox {
    display: block;
    opacity: 1;
}
 
.right_nav .iconBox {
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.right_nav .iconBox > img {
    width: .45rem;
    height: .45rem;
    background-color: white;
    border-radius: 50%;
    padding: 7%;
}
.right_nav li h4 {
    color: #fff;
    font-size: .12rem;
    margin: 2px 0;
    margin-left: .15rem;
}
.right_nav li .hideBox .hb {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: .1rem .2rem;
    border-top: 2px solid #0b5ed7;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    float: left;
}
.right_nav li .hideBox .hb p {
    margin-top: 5px;
    font-size: .18rem;
    font-weight: 700;
}
.right_nav li .hideBox .hb .fonttalk {
    margin-top: .1rem;
}
.right_nav li .hideBox .hb .fonttalk a {
    display: flex;
    align-items: center;
}
.right_nav li .hideBox .hb .fonttalk img {
    width: .25rem;
    height: .25rem;
}
.right_nav li .hideBox .hb .fonttalk p {
    font-size: .14rem;
    font-weight: 400;
    white-space: nowrap;
    margin-top: -5px;
    margin-left: 5px;
}
.right_nav li .hideBox img {
    height: 1.4rem;
    margin-top: .1rem;
    width: 1.4rem;
    max-width: fit-content;
}