﻿*{margin: 0;padding: 0;white-space:normal !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
html{font-size: 100px;font-size: calc(100vw/25.6);}
a{text-decoration: none;color: #222;transition: all .5s;-webkit-transition: all .5s;}
a:hover{color: #222;transition: all .5s;-webkit-transition: all .5s;}
li{list-style: none;}
img{vertical-align: middle;max-width: 100%;display: block; width: 100%;}
img.max{width: 100%;}
.fupcs{text-transform: uppercase;}
input, button, textarea {background: none; outline: none; border: none; -webkit-appearance: none;border-radius: 0;}
body{width: 100%;font-size: 16px;color: #222;line-height:2;font-family:'Microsoft YaHei','PingFang SC','Arial';position: relative; }
@font-face{font-family: "D-DIN-Regular";src: url(../font/D-DIN-PRO-400-Regular.otf);}
@font-face{font-family: "OPPOSans-R";src: url(../font/OPPOSans-R.ttf);}
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:#e6000e}
::-webkit-scrollbar-track-piece{background:#fff;}
::-webkit-scrollbar-thumb:vertical{background-color:#e6000e;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#e6000e;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}
::-webkit-scrollbar-resizer:vertical{background-color:#e6000e;}

.container{padding:0 1rem;width:100%;}
.overfloat-dot{overflow: hidden;text-overflow: ellipsis;white-space: nowrap !important;width: 100%;}
.overfloat-dot-2,.overfloat-dot-3,.overfloat-dot-4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.overfloat-dot-3{-webkit-line-clamp: 3;}
.overfloat-dot-4{-webkit-line-clamp: 4;}

/****/
.header{position: fixed;width:100%;height:80px;top:0;left:0;z-index:99;}
.header .container{display:flex;justify-content:space-between;}
.header .logo{width:180px;display:flex;height:80px;align-items: center;}
.header .logo .logo_cs{display:none;}
.header .header_r{display:flex;align-items: center;}
.header .header_r .header-nav{display:flex;justify-content: space-between;margin-right:0.3rem;}
.header-nav-li{display: inline-block;vertical-align: top;padding:0 0.3rem;position: relative;}
.header-d{display: block;line-height:80px;color: #ffffff;position: relative;font-size:0.16rem;}
.header-d:after{content: '';width: 0%;height: 3px;background: #0250A3;position: absolute;left: 50%;bottom: 0;border-radius: 2px;transition: all .5s;-webkit-transition: all .5s;}
.header-d:hover{color: #ffffff;}
.header-nav-li:hover .header-d:after, .header-nav-li.on .header-d:after{width: 100%;left: 0;transition: all .5s;-webkit-transition: all .5s;}
.header-sw{position: absolute;width: 160px;top:100%;background: #fff;box-shadow: 0 3px 3px #ccc;display: none;border-top: 1px solid #eff1f5;left:50%;transform: translateX(-50%);}
.header-e{text-align: center;padding:10px 0;font-size:0.16rem;}
.header-e a{display: inline-block;color: #333333;line-height: 2;padding: 3px 15px;width: 100%;margin-right: 0px;position: relative;}
.header-e a:hover{color:#0250A3;}
.header-nav-li.on .header-d{color:#ffffff;}
.header .header_r .search_btn_box{margin-right: 30px;padding: 2px 0 2px 30px;border-left: 1px solid #ffffff;}
.header .header_r .search_btn_box svg{display: block;}
.header .header_r .lag{position: relative;color: #ffffff;display:flex;align-items: center;}
.header .header_r .lag svg{display: block;width:18px;height:18px;}
.header .header_r .lag a{display: block;padding: 0 0px 0 15px;height: 50px;color:#ffffff;display: flex;justify-content: center;align-items: center;white-space: nowrap;}
.header .header_r .home_btn a{background-color:#e6000e;border-radius:50px;padding:8px 10px;display:flex;line-height: 1.6;}
.header .header_r .home_btn a .icon{width:0.24rem;height:0.24rem;border-radius:30px; background-color:#ffffff;display:flex;align-items: center;justify-content: center;}
.header .header_r .home_btn a .icon img{width:0.18rem;height:0.18rem; display: block;}
.header .header_r .home_btn a .txt{display: flex;align-items: center;margin-left:10px;color:#ffffff;margin-right:6px;font-size:0.16rem;}

.menu-btn {width: 20px;height: 14px; border-top: 2px solid #ffffff; cursor: pointer; transition: all .3s ease; display: none; z-index: 12;position: relative;}
.menu-btn:before,.menu-btn:after{content: ''; height: 2px;background: #ffffff;position: absolute;right: 0;transition: all .3s ease;}
.menu-btn:before{bottom: 6px;width: 14px;}
.menu-btn:after{bottom: 0;width: 20px;}
.menu-btn.cli{border-top: transparent;}
.menu-btn.cli:before{width: 24px;transform: translate(2px, 0) rotate(-45deg);}
.menu-btn.cli:after{width: 24px;transform: translate(2px,-6px) rotate(-135deg);}

.clearfix:after{content: "";display: block; height: 0;clear: both;visibility: hidden;}
/**/
.search-dialog-box{position: fixed;left: 0;top: 0;width: 100%;height:2.88rem;z-index: 1000000;opacity: 0;visibility: hidden;transition: .6s;/* overflow: hidden;*/}
.search-dialog-box:before{content: "";position: absolute;top: 0;height: 0;background: #0250A3;transition: .6s;left: 0;right: 0;z-index: 1;}
.search-dialog-box.on:before{height: 100%}
.search-dialog-box .bubbles-bg{opacity: 0;visibility: hidden;display: none;}
.search-dialog-box .search-bg{position: absolute;left: 0;top: 0;width: 100%;height: 0;margin: 0;background: rgba(0,0,0,.7);background-size: cover;background-repeat: no-repeat;/* z-index: 1;*/transform-origin: center center;transition: height .8s cubic-bezier(.77,0,.175,1);}
.search-dialog-box .wrap-inner{transform: translateY(100%);transition: .6s;}
.header-right .bubbles-bg{opacity: 0;visibility: hidden;transition: all .5s .8s;}
.search-dialog-box .bubbles-bg .bubble{position: absolute;}
.search-dialog-box .bubbles-bg .bubble .circle{border-radius: 100%;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.search-dialog-box .bubbles-bg .bubble1{width: 6%;padding-top: 6%;left: 26.875%;top: -6.67%;}
.search-dialog-box .bubbles-bg .bubble1 .circle{border: 1px solid #fff;}
.search-dialog-box .bubbles-bg .bubble2{width: 12px;padding-top: 12px;left: 13.54%;top: 18%;}
.search-dialog-box .bubbles-bg .bubble2 .circle{background-color: #ff495f;}
.search-dialog-box .bubbles-bg .bubble3{width: 36px;padding-top: 36px;left: 8.854%;top: 30.55%;}
.search-dialog-box .bubbles-bg .bubble3 .circle{background-color: #fff;}
.search-dialog-box .bubbles-bg .bubble4{width: 56.875%;padding-top: 56.875%;left: -28.6458%;top: 51.85%;}
.search-dialog-box .bubbles-bg .bubble4 .circle{background: -webkit-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);background: -ms-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);background: linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);}
.search-dialog-box .bubbles-bg .bubble5{width: 54px;padding-top: 54px;left: 26.3%;top: 70.83%;}
.search-dialog-box .bubbles-bg .bubble5 .circle{background-color: #fff;opacity: .1;}
.search-dialog-box .bubbles-bg .bubble6{width: 56.875%;padding-top: 56.875%;left: 73.4375%;top: -52.77%;}
.search-dialog-box .bubbles-bg .bubble6 .circle{background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);}
.search-dialog-box .bubbles-bg .bubble7{width: 2rem;padding-top: 2rem;left: 60.9375%;top: 18.5%;}
.search-dialog-box .bubbles-bg .bubble7 .circle{background-color: #ff495f;}
.search-dialog-box .bubbles-bg .bubble8{width: 1.35rem;padding-top: 1.35rem;left: 95.83%;top: 70.83%;}
.search-dialog-box .bubbles-bg .bubble8 .circle{border: 1px solid #fff;}
.search-dialog-box .bubbles-bg .bubble9{width: 16px;padding-top: 16px;left: 76.5625%;top: 96.296%;}
.search-dialog-box .bubbles-bg .bubble9 .circle{background-color: #fff;}
.search-dialog-box .bubbles-bg .bubble10{width: 56.875%;padding-top: 56.875%;left: 71.354%;top: 87%;}
.search-dialog-box .bubbles-bg .bubble10 .circle{background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);}
.search-dialog-box .bubbles-bg .bubble{animation: spin 8s infinite linear;transform-origin: 50% 45%;}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n){animation: spin2 8s infinite linear;}
.search-dialog-box .bubbles-bg .bubble .circle{animation: spin-reverse 8s infinite linear;}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{animation: spin-reverse2 8s infinite linear;}
.search-dialog-box .bubbles-bg .sm-bubble{transform-origin: 30% 30px;}
.search-dialog{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;z-index: 2;}
.search-dialog .search-tit{font-size: 0.275rem;line-height: 3.5rem;color: #fff;text-align: center;overflow: hidden;display: none;}
.search-dialog .search-inner{overflow: hidden;margin-top: 0;}
.search-dialog .search-input{width: 6rem;margin: 0 auto;padding: 0 0.06rem 0 0.2rem;background-color: rgba(255,255,255,.3);box-sizing: border-box;transition: all .3s;max-width: 94%;}
.search-dialog .search-input input[type=text]{float: left;height: 0.55rem;width: calc(100% - 0.6rem);background-color: transparent;font-size: 0.16rem;line-height: .5rem;color: #fff;transition: all .3s;}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{color: rgba(255,255,255,0.5);}
.search-dialog .search-input input[type=text]:-moz-placeholder{color: rgba(255,255,255,0.5);}
.search-dialog .search-input input[type=text]::-moz-placeholder{color: rgba(255,255,255,0.5);}
.search-dialog .search-input input[type=text]:-ms-input-placeholder{color: rgba(255,255,255,0.5);}
.search-dialog .search-input input[type=submit],.search-dialog .search-input .clear-btn{float: right;height:0.55rem;width:0.55rem;}
.search-dialog .search-input input[type=submit]{background-color: transparent;background-repeat: no-repeat;background-position: center;background-size: 0.25rem;background-image: url('../images/search-btn.svg'); cursor: pointer;}
.search-dialog .search-input .clear-btn{background-color: rgba(0,0,0,.2);background-repeat: no-repeat;background-position: center;background-image: url('../images/close-btn.svg');background-size: 0.3rem;border-radius: 100%;margin-right: 1rem;display: none;}
.search-dialog .search-input.on{background-color: #fff;}
.search-dialog .search-input.on input[type=submit]{background-image: url('../images/search-btn2.svg')}
.search-dialog .hot-search{font-size: 0;width: 19.5rem;margin: .6rem auto 0;box-sizing: border-box;padding: 0 .6rem;overflow: hidden;}
.search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link{display: inline-block;zoom:1;vertical-align: top;}
.search-dialog .hot-search .hot-tit{font-size: .375rem;line-height: .5rem;color: #fff;font-weight: bold;padding-left: .6rem;background-repeat: no-repeat;background-position: left center;background-size: .5rem;background-image: url(../images/hot-icon.png);}
.search-dialog .hot-link{margin-left: 1rem;}
.search-dialog .hot-link a{display: inline-block;zoom:1;font-size: .375rem;line-height: .5rem;margin-right: .75rem;color: #fff;padding-bottom: 5px;position: relative;}
.search-dialog .hot-link a:before{content: "";position: absolute;left: 0%;bottom: 0;width: 100%;height: 2px;background-color: #fff;transform: scaleX(0);transform-origin: left center;transition: transform .3s;}
.search-dialog-box .bottom-box{position: absolute;left: 0;bottom: 5.1%;width: 100%;}
.search-dialog-box .bottom-box .share-box{overflow: hidden;}
.search-dialog-box .bottom-box .copy{font-size: .35rem;line-height: .5rem;color: #fff;margin-top: .5rem;overflow: hidden;}
.search-dialog-box.on{opacity: 1;visibility: visible;}
.search-dialog-box.on .search-bg{height: 100vh;}
.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{transform: translateY(0)}
.pub-close{position: absolute;width: 0.4rem;height:0.4rem;z-index: 10;right:0.5rem;top: 0.5rem;background-color: rgba(255,255,255,.3);border-radius: 100%;}
.pub-close .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(0);border-radius: 100%;transition: transform .3s;}
.pub-close i{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: 0.1rem;background-repeat: no-repeat;background-image: url(../images/close-btn.svg);transition: .6s}
.pub-close i:hover{transform: rotate(180deg)}

.header.bj{background-color:#ffffff;border-bottom:1px solid #dfdfdf;}
.header.bj .logo .logo_cs{display:block;}
.header.bj .logo .logo_w{display:none;}
.header.bj .header-d{color:#333333;}
.header.bj .search_btn_box svg path{fill:#333333}
.header.bj .header_r .search_btn_box{border-color:#a1a1a1;}
.header.bj .header_r .lag a{color:#333333;}
.header.bj .header_r .lag svg path{fill:#333333}
.header.psj .logo .logo_cs{display:block;}
.header.psj .logo .logo_w{display:none;}
.header.psj .header-d{color:#333333;}
.header.psj .search_btn_box svg path{fill:#333333}
.header.psj .header_r .search_btn_box{border-color:#a1a1a1;}
.header.psj .header_r .lag a{color:#333333;}
.header.psj .header_r .lag svg path{fill:#333333}
.header.bj .menu-btn,.header.psj .menu-btn{border-top: 2px solid #0250A3;}
.header.bj .menu-btn.cli,.header.psj .menu-btn.cli{border-top: transparent;}
.header.bj .menu-btn:before,.header.bj  .menu-btn:after,.header.psj .menu-btn:before,.header.psj .menu-btn:after{background-color:#0250A3;}

.bannerbox{}
.bannerbox .swiper-button{display:none;}
.bannerbox .ban-slide-bj{/*height:calc(100vw / 16 * 9);*/height:100vh; display:flex;align-items: center; background-position:center; background-size: cover;background-repeat: no-repeat;}
.bannerbox .ban-slide-bj.md-show{display:none;}
.bannerbox .ban-slide-bj .bantxt{color:#ffffff;margin-bottom:40px;text-align: center;}
.bannerbox .ban-slide-bj .bantxt  span.bantit{font-size:0.72rem;}
.bannerbox .ban-slide-bj .bantxt  span.bansubtit{font-size:0.24rem;}
.bannerbox .ban-slide-bj .container{display:flex;flex-direction: column;align-items:center;}
.bannerbox .banmore{display:flex;border-radius:30px;background:#ffffff;padding:10px 30px;color:#0250A3;align-items: center;position: relative; overflow: hidden;font-size:0.18rem;line-height:1.6;}
.bannerbox .banmore:before{content:'';width:0;left:0;top:0;height:100%;position: absolute;background:#0250A3;transition: all 0.3s;-webkit-transition: all 0.3s;}
.bannerbox .banmore p{margin-right:0px;position: relative;z-index:1;}
.bannerbox .banmore img{width:24px;position: relative;z-index:1;}
.bannerbox .banmore:hover{color:#ffffff}
.bannerbox .banmore:hover:before {width:100%;}
.bannerbox .banner_btn{position: absolute;bottom:60px;}
.bannerbox .banner_btn .swiper-pagination span{width:28px;height:5px;background-color:#ffffff;margin-right:15px;border-radius:0;opacity:1;}
.bannerbox .banner_btn .swiper-pagination span.swiper-pagination-bullet-active{background-color:#0250A3;}

.font-run span{opacity: 0;clip-path: polygon(0 0, 100% 0, 100% 0, 0 50%); transition: all 1s; transform: translateY(100%);display: block;}
.font-run.on span{opacity: 1;clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); transform: translateY(0);}
/***/
.in_titbox{display:flex;justify-content: space-between;align-items: center;}
.in_titbox .in_tit{}
.inmore{display:flex;align-items: center;}
.inmore a{display:flex;align-items: center;justify-content: space-between; border:1px solid #0250A3;padding:3px;border-radius:30px;position: relative;overflow: hidden;}
.inmore a span{margin-right:10px;color:#0250A3;display: block;padding:0 15px;font-size:0.16rem;transition: all 0.3s;-webkit-transition: all 0.3s;position: relative;z-index:1;}
.inmore i{height:0.38rem;width:0.38rem;background-color:#0250A3;border-radius:50%;display:flex;align-items: center;justify-content: center;transition: all 0.3s;-webkit-transition: all 0.3s;position: relative;z-index:1;}
.inmore i img.on{display:none;}
.inmore img{width:0.2rem;height:0.2rem;}
.inmore a:after{content:'';position: absolute;height:100%;width:0;left:0;top:0;background-color:#e6000e;transition: all 0.3s;-webkit-transition: all 0.3s;}
.inmore a:hover{border:1px solid #e6000e;}
.inmore a:hover:after{width:100%;}
.inmore a:hover span{color:#ffffff;}
.inmore a:hover i{background-color:#ffffff;}
.inmore a:hover i img.on{display:block;}
.inmore a:hover i img.in{display:none;}

/*产品*/
.in_title{margin-bottom:0.8rem;line-height:1.6;}
.in_title .tit{font-size:0.52rem;color:#1a1a1a;margin-bottom:0.15rem;}
.in_title .subtit{font-size:0.20rem;color:#767676;}

.in_probox{padding:1.2rem 0;position: relative; background-repeat:no-repeat; background-position:top -10rem left -8rem; background-size:12.8rem auto; background-image:url(../images/probg.png);}
.in_probox:before{content:'';position: absolute;top:0;left:0; width:100%;height:100%;background-repeat:no-repeat; background-position:center; background-size:60%; background-image:url(../images/probg2.png);}
.in_probox .container{position: relative;z-index:1;}
.in_probox .pro_bottom{display:flex;justify-content: space-between;}
.in_probox .pro_bottom .proleftbox{width:28%;}
.in_probox .pro_bottom .proleftbox .swiper-slide{position: relative;height:auto;}
.in_probox .pro_bottom .proleftbox .swiper-slide:before{content:'';position: absolute;left:0.3rem;top:0;width:0px;height:100%;border-left:2px #facccf dashed;}
.in_probox .pro_bottom .proleftbox .swiper-slide:last-child .points{margin-bottom:0;}
.in_probox .pro_bottom .proleftbox .swiper-slide:last-child:before{height:0.6rem;}
.in_probox .pro_bottom .proleftbox .points{display:flex;margin-bottom:0.5rem; cursor:pointer;position: relative;overflow: hidden;z-index:1;}
.in_probox .pro_bottom .proleftbox .points i{display:flex; align-items: center;justify-content: center;width:0.6rem;height:0.6rem;background:#facccf;border-radius:50%; overflow: hidden;position: relative;}
.in_probox .pro_bottom .proleftbox .points i span{display: flex;width:calc(0.6rem - 8px);height:calc(0.6rem - 8px);align-items: center;justify-content: center;background-color:#ffffff;border-radius:50%;}
.in_probox .pro_bottom .proleftbox .points i img{max-width:0.3rem;max-height:0.3rem;}
.in_probox .pro_bottom .proleftbox .points i svg.drawcircle{position:absolute;width:100%;height:100%;top: 0;left: 0;overflow: inherit; display: block; pointer-events: none;z-index:1;}
.in_probox .pro_bottom .proleftbox .points i svg.drawcircle circle{fill: none;box-sizing: border-box;stroke-width:6;stroke: none;stroke-dasharray: 0, 188.4;stroke-dashoffset: 188.4;transition: all .3s linear 0s;}
.in_probox .pro_bottom .proleftbox .swiper-slide-thumb-active .points i svg.drawcircle circle { animation: svgrotate 7s forwards;}
.in_probox .pro_bottom .proleftbox .points .titbox{margin-left:25px;}
.in_probox .pro_bottom .proleftbox .points .titbox .tit{font-size: 0.24rem;height:0.6rem;display:flex;align-items: center;}
.in_probox .pro_bottom .proleftbox .points .titbox .subtit{font-size: 0.18rem;height:0;overflow: hidden;position: relative;}
.in_probox .pro_bottom .proleftbox .swiper-slide-thumb-active .points .titbox .subtit{height:0.3rem;}
.in_probox .pro_bottom .proleftbox .swiper-slide-thumb-active .points .titbox .tit{font-size: 0.28rem;font-weight:600; color:#e6000e;}

.in_probox .pro_bottom .prorightbox{width:70%;}
.in_probox .pro_bottom .prorightbox .prolist-swiper{position: relative; overflow: hidden;height:7rem;}
.in_probox .pro_bottom .prorightbox .itembox{display:flex;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .imgbox{width:47%;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .imgbox a{display: flex;justify-content: center;height:100%;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .imgbox img{max-width:7rem;max-width: 100%;width: auto; height: 100%;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox{width:51%;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .contit{font-size:0.36rem;margin-bottom:0.2rem;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .coninfo{font-size:0.18rem;color:#767676;margin-bottom:0.3rem;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .contabs{margin-bottom:0.6rem;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .contabs ul{display:flex;gap:0.6rem;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .contabs ul li .tabstit{font-size:0.46rem;color:#E6000E;font-weight:600;font-family:'D-DIN-Regular';line-height:1.4;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .contabs ul li .tabstxt{font-size:0.16rem;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .swiper-slide{display:flex;justify-content:space-between;}
.in_probox .pro_bottom .prorightbox .itembox .pointsbox{position: absolute;left:48%;bottom:0;width:52%;background-color:rgba(255 255 255 / 0.6);padding:0.2rem;z-index:1; border-radius:0.1rem; }
.in_probox .pro_bottom .prorightbox .itembox .pointswiper{}
.in_probox .pro_bottom .prorightbox .topswiper{width:100%;}
.in_probox .pro_bottom .prorightbox .itembox .pointswiper .imgbox{padding-bottom:100%;position: relative;overflow: hidden;}
.in_probox .pro_bottom .prorightbox .itembox .pointswiper .imgbox img{position: absolute;max-width:80%;max-height:80%; width: auto;object-fit: cover;opacity:0.5; left:50%;top:50%; transform: translate(-50%, -50%);}
.in_probox .pro_bottom .prorightbox .itembox .pointswiper .swiper-slide-thumb-active .imgbox img{opacity:1;}
.in_probox .pro_bottom .prorightbox .itembox .itemcontent .textswiper{width:100%;}
.in_probox .pro_bottom .prorightbox .itembox .itemcontent .pointswiper{width:100%;}
@-webkit-keyframes svgrotate {
  0% { stroke:#e6000e;
      stroke-dasharray: 0, 188.4;
      stroke-dashoffset:188.4;}
  100% { stroke:#e6000e;
      stroke-dasharray:188.4,0;
      stroke-dashoffset:188.4; }
}
/**智能技术**/
.in_znjsbox{padding:1.2rem 0;position: relative; background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url(https://img200m.xgxian.com/eforkrobot.com/images/znjsbg.jpg),url(../images/znjsbg.jpg);}
.in_znjsbox .in_title{text-align: center;margin-bottom:0.6rem;}
.in_znjsbox .in_titlebox{margin-bottom:0.4rem;}
.in_znjsbox .inmore{justify-content: center;}
.znjs_list{margin:0 auto 0;margin-top:1rem;margin-bottom:0.2rem; max-width:1600px;}
.znjs_list ul{display:flex;gap:0.6rem;position: relative;z-index:1;}
.znjs_list ul li{flex:1;}
.znjs_list ul li a{background-color:#ffffff;border-radius:20px;box-shadow:0 4px 25px 2px #0250A31a;position: relative;display: flex;}
.znjs_list ul li a:before{content:'';position: absolute;width:3px;height:3rem;bottom:-2rem;left:calc(50% - 1.5px);background-color:#e6000e;display:none;}
.znjs_list ul li a:after{content:'';position: absolute;width:8px;height:8px;border:2px solid #e6000e;border-radius:50%; background-color:#ffffff; bottom:-2rem;left:calc(50% - 6px);display:none;}
.znjs_list ul li:nth-child(1) a:before{bottom:-2.6rem;height:2.6rem;}
.znjs_list ul li:nth-child(1) a:after{bottom:-2.6rem;}
.znjs_list ul li:nth-child(2) a:before{bottom:-2rem;height:2rem;}
.znjs_list ul li:nth-child(2) a:after{bottom:-2rem;}
.znjs_list ul li:nth-child(3) a:before{bottom:-1.6rem;height:1.6rem;}
.znjs_list ul li:nth-child(3) a:after{bottom:-1.6rem;}
.znjs_list ul li:nth-child(4) a:before{bottom:-2rem;height:2rem;}
.znjs_list ul li:nth-child(4) a:after{bottom:-2rem;}
.znjs_list ul li:nth-child(2n) a{transform: translateY(-0.4rem);}
.znjs_list ul li .box{padding:0.5rem 0.3rem;display:flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;}
.znjs_list ul img{width:0.6rem; height:0.6rem;display: block;}
.znjs_list ul img.on{display:none;}
.znjs_list .znjs_tit{font-size:0.28rem;margin-top:0.1rem;margin-bottom:0.2rem;}
.znjs_list .znjs_info{font-size:0.16rem;color:#767676;font-weight:300;line-height:1.6;}
.znjs_list ul li:hover .znjs_tit{color:#e6000e;}
.znjs_list ul li:hover img.in{display:none;}
.znjs_list ul li:hover img.on{display:block;}
/*.znjs_list ul li a:hover:before,.znjs_list ul li a:hover:after{display:block;}*/

.znjs_swiper{display:none;}
.znjs_swiper .swiper-slide{ position: relative;height:auto;}
.znjs_swiper .swiper-slide .box{padding:0.5rem 0.3rem;display:flex;align-items: center;justify-content: center;flex-direction: column;background-color: #ffffff; border-radius: 20px; box-shadow: 0 4px 25px 2px #0250A31a;height:100%;}
.znjs_swiper .swiper-slide img{width:0.6rem; height:0.6rem;display: block;}
.znjs_swiper .swiper-slide  img.on{display:none;}
.znjs_swiper .swiper-slide .znjs_tit{font-size:0.28rem;margin-top:0.1rem;margin-bottom:0.2rem;}
.znjs_swiper .swiper-slide .znjs_info{font-size:0.16rem;color:#767676;font-weight:300;line-height:1.6;}
.znjs_swiper .swiper-slide:hover .znjs_tit{color:#e6000e;}


.znjs_imgbox{margin:0 auto 0;margin-top:0rem;text-align: center;max-width:76%;}
/**全栈方案**/
.in_planbox{}
.in_planbox .container,.in_mplanbox .container{padding-top:1.2rem;padding-bottom:1.2rem;position: relative; background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url(https://img200m.xgxian.com/eforkrobot.com/images/planbg.jpg),url(../images/planbg.jpg);/*height:100vh;*/position: sticky;position: -webkit-sticky;top: 0;}
.in_planbox .in_titlebox,.in_mplanbox .in_titlebox {margin-bottom:0.6rem;}
.in_planbox .in_title,.in_mplanbox .in_title{text-align: center;}
.in_planbox .planlist{display:flex;margin-top:0.8rem;}
.in_planbox .planleft{width:40%;margin-right:10%;}
.in_planbox .planleft ul li{border:1px solid #676A6C33;border-radius:10px;margin-bottom:0.4rem;cursor: pointer;position: relative;overflow: hidden;}
.in_planbox .planleft ul li:after{content:'';position: absolute; width:0%;height:100%;left:0;top:0;transition: 0.3s;background-color:#ffffff;}
.in_planbox .planleft ul li .box{display:flex;padding:0.36rem 0.3rem;justify-content: space-between;align-items: center;position: relative;z-index:1;}
.in_planbox .planleft ul li .title_text{line-height:1.6;}
.in_planbox .planleft ul li .title_text .item_title{font-size:0.32rem;margin-bottom:0.1rem;}
.in_planbox .planleft ul li .title_text .item_info{font-size:0.2rem;}
.in_planbox .planleft ul li .cir{width:0.5rem;height:0.5rem;border-radius:50%;background-color:#0250A3;display:flex;align-items: center;justify-content: center;}
.in_planbox .planleft ul li .cir img{width:18px;height:18px;display: block;}
.in_planbox .planleft ul li.item_active{border-color:transparent;box-shadow:0 4px 25px 0 #0250A31a;}
.in_planbox .planleft ul li.item_active:after{width:100%;}
.in_planbox .planleft ul li.item_active .title_text .item_title{color:#e6000e;}
.in_planbox .planleft ul li.item_active .cir{background-color:#e6000e;}
.in_planbox .planleft ul li:hover .title_text .item_title{color:#e6000e;}

.in_planbox .planright{width:50%;position: relative;padding-bottom: 0px;}
/*.in_planbox .planright .item:not(:first-child){position: absolute;top: 0;left: 0;transform: translateY(100vh);width:100%;transition: transform .3s;}
.in_planbox .planright .item:not(:first-child).nb{transform: translateY(20px);}*/
.in_planbox .planright .item{position: absolute;top: 0;left: 0;transform: translateY(100vh);width:100%;transition: transform .5s;}
.in_planbox .planright .item.nb{transform: translateY(0px);position:unset;}
.in_planbox .planright .item_box{width: 100%;transition: 0.6s;}
.in_planbox .planright .item_box a{position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 0.2rem;padding-bottom: 55%;}
.in_planbox .planright .item_box img{display: block;width: 100%;transition: 3s;position: absolute; max-width: 100%; height: 100%; top: 0; left: 0;}

.in_mplanbox{display: none;}
.in_mplanbox .container{height:auto;}
.in_mplanbox .plan_swiper{position: relative;overflow: hidden;}
.in_mplanbox .plan_swiper .infobox a{display: block;}
.in_mplanbox .plan_swiper .imgbox{position: relative;overflow: hidden;padding-bottom:50%;border-radius:10px;}
.in_mplanbox .plan_swiper .imgbox img{position: absolute; width:100%;height:100%;object-fit:cover;top:0;left:0;}
.in_mplanbox .plan_swiper .textbox{display:flex;padding:25px 15px;justify-content: space-between;align-items: center;position: relative;z-index:1;}
.in_mplanbox .plan_swiper .textbox .title_text{line-height:1.6;width:calc(100% - 50px);}
.in_mplanbox .plan_swiper .textbox .title_text .item_title{font-size:16px;margin-bottom:10px;}
.in_mplanbox .plan_swiper .textbox .title_text .item_info{font-size:14px;}
.in_mplanbox .plan_swiper .textbox .cir{width:30px;height:30px;border-radius:50%;background-color:#0250A3;display:flex;align-items: center;justify-content: center;}
.in_mplanbox .plan_swiper .textbox .cir img{width:14px;height:14px;display: block;}



/*智能服务*/
.in_servicebox{}
.in_servicebox .container{padding-top:1.2rem;padding-bottom:0;position: relative;overflow: hidden; background-color:#F7F7F7;height:95vh;position: sticky;position: -webkit-sticky;top: 0;display:flex;justify-content: space-between;}
.in_servicebox .serviceleft{width:30%;display: flex;flex-direction: column;justify-content: space-between;}
.in_servicebox .serviceleft .in_titlebox{margin-bottom:0.6rem;}
.in_servicebox .serviceleft .service_bottom{position: relative;}
.in_servicebox .serviceleft .service_swiper{height:50vh;position: relative;overflow: hidden;}
.in_servicebox .serviceleft .service_swiper .icon img{width:0.64rem;height:0.64rem;}
.in_servicebox .serviceleft .service_swiper .swiper-wrapper{flex-wrap: wrap;}
.in_servicebox .serviceleft .service_swiper .swiper-slide {border-bottom: 1px solid #E5E2DE; position: relative; height:1.5rem;}
.in_servicebox .serviceleft .service_swiper .itebox{padding:0.2rem 0;}
.in_servicebox .serviceleft .service_swiper .titlebox{display:flex;justify-content: space-between;}
.in_servicebox .serviceleft .service_swiper .titlebox .counter{font-size:0.62rem;}
.in_servicebox .serviceleft .service_swiper .titlebox .num{font-size:0.56rem;display:flex;align-items: center;line-height:1.2;font-family:'D-DIN-Regular'; font-weight: 600;}
.in_servicebox .serviceleft .service_swiper .info{font-size:0.18rem;}
.in_servicebox .serviceright{width:60%;}
.in_servicebox #earth{width:100vh;height:100vh;margin: 0 auto;position: absolute;bottom:-25vh;right:-5vh;}
.in_servicebox #earth canvas{width: 100% !important;height: 100% !important;}
.in_servicebox #earth .shadow{display: block;position: absolute;width: 94%;height: 94%;top: 50%;left: 50%;transform: translate(-50%, -50%);pointer-events: none;}
.in_servicebox #earth .position{position: absolute;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;}
.in_servicebox #earth .position .point{position: absolute;pointer-events: auto;}
.in_servicebox #earth .position .point .add{width: 20px;}
.in_servicebox #earth .position .point .add img{display: block;width: 100%;}
.in_servicebox #earth .position .point .text{position: absolute;height: 32px;display: flex;align-items: center;background: #FFFFFF;box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);border-radius: 16px;padding: 0 16px;gap: 0 13px;top: 50%;transform: translate(100%, -50%);right: -5px;}
.in_servicebox #earth .position .point .text .logo{width: 106px;}
.in_servicebox #earth .position .point .text .logo img{display: block;width: 100%;}
.in_servicebox #earth .position .point .text p{font-weight: 400;font-size: 16px;color: #111111;white-space: nowrap;}

.in_servicebox .servic_number{display:none;width:50%;}
.in_servicebox .servic_number ul{display:flex;flex-wrap: wrap;gap:0.6rem;justify-content: space-between;}
.in_servicebox .servic_number ul li{width:calc(50% - 0.3rem);border-bottom: 1px solid #E5E2DE; position: relative;}
.in_servicebox .servic_number ul li .itebox{padding:0.2rem 0;}
.in_servicebox .servic_number ul li .titlebox{display:flex;justify-content: space-between;}
.in_servicebox .servic_number ul li .titlebox .counter{font-size:0.62rem;}
.in_servicebox .servic_number ul li .titlebox .num{font-size:0.56rem;display:flex;align-items: center;line-height:1.2;font-family:'D-DIN-Regular'; font-weight: 600;}
.in_servicebox .servic_number ul li .icon img{width:0.64rem;height:0.64rem;}
.in_servicebox .servic_number ul li .info{font-size:0.18rem;}

/*标杆案例*/
.in_casebox{position: relative; overflow: hidden;}
.in_casebox .container{padding-top:1.2rem;padding-bottom:0;position: relative;overflow: hidden;}
.in_casebox .in_titlebox{display: flex;align-items:flex-end;justify-content: space-between;margin-bottom:1rem;}
.in_casebox .in_titlebox .in_title{margin-bottom:0;}
.in_casebox .case_swiper{margin-top:0;margin:0 20% 0.8rem;position: relative;}
.in_casebox .case_swiper a{display: block;position: relative;overflow: hidden;border-radius:0.3rem;}
.in_casebox .case_swiper a:before{content:''; display:block;position: absolute;bottom:0;left:0;width:100%;height:2.6rem;background-image:linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.6) 100%);z-index: 1;}
.in_casebox .case_swiper .imgbox{position: relative;padding-bottom:36%;}
.in_casebox .case_swiper .imgbox img{position: absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;}
.in_casebox .case_swiper .swiper-slide-active .imgbox{padding-bottom:50%;}
.in_casebox .case_swiper .textbox{position: absolute;bottom:0;left:0;padding:0.3rem 0.4rem;color:#ffffff;width:100%;opacity:0;transform: translateY(0.1rem);transition: transform .3s;z-index: 2;}
.in_casebox .case_swiper .textbox .tit{font-size:0.28rem;margin-bottom:0.2rem;}
.in_casebox .case_swiper .infobox{display:flex;justify-content: space-between;align-items: center;}
.in_casebox .case_swiper .infobox .tags{width:70%;}
.in_casebox .case_swiper .infobox .tags ul{display:flex;}
.in_casebox .case_swiper .infobox .tags .num{font-size:0.42rem;line-height:1.2;font-family:'D-DIN-Regular';}
.in_casebox .case_swiper .infobox .tags .info{font-size:0.2rem;opacity:0.6;}
.in_casebox .case_swiper .swiper-slide-active .textbox{opacity:1;transform: translateY(0rem);}
.in_casebox .case_swiper .swiper-button-prev,.in_casebox .case_swiper .swiper-button-next{width:0.5rem;height:0.56rem;background-position: center; background-repeat:no-repeat; background-size: cover;top:38%;transition: transform .3s;}
.in_casebox .case_swiper .swiper-button-prev{left:-1.25rem;background-image:url(../images/swiper-prev.svg);}
.in_casebox .case_swiper .swiper-button-next{right:-1.25rem;background-image:url(../images/swiper-next.svg);}
.in_casebox .case_swiper .swiper-button-prev:hover{background-image:url(../images/swiper-prevon.svg);}
.in_casebox .case_swiper .swiper-button-next:hover{background-image:url(../images/swiper-nexton.svg);}
.in_casebox .case_swiper .swiper-button-prev:after,.in_casebox .case_swiper .swiper-button-next:after{display: none;}
.in_casebox .link_swiper .swiper-wrapper {transition-timing-function: linear !important;}

.casemore{display:flex;align-items: center;justify-content: space-between;border: 1px solid #FFFFFF;padding: 3px; line-height:1.6; border-radius: 30px; position: relative;overflow: hidden;}
.casemore span{margin-right: 10px;color: #ffffff;display: block;padding: 0 15px;font-size: 0.16rem;transition: all 0.3s;-webkit-transition: all 0.3s;position: relative;z-index: 1;}
.casemore i{height: 0.38rem;width:0.38rem; background-color: #ffffff; border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.3s; -webkit-transition: all 0.3s;position: relative;z-index: 1;}
.casemore i img.on{display: none;}
.casemore img{width: 0.2rem; height: 0.2rem;}
.casemore:after {content: ''; position: absolute; height: 100%; width: 0; left: 0; top: 0; background-color: #e6000e; transition: all 0.3s; -webkit-transition: all 0.3s;}
.casemore:hover {border: 1px solid #e6000e;}
.casemore:hover:after{ width: 100%;}
.casemore:hover span{color: #ffffff;}
.casemore:hover i{background-color: #ffffff;}
.casemore:hover i img.in{display:none ;}
.casemore:hover i img.on{display: block;}

.link_swiper a{display: block;}
.link_swiper .imgbox{position: relative;padding-bottom:20%;overflow: hidden;}
.link_swiper .imgbox img{position: absolute;max-width:100%;width:auto; max-height:100%; object-fit: cover;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
.link_swiper .imgbox:hover img{-webkit-filter: grayscale(0%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);}
/**/
.in_newsbox{position: relative; overflow: hidden;}
.in_newsbox .container{padding-top:1.5rem;padding-bottom:1.5rem;}
.in_newsbox .in_titlebox{display: flex;align-items:flex-end;justify-content: space-between;margin-bottom:1rem;}
.in_newsbox .in_titlebox .in_title{margin-bottom:0;}
.in_newsbox .imgbox{position: relative;padding-bottom:120%;}
.in_newsbox .imgbox::before{content:'';position: absolute;width:100%;z-index:1;height:50%;top:0;left:0;background-image:linear-gradient(0deg, transparent 0%, rgba(3,81,164,0.6) 100%);}
.in_newsbox .imgbox::after{content:'';position: absolute;width:100%;height:100%;bottom:0;left:0;background-color:#F2F7FB;background-image:url(../images/news_bg.svg);background-position:left bottom -5rem;background-size:120% auto;z-index:2; background-repeat: no-repeat;transition: all 0.3s; -webkit-transition: all 0.3s;}
.in_newsbox .imgbox img{position: absolute;top:50%;left:50%;max-width:100%;max-height:100%; object-fit: cover;opacity:0;width:100%;height:100%; transform: translate(-50%, -50%);}
.in_newsbox .news_swiper a{display: block;position: relative;overflow: hidden;border-radius:0.2rem;}
.in_newsbox .news_swiper a .textbox{position: absolute;top:0;left:0;width:100%;height:100%;padding:0.6rem 0.4rem;display:flex;flex-direction: column;justify-content:space-between;z-index:9;}
.in_newsbox .news_swiper a .textbox .tit{font-size: 0.24rem;line-height:1.6;margin-bottom:0.15rem;}
.in_newsbox .news_swiper a .textbox .time{font-size:0.2rem;display:none;font-family:'D-DIN-Regular';}
.in_newsbox .news_swiper a .textbox .intime{display: flex;flex-direction: column;line-height:1.2; font-family:'D-DIN-Regular';}
.in_newsbox .news_swiper a .textbox .intime .d{font-size:0.48rem;}
.in_newsbox .news_swiper a .textbox .intime .y{font-size:0.18rem;}
.in_newsbox .news_swiper a:hover .imgbox img{opacity:1;}
.in_newsbox a:hover .imgbox::after{height:0;}
.in_newsbox .news_swiper a:hover .textbox{color:#ffffff;}
.in_newsbox .news_swiper a:hover .time{display: block;}
.in_newsbox .news_swiper .swiper_btn{display:none;}



/**底部**/
.footer{background-color:#031621;padding:0 0;color:#ffffff;}
.footer .f_top{ padding:0.8rem 0;border-bottom:1px solid rgba(255 255 255 /0.1);background-image:url(../images/f_bg.svg); background-position:top 20%  right 1rem; background-size:8rem auto; background-repeat:no-repeat;}
.footer .f_top .container{display:flex;justify-content: space-between;align-items: center;}
.footer .f_top .fleft .tit{font-size:0.42rem;line-height:1.8;}
.footer .f_top .fleft .subtit{font-size: 0.18rem;}
.fmore a{display: flex;align-items: center;justify-content: space-between; background-color: #e6000e; padding: 3px;border-radius: 30px; position: relative; overflow: hidden;}
.fmore a span{margin-right: 10px;color: #ffffff;display: block;padding: 0 1px 0 20px;font-size: 0.16rem;transition: all 0.3s;-webkit-transition: all 0.3s;position: relative;z-index: 1;}
.fmore i{height: 38px;width: 38px;background-color: #ffffff;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.3s;-webkit-transition: all 0.3s;position: relative;z-index: 1;}
.fmore i img.in{display: none;}
.fmore img{width: 20px;height: 20px;}
.fmore a:after{content: '';position: absolute;height: 100%;width: 0;left: 0;top: 0;background-color: #0250a3;transition: all 0.3s;-webkit-transition: all 0.3s;}
.fmore a:hover:after{width: 100%;}
.fmore a:hover span{color: #ffffff;}
.fmore a:hover i{background-color: #ffffff;}
.fmore a:hover i img.in{display: block;}
.fmore a:hover i img.on{display: none;}

.footer .f_tit{font-size:0.2rem;margin-bottom:0.2rem;}
.footer .f_navbox{display:flex;justify-content: space-between;padding:0.8rem 0 0.3rem;}
.footer .f_navbox .f_nav{width:60%;}
.footer .f_navbox .f_nav ul{display:flex;gap: 40px;justify-content: space-between;}
.footer .f_navbox .f_nav ul li .nav_tit{margin-bottom:20px;font-size:0.2rem;}
.footer .f_navbox .f_nav ul li .nav_tit a{color:#ffffff;}
.footer .f_navbox .f_nav ul li .nav_list{gap:5px;display: flex;flex-direction: column;font-size:0.16rem;}
.footer .f_navbox .f_nav ul li .nav_list a{display: block; color:rgba(255 255 255 /0.6);}
.footer .f_navbox .f_nav ul li .nav_list a:hover{color:#e6000e;}
.footer .f_share .share{display:flex;gap:0.3rem;}
.footer .f_share .share a{display: block;width:0.3rem;height:0.3rem;position: relative;}
.footer .f_share .share svg{width:0.3rem;height:0.3rem;}
.footer .f_share .share .ewm{position: absolute;width: 110px;height: 123px; padding: 3px 3px 16px;bottom: 100%;left: 50%; transform: translateX(-50%); display: none;}
.footer .f_share .share .ewm img{position: relative;z-index:1;}
.footer .f_share .share a:hover .ewm{display:block;}
.footer .f_share .share a:hover svg path{fill:#e6000e;}
.footer .f_share .share .ewm:before{content: '';width: 100%;height: calc(100% - 13px);background: #fff;position: absolute;top: 0;left: 0;z-index: 1;box-shadow: 0 0 0.13rem 0 rgba(0, 0, 0, 0.15);border-radius: 5px;}
.footer .f_share .share .ewm:after{content: '';border-top: 7px solid #fff;border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;bottom: 6px;left: 50%;transform: translateX(-50%);z-index: 2;}
.footer .f_telbox .f_tel ul{display:flex;gap:2rem;font-size:0.18rem;}
.footer .f_telbox .f_tel ul .tit{color:rgba(255 255 255 /0.5);}
.footer .f_telbox .f_tel ul .info{font-family:'D-DIN-Regular';}
.footer .f_telbox .f_tel ul .info.num{font-size:0.22rem;}
.footer .f_bottom{display:flex;justify-content: space-between;padding:0 0 0.8rem;}
.footer .f_bottom .Copy{color:rgba(255 255 255 /0.3);}
.footer .f_bottom .f_link{color:rgba(255 255 255 /0.3);}

.footer .f_copy{padding:0.3rem 0;background-color:rgba(255 255 255 /0.02);font-size:0.16rem;}
.footer .f_copy .container{display:flex;justify-content: space-between;}
.footer .f_copy .copy{color:rgba(255 255 255 /0.5);}
.footer .f_copy .f_link span{padding:0 15px;}
.footer .f_copy .f_link a,.footer .f_copy .f_link{color:rgba(255 255 255 /0.5);}
.footer .f_copy .f_link a:hover{color:#e6000e;}

/**/
.additional-features{position: fixed;right: 10px;bottom: 180px;z-index: 200;box-sizing: border-box;background-color:#0250a3;border-radius:40px;padding:0.15rem 0 0.1rem;}
.additional-features.show{display:block;}
.additional-features li{position: relative;width:0.72rem;height:0.72rem;line-height: 1;cursor: pointer;display: flex;flex-direction: column;justify-content: center;}
.additional-features li p{color:#ffffff;font-size: 0.14rem;text-align: center; }
.additional-features li .additional-icon{width:0.24rem;height:0.24rem;margin-bottom:0.1rem;}
.additional-features li.rx .revi-hotline-wrapper{ display: none;position: absolute;left: -2.4rem;bottom: -5px;width: 235px;height: 80px;}
.additional-features li.xx{border-radius:6px 6px 0 0;}
.additional-features li.xx .xx-dot{position: absolute;display: block;top:13px;right:13px;width: 7px;height: 7px;background-color: #e6000e; border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.additional-features li.rx .revi-hotline-wrapper {display: none; position: absolute; left: -2.4rem; bottom: -5px; width: 235px;height: 80px;}
.additional-features li.rx.active .revi-hotline-wrapper { display:block;}
.additional-features li.rx .revi-hotline{position: absolute; left: 0; width: 2.3rem;padding:15px 20px;border-radius:40px; background-color: #fff; border: 1px solid #ddd;display:flex;align-items: center;justify-content: center; cursor: text;box-shadow: -2px 3px 25px rgba(0,0,0,0.1); padding-left:12px;}
.additional-features li.rx .revi-hotline h3{margin:0; font-size:0.24rem;color: #e6000e; font-weight:normal;line-height:1.6; }
.additional-features li.rx .revi-hotline h4{ font-weight:normal; font-size:13px;}
.additional-features li.xz .xz-ewm{ display: none; position: absolute; top: -19px; left: -134px; width: 120px; height: 120px; box-shadow:0 0 6px 1px rgba(0 0 0 /0.08); background-color:#ffffff;}
.additional-features li.xz .xz-ewm:after{ content:""; position:absolute; right:-12px; top:50%; margin-top:-6px;width: 0;  height: 0;border-width: 6px;border-style: solid;border-color: transparent transparent transparent #fff; z-index:1;}
.additional-features li.xz.active .xz-ewm { display:block;}
.additional-features li.xz a {position: absolute;left: 0; width: 120px; height: 120px;background-repeat:no-repeat;background-size:cover; }
.additional-icon { margin:0 auto 1px; width: 36px; height: 36px;  margin-top:3px;}
.additional-features li.a-top{width:0.56rem;height:0.56rem;border-radius:50%;background-color: rgba(255 255 255 /0.2);margin:0.05rem auto 0;}
.additional-features li.a-top .additional-icon{margin:0 auto;}


/* 适配*/
@media (max-width:1920px){
html{font-size: 100px;font-size: calc(100vw/19.2);}
.header{height: 70px;}
.header .logo{width: 160px;height: 70px;}
.header-d{line-height: 70px;font-size:16px;}
.in_title{margin-bottom:0.6rem;}
.in_casebox .in_titlebox{margin-bottom:0.7rem;}
.in_newsbox .in_titlebox{margin-bottom:0.7rem;}
.in_title .tit {font-size: 0.42rem;}
.in_znjsbox .in_title{margin-bottom:0.4rem;}
.in_probox .pro_bottom .prorightbox .prolist-swiper{height: 6rem;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .contit{line-height:1.4;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .contabs ul li .tabstit{line-height:1.6;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .coninfo{margin-bottom:0.2rem;}
.in_probox .pro_bottom .prorightbox .itembox .pointswiper .imgbox{padding-bottom:80%;}
.in_planbox .planright .item_box a{padding-bottom: 61%;}
/*.in_planbox .container{height: calc(100vh + 0.6rem);}
.in_servicebox .container{height: calc(85vh + 1.2rem);}*/
.in_planbox .planlist{margin-top:0.6rem;}
.in_planbox .planleft ul li{margin-bottom: 0.3rem;}
.in_planbox .planleft ul li .box{padding: 0.3rem 0.3rem;}
.link_swiper .imgbox{padding-bottom:25%;}
.footer .f_top {padding: 0.6rem 0;}





}
@media (max-width: 1680px){
.header .logo {width: 140px;}
.header-d{font-size:14px;}
.header .header_r .search_btn_box svg{width:16px;height:16px;}
.header .header_r .search_btn_box{margin-right: 25px;padding: 2px 0 2px 25px;}
.header .header_r .home_btn a{padding: 7px 10px;}
.header-d,.header-e{font-size:14px;}
.header-nav-li{padding:0 15px;}
.header-sw{width:140px;}
.header-e a{padding:3px 10px;}
/*.in_planbox .container{height: calc(100vh + 0.2rem);}*/
.link_swiper .imgbox{padding-bottom:20%;}
.additional-features li{width:60px;height:60px;}
.additional-features li .additional-icon{width: 20px;height: 20px;margin-bottom:8px;}
.additional-features li p{font-size:12px;}
.additional-features li.a-top{width:50px;height:50px;margin-top: 10px;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .contabs ul{gap:0.35rem;}


}
@media (max-width: 1460px){
body{line-height:1.75;font-size:14px;}
.header .logo {width: 130px;}
.container {padding: 0 1.5rem;width: 100%;}
.header-nav-li {padding: 0 10px;}
.header .header_r .search_btn_box svg {width:16px;height: 16px;}
.header .header_r .home_btn a .icon img{width:12px;height:12px;}
.footer .f_telbox .f_tel ul .info.num{font-size:18px;}
.header .header_r .home_btn a .icon{width: 20px; height: 20px;}
.in_title .subtit,.in_planbox .planleft ul li .title_text .item_info,.footer .f_navbox .f_nav ul li .nav_tit,.footer .f_tit,.bannerbox .ban-slide-bj .bantxt span.bansubtit{font-size:16px;}
.bannerbox .banmore,.znjs_list .znjs_info,.in_servicebox .serviceleft .service_swiper .info,.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .contabs ul li .tabstxt,.inmore a span,.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .coninfo,.footer .f_navbox .f_nav ul li .nav_list,.footer .f_top .fleft .subtit,.footer .f_top .fleft .subtit,.fmore a span{font-size:14px;}
.in_casebox .case_swiper .infobox .tags .info,.footer .f_top .fleft .subtit,.footer .f_telbox .f_tel ul,.footer .f_copy,.in_probox .pro_bottom .proleftbox .points .titbox .subtit,.header .header_r .home_btn a .txt,.casemore span{font-size: 14px;}
.in_newsbox .news_swiper a .textbox .intime .d{font-size:20px;}
.in_newsbox .news_swiper a .textbox .intime .y{font-size:18px;}
.in_newsbox .news_swiper a .textbox .time{font-size:16px;}
.in_planbox .planleft {margin-right:5%;width:45%;}
.in_probox .pro_bottom .proleftbox .swiper-slide-thumb-active .points .titbox .subtit{height:auto;}
.in_probox .pro_bottom .proleftbox .points i{width:46px;height:46px;}
.in_probox .pro_bottom .proleftbox .swiper-slide:before{left:23px;}
.in_probox .pro_bottom .proleftbox .points i span{width:40px;height:40px;}
.in_probox .pro_bottom .proleftbox .points .titbox{width:calc(100% - 64px);margin-left: 15px;}
.in_probox .pro_bottom .proleftbox .points i img{max-width:24px;max-height:24px;}
.in_probox .pro_bottom .prorightbox{gap:20px;}
.znjs_imgbox{max-width:100%;}
.in_znjsbox .in_title{margin-bottom:35px;}
.in_title { margin-bottom:40px;}
.znjs_list ul{gap:20px;}
.in_newsbox .imgbox::after{background-position:left bottom 400%;}
.inmore i,.casemore i{width:28px;height:28px;}
.inmore a span,.casemore a span{margin-right:6px;}
.inmore img,.casemore img{width:14px;height:14px;}
.fmore i {height: 32px; width: 32px;}
.footer .f_top .fleft .tit{margin-bottom:5px;}
.footer .f_navbox .f_nav{width:80%;}
.footer .f_share .share svg{width:24px;height:24px;}
.footer .f_share .share a{width:24px;height:24px;}
.footer .f_share .share a:last-child svg{width:22px;height:22px;}
.footer .f_navbox .f_nav ul li .nav_list{gap:2px;}
.footer .f_navbox .f_nav ul li .nav_tit{margin-bottom: 10px;}
.fmore img {width: 16px;height:16px;}
.casemore span{padding:0 15px;}





}
@media (max-width: 1280px){
.in_probox .pro_bottom .proleftbox .points .titbox .tit{font-size:17px;}
.in_newsbox .news_swiper a .textbox .tit{font-size:17px;}
.in_probox .pro_bottom .proleftbox .swiper-slide-thumb-active .points .titbox .tit{font-size:17px;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .contabs ul li .tabstit{font-size:0.36rem;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .contabs{margin-bottom:0.4rem;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .contabs ul li .tabstxt{font-size:12px;line-height:1.2;}


}
@media (max-width: 1200px){
.header .logo {width: 110px;}
.container {padding: 0 60px;width: 100%;}
.header.bj{border-bottom: 1px solid #f5f5f5;}
.header .header_r .home_btn a{padding: 5px 8px;display: flex;align-items: center;}
.menu-btn{display: block;}
.header .header_r .home_btn{margin-right:20px;}
.header .header_r .header-nav{display:none;}
.header .header_r .search_btn_box{border:0;padding-left:0;}
.additional-features{display:none;}
.header .header_r .header-nav{position: fixed; top: 70px; width: 100% ; padding:20px 20px; left: 0; background: #fff; min-height: calc(100vh - 70px);margin-right: 0;}
.header-nav-li{display: block;padding: 15px 10px;border-bottom: 1px solid #ededed;}
.header-nav-li .header-nav-i{position: absolute;right:0;height: 54px;top: 0;z-index: 3;width:30%; display:flex;justify-content: flex-end; }
.header-nav-li .header-nav-i::after{content:''; display: block;width:54px;height:54px; background: url(../images/right.svg) no-repeat center; background-size:8px; transition: all 0.3s;}
.header-nav-li:hover .header-d:after, .header-nav-li.on .header-d:after{display:none;}
.header-nav-li.act .header-nav-i:after{ transform: rotate(90deg);}
.header-d{line-height:1.6;font-size:16px;}
.header-sw {position: inherit;width: 100%;box-shadow: 0 3px 3px #cccccc0d;border:0;}
.header-e{text-align:left;font-size:15px;}
.bannerbox .banner_btn .swiper-pagination span{width: 16px;height: 2px;margin-right: 6px;}
.inmore a span,.casemore span{padding:0 10px;margin-right:0;line-height: 1.4;}
.inmore i, .casemore i{width:24px;height:24px;}
.inmore img, .casemore img{width:12px;height:12px;}

.in_title .tit{font-size:24px;}
.in_probox .pro_bottom .prorightbox .prolist-swiper {height: 7rem;}
.in_probox .pro_bottom{justify-content: flex-start;flex-direction: column;}
.in_probox .pro_bottom .proleftbox{width:100%;}
.in_probox .pro_bottom .prorightbox{width:100%;margin-top:40px;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .contit{font-size:20px;}
.znjs_swiper{display:block;position: relative;overflow: hidden;margin-top:30px;padding-bottom:40px; margin-bottom: 20px;}
.znjs_list{display:none;}
.znjs_swiper .swiper-slide .box{padding:30px 20px;margin:10px;box-shadow:0 0px 8px 1px #0250A31a;height:calc(100% - 20px);}
.znjs_swiper .swiper-slide img{width:30px;height:30px;}
.znjs_swiper .swiper-slide .znjs_tit{font-size:16px;margin-top: 5px;margin-bottom: 10px;}
.znjs_swiper .swiper-slide .znjs_info{font-size:14px;}
.znjs_swiper .swiper-pagination,.in_mplanbox .plan_swiper .swiper-pagination{width: 100%;position: absolute;bottom:0;}
.znjs_swiper .swiper-pagination span,.in_mplanbox .plan_swiper .swiper-pagination span{margin:0 6px;width:16px;height:16px;background-image:url(../images/pagin_icon.svg);background-repeat:no-repeat; background-position: center; background-size:80% auto;background-color:transparent;opacity:1;}
.znjs_swiper .swiper-pagination span.swiper-pagination-bullet-active,.in_mplanbox .plan_swiper .swiper-pagination span.swiper-pagination-bullet-active{background-image:url(../images/pagin_iconon.svg);}
.in_planbox{display:none;}
.in_planbox,.in_planbox .container{height: unset !important;}
.in_planbox .container {padding-bottom:0.8rem;}
.in_planbox .planlist{display:none;}
.in_mplanbox{display: block;}
.in_mplanbox .plan_swiper{padding-bottom:40px;}
.in_servicebox .serviceleft .in_titlebox {margin-bottom: 30px;}
.in_servicebox,.in_servicebox .container{height: unset !important;}
.in_servicebox .serviceleft .service_bottom{display:none;}
.in_servicebox .container{flex-direction: column;}
.in_servicebox .serviceleft{width:100%;}
.in_servicebox .servic_number{display:block;width:100%;}
.in_servicebox .serviceright{width:100%;}
.in_servicebox .serviceright {width: 100%;max-width: 600px;margin:0 auto;position: absolute;bottom:380px;left:50%;transform: translate(-50%,0px);}
.in_servicebox #earth{position: relative;width: 80vw;height: 80vw;max-width: 600px;max-height: 600px;margin-top:-20px;right: auto;bottom:-15vh;}
.in_servicebox .servic_number ul li .info{font-size: 16px;}
.in_servicebox .servic_number ul{gap:0px 60px;}
.in_servicebox .servic_number ul li{width: calc(50% - 30px);}
.in_servicebox .servic_number ul li .icon img{width:36px;height:36px;}
.in_servicebox .servic_number ul li .titlebox { align-items: center;}
.in_casebox .case_swiper .textbox .tit{font-size:20px;}
.in_casebox .in_titlebox, .in_newsbox .in_titlebox {margin-bottom: 30px;}

.footer .f_top .container {align-items: flex-start;flex-direction: column;}
.footer .f_top .fleft{margin-bottom:10px;}
.in_casebox .case_swiper{overflow: hidden; margin:0 auto 60px;}
.footer .f_bottom{padding:30px 0;}
.footer .f_bottom .container{display:flex;justify-content: center;}
.footer .f_copy .container {flex-direction: column;align-items: center;}
.footer .f_navbox .f_nav{display: none; }
.footer .f_share .share .ewm:after{display:none;}
.footer .f_navbox{padding:0 0px;}
.footer .f_share .share{width:100%;}
.footer .f_share .share a{width:auto;height:auto;}
.footer .f_share .share svg{display:none;}
.footer .f_share .share .ewm{position: unset; padding: 0; display: block; transform: translateX(0%); height: auto; width: 80px;}
.footer .f_telbox .f_tel ul{gap:5px;flex-direction: column;}
.footer .f_telbox{display: flex ;flex-direction: column;padding:0 0px;margin-left:60px;}
.footer .f_share .share .ewm:before{display:none;}
.fmore i{width:28px;height:28px;}
.fmore a span{padding:0  10px;margin-right:0;}


}

@media (max-width: 1000px){
.in_servicebox .serviceright  img{transform: translate(0px, 0px) !important;}


}
@media (max-width: 600px){
::-webkit-scrollbar{width: 2px;height:2px;}
.header .logo {width: 100px;height: 60px;}
.header{height:60px;}
.container { padding: 0 20px;width: 100%;}
.header .header_r .header-nav{top:60px;height: calc(100vh - 60px);overflow-y: scroll;}
.header .header_r .search_btn_box{margin-right: 15px;}
.header .header_r .home_btn a .txt {margin-left: 6px;margin-right: 4px;}
.header .header_r .home_btn{margin-right: 15px;}
.header-d{font-size:15px;}
.header-e{font-size:13px;}
.in_znjsbox .in_title {margin-bottom:25px;}
.znjs_swiper{margin-top:20px;}
.in_planbox .container, .in_mplanbox .container{padding-top: 50px;  padding-bottom:50px;}
.in_servicebox .container{padding-top:50px;}
.header-nav-li .header-nav-i::after{width:30px;background-size: 6px;}
.search-dialog-box{height:30vw;}
.search-dialog .search-input {width:80%;padding:0 5px 0 15px;margin:0 0 0 5%;}
.search-dialog .search-input input[type=text]{height: 38px;width: calc(100% - 42px);font-size: 14px;line-height:38px;}
.search-dialog .search-input input[type=submit]{height:38px; width:38px;background-size: 20px;}
.pub-close { width:24px;height:24px;right:15px; top:15px;}
.pub-close i{background-size:7px;}
.bannerbox .ban-slide-bj{height:70vw;}
.bannerbox .ban-slide-bj .bantxt span.bantit{line-height:1.2;font-size:18px;}
.bannerbox .ban-slide-bj .bantxt{margin-bottom:15px;}
.bannerbox .ban-slide-bj .bantxt span.bansubtit{font-size:14px;}
.bannerbox .banmore{padding: 7px 20px;font-size: 12px;}
.bannerbox .banner_btn{bottom:30px;}
.in_title{margin-bottom:20px;}
.in_title .tit {font-size: 20px; margin-bottom: 10px;}
.in_title .subtit, .in_planbox .planleft ul li .title_text .item_info, .footer .f_navbox .f_nav ul li .nav_tit, .footer .f_tit, .bannerbox .ban-slide-bj .bantxt span.bansubtit {font-size: 14px;}
.in_casebox .case_swiper .infobox .tags .info, .footer .f_top .fleft .subtit, .footer .f_telbox .f_tel ul, .footer .f_copy, .in_probox .pro_bottom .proleftbox .points .titbox .subtit, .header .header_r .home_btn a .txt, .casemore span{font-size:12px;}
.bannerbox .banmore, .znjs_list .znjs_info, .in_servicebox .serviceleft .service_swiper .info, .in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .contabs ul li .tabstxt, .inmore a span, .in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .coninfo, .footer .f_navbox .f_nav ul li .nav_list, .footer .f_top .fleft .subtit, .footer .f_top .fleft .subtit, .fmore a span{font-size: 12px;}
.in_probox .pro_bottom .proleftbox .points .titbox .tit,.in_probox .pro_bottom .proleftbox .swiper-slide-thumb-active .points .titbox .tit{font-size: 15px;}
.in_probox,.in_znjsbox{padding:50px 0;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .coninfo{line-height:1.4;}
.in_probox .pro_bottom .proleftbox .points .titbox .tit{height:30px;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .contit{font-size:18px;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox .contabs ul li .tabstit{font-size: 24px;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .swiper-slide{flex-direction: column; justify-content: flex-start;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .imgbox{width:100%;height:50vw;}
.in_probox .pro_bottom .prorightbox .itembox .topswiper .conbox{width:100%;margin-top:30px;}
.in_probox .pro_bottom .prorightbox .prolist-swiper{height:auto;}
.in_probox .pro_bottom .prorightbox .itembox .pointsbox{left:0; width: 100%;padding:10px;position: initial;margin-top:40px;}
.in_probox .pro_bottom .prorightbox .itembox {flex-direction: column;}
.in_probox .pro_bottom .prorightbox .itembox .pointswiper .imgbox { padding-bottom: 70%;}
.in_probox .pro_bottom .prorightbox .itembox .pointswiper .imgbox::after{content:'';position: absolute;width:100%;height:100%;top:0;left:0;}

.in_probox .pro_bottom .proleftbox .points i{width: 38px;height: 38px;}
.in_probox .pro_bottom .proleftbox .points i span{width:34px;height: 34px;}
.in_probox .pro_bottom .proleftbox .points i img{width:20px; height:20px;}
.in_probox .pro_bottom .proleftbox .swiper-slide:before{left:18px;}
.in_probox .pro_bottom .proleftbox .points i svg.drawcircle circle{stroke-width: 4;}
.in_planbox .plan_swiper .textbox .title_text{width:calc(100% - 46px)}
.in_planbox .plan_swiper .textbox .cir{width:24px;height:24px;}
.in_planbox .plan_swiper .textbox .cir img{width:10px;height:10px;}
.in_planbox .plan_swiper .textbox .title_text .item_title {font-size: 14px; margin-bottom: 5px;}
.in_mplanbox .plan_swiper .textbox{padding:15px 10px 20px;}
.in_mplanbox .plan_swiper .textbox .title_text .item_title{font-size:14px;margin-bottom:5px;}
.in_mplanbox .plan_swiper .textbox .title_text .item_info{font-size:12px;}

.znjs_swiper .swiper-slide .znjs_info{font-size:12px;}
.znjs_swiper .swiper-slide .znjs_tit{font-size:14px;}
.in_servicebox .serviceleft .in_titlebox{margin-bottom:20px;}
.in_servicebox .serviceright{width: 80%;bottom:47vw;}
.in_servicebox #earth{bottom:-5vh;margin-top:30px;}
.in_servicebox .servic_number ul li .titlebox .counter{font-size:24px;}
.in_servicebox .servic_number ul li .titlebox .num{font-size:18px;}
.in_servicebox .servic_number ul li .info{font-size: 14px;}
.in_servicebox .servic_number ul li .itebox{padding:15px 0;}
.in_servicebox .servic_number ul li .icon img{width:30px;height:30px;}
.in_servicebox .servic_number ul {gap: 0px 30px;}
.in_servicebox .servic_number ul li{width: calc(50% - 15px);}

.in_casebox .in_titlebox,.in_newsbox .in_titlebox{ margin-bottom:20px;}
.in_casebox .container{padding-top:50px;}
.in_newsbox .container{padding-top:50px;padding-bottom:50px;}
.in_casebox .case_swiper .textbox .tit{font-size:16px;margin-bottom:10px;}
.in_casebox .case_swiper .infobox .tags{width:100%;margin-bottom:5px;}
.in_casebox .case_swiper .textbox{padding:20px 15px;}
.in_casebox .case_swiper .imgbox { padding-bottom:40%;}
.in_casebox .case_swiper .swiper-slide-active .imgbox{padding-bottom:70%;}
.in_casebox .case_swiper .infobox {align-items: flex-start;flex-direction: column;}

.in_newsbox .news_swiper a .textbox{padding:20px 20px;}
.in_newsbox .in_titlebox .in_title{margin-bottom:10px;}
.in_newsbox .in_titlebox {align-items: flex-start; flex-direction: column;}
.in_newsbox .news_swiper a .textbox .tit{font-size:16px;}


.footer .f_top { padding: 30px 0;}
.footer .f_top .fleft{margin-bottom:10px;}
.footer .f_top .fleft .tit { font-size: 18px; line-height: 1.4;margin-bottom:5px;}
.footer .f_bottom .container {flex-direction: column;align-items: flex-start;}
.footer .f_telbox{margin-left: 0px;margin-top:30px;}
.footer .f_copy{padding:20px 0;}
.footer .f_copy .copy{margin-bottom:5px;}
.footer .f_copy .copy a{font-size:12px !important;}
.footer .f_share .share{gap:10px;}


}