.header{position: fixed;width: 100%;z-index: 1000;top:0;z-index:999;;/* border-bottom:1px solid rgba(255,255,255,.35); */} .header.index{background: linear-gradient(to bottom, rgba(235,232,228,.9), rgba(235,232,228,.6),rgba(255,255,255,.0));} .header.is_header{background:white} .header.is_header{box-shadow:0 0 12px rgba(0,0,0,0.2)} .header>div{display:flex;justify-content: space-between;height:1rem;line-height:1rem;position:initial} .header .logo{width:5%} .header .navs{width:77%} .header .navs>ul{display:flex;align-items: center;gap:.65rem;justify-content: flex-end;} .header .navs>ul>li{} .header .navs>ul>li>a{font-size:.18rem;color:black;position:relative} .header .navs>ul>li>a:after{content:"";position:absolute;width:0;left:auto;right:0;background:#f0831e;height:3px;bottom:0;transition:.4s cubic-bezier(0.4, 0, 1, 1)} .header .navs>ul>li:hover>a:after{width:100%;left:0;right:auto} .header .navs>ul>li.active>a:after{width:100%} .header .navs ul li .child{white-space: nowrap;display:none;position: absolute;top:100%;width:100%;text-align: center;left: 50%;transform: translateX(-50%);padding: .1rem .25rem ;border-top:1px solid #3333331c;border-bottom:1px solid #3333331c;background: #fff;transition:none} .header .navs ul li .child .box{display:flex;justify-content: center;gap:.3rem} .header .navs ul li .child a{font-size:.18rem;display: block;color:#333;text-transform: none;line-height: 2} .header .navs ul li .child a:hover{color:#f0831e} .header .right{width:10%;display:flex;justify-content: space-between;line-height:normal;align-items: center;} .header .right .langs{position:relative} .header .right .langs>a{display:flex;align-items: center;font-size:.16rem;color:black} .header .right .langs.acts>a i{transform:rotate(180deg)} .header .right .langs>a img{margin-right:.12rem} .header .right .langs>a i{margin-left:.1rem;font-size:.22rem;color:black} .header .right .langs dl{position:absolute;left:0;width:100%;background:white;;top:120%;display:none;transition:none;box-shadow:0 0 12px rgba(0,0,0,0.2)} .header .right .langs dl dd a{padding:.05rem;color:black;font-size:.16rem;text-align:center;border-bottom:1px solid rgba(0,0,0,.15)} .header .right .langs dl dd a:hover{} .header .right .search .content{position: fixed;width:100%;height: 100%;top:0;left: 0;background: rgba(0, 0, 0, 0.45);z-index: 999;display: none;transition: none;} .header .right .search .content .container{position: relative;height: 100%;} .header .right .search .content .s-content{background: #fff;text-align: center;padding:6vh 20px;position: absolute;top:30%;width: 100%;left: 0;transform: translateY(20px);opacity: 0;transition: 0.5s;} .header .right .search .content a.close{position: absolute;font-size:.32rem;top:.1rem;right: .2rem;} .header .right .search .content .title{color:#242424;margin-bottom:.1rem;font-size:.2rem;line-height: 1.5;} .header .right .search .content .input{font-size: 0;line-height: 1;max-width: 600px;margin: 0 auto;} .header .right .search .content input{height:.6rem;outline: none;vertical-align: middle} .header .right .search .content .inpt3{padding-left:.2rem;border:1px solid #d2d2d2;font-size: .16rem;width: calc(100% - 60px);color:#292929;} .header .right .search .content .inpt3::-webkit-input-placeholder {color: #b6b6b6;} .header .right .search .content .inpt3:-moz-placeholder {color: #b6b6b6;} .header .right .search .content .inpt3::-moz-placeholder {color: #b6b6b6;} .header .right .search .content .inpt3:-ms-input-placeholder {color: #b6b6b6;} .header .right .search .content .inpt4{width:.6rem;background: #222;border:none;} .header .right .search .content button{height:.6rem;outline: none;vertical-align: middle} .header .right .search .content .inpt4 i {font-size: .24rem;color:#fff;} .header .right .search .content.active .s-content{transform: none;opacity: 1;transition-delay: 0.36s;} .header:hover{background:white} .tem_banner.indise .flash{position:relative} .tem_banner .flash{position:relative;text-align:center} .tem_banner .flash .txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:100%} .tem_banner .flash .txt h2{font-size:.6rem;color:white;font-weight:bold} .tem_banner_two .flash{position:relative;text-align:center} .tem_banner_two .flash{position:relative} .tem_banner_two .flash .txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:100%} .tem_banner_two .flash .txt h2{font-size:.6rem;color:white;font-weight:bold} .about_box{padding:1rem 0 1.65rem} .about_box .lists{display:flex} .about_box .lists>div.on{width:30%} .about_box .lists>div{width:17.5%} .about_box .lists>div a{height:4.65rem;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative} .about_box .lists>div a:after{content:"";position:absolute;background:rgba(0,0,0,.4);width:100%;height:100%;z-index:0;transition:.5s;left:0;top:0} .about_box .lists>div a .text1 {position:absolute;left:0;width:100%;bottom:.48rem;padding:0 .3rem;z-index:2;transition:1.2s} .about_box .lists>div a .text1 h2{font-size:.36rem;color:white;font-weight:bold;margin:0 0 .3rem; } .about_box .lists>div a .text1 em{font-size:.15rem;color:#f0831e;display:flex;align-items: center;gap:.15rem} .about_box .lists>div.on a .text1{transform:translateX(-100%);opacity:0} .about_box .lists>div a .text2{position:absolute;width:100%;padding:0 .75rem;z-index:2;top:1.4rem;text-align:center;transform:translateY(.5rem);opacity:0;transition:.5s} .about_box .lists>div .text2 h2{font-size:.36rem;color:white;font-weight:bold;margin:0 0 .3rem;text-shadow: 5px 5px 10px rgba(0,0,0,.6)} .about_box .lists>div .text2 p{text-align:left;text-indent:2em} .about_box .lists>div .text2 p span{font-size:.17rem;color:white;line-height:.22rem;text-shadow: 5px 5px 10px rgba(0,0,0,.6)} .about_box .lists>div .text2 em{display:inline-flex;align-items:center;margin:.35rem 0 0;width:1.8rem;height:.5rem;border-radius:50px;background:#f0831e;te;justify-content: center;gap:.15rem;font-size:.15rem;color:white} .about_box .lists>div.on a .text2{transform:translateY(0);opacity:1;transition-delay:200ms;} .about_box .lists>div.on a:after{background:rgba(0,0,0,.75)} .footer{background:#7d8488;z-index:8;position:relative} .footer .fot_infos{position:absolute;/* display:none */;top:-.45rem;width:100%;background:#f0831e;left:0} .footer .fot_infos ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:.17rem 0} .footer .fot_infos ul li{display:grid;grid-template-columns:14.6% 83%;justify-content:space-between;align-items:center } .footer .fot_infos ul li h2{font-size:.2rem;color:white;} .footer .fot_infos ul li p{font-size:.2rem;color:white} .footer .fot_infos ul li:first-child{padding-left:.3rem} .footer .fot_infos ul li:last-child{padding-right:.3rem} .footer>div{padding:1.15rem 0 0 ;position:relative} .footer .fot_top{display:grid;grid-template-columns:23.75% 75%;justify-content:space-between;padding:0 0 .7rem;border-bottom:1px solid #979da0} .footer .fot_top .left .logo{margin:0 0 .3rem} .footer .fot_top .left>h3{font-size:.2rem;color:white;font-weight:bold;margin:0 0 .15rem} .footer .fot_top .left ul li{margin:0 0 5px} .footer .fot_top .left ul li:last-child{margin:0} .footer .fot_top .left ul li p{font-size:.16rem;color:#d2d2d2} .footer .fot_top .fot_navs{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr } .footer .fot_top .fot_navs dl dt{margin: 0 0 .25rem} .footer .fot_top .fot_navs dl dt a{font-size:.18rem;color:white} .footer .fot_top .fot_navs dl dd{margin:0 0 .14rem} .footer .fot_top .fot_navs dl dd:last-child{margin:0} .footer .fot_top .fot_navs dl dd a{font-size:.16rem;color:#d2d2d2;display:inline-block} .footer .fot_top .fot_navs dl dd a:hover{color:#f0831e} .footer .bot{padding:.15rem 0;display:flex;justify-content: space-between;align-items: center;} .footer .bot p{font-size:.16rem;color:#d2d2d2} .footer .bot p a{display:initial;font-size:.16rem;color:#d2d2d2} .footer .bot p em{margin:0 .25rem} .footer .bot p a:hover{color:#f0831e;} .footer .bot .share{display:flex;gap:.18rem} .footer .bot .share a{width:.4rem;height:.4rem;line-height:.4rem;border-radius:100%;border:1px solid #d2d2d2;text-align:center;} .footer .bot .share a:hover{background:#f0831e;border-color:#f0831e;} .footer .bot .share a:hover img{filter:brightness(1) invert(0)} .about_nav{padding:.8rem 0 .95rem} .about_nav>div{position:relative} .about_nav ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;position:relative} .about_nav ul:after{content:"";position:absolute;background:#f0831e;width:95%;left:50%;transform:translateX(-50%);height:10px;bottom:0;border-radius:25px;z-index:-1} .about_nav ul li{z-index:2} .about_nav ul li a{height:.6rem;display:flex;flex-direction: column;justify-content: center;align-items: center;position:relative} .about_nav ul li a h2{font-size:.2rem;color:#f0831e;font-weight:bold;position:relative;padding-left:.3rem;z-index:2} .about_nav ul li a h2:after{content:"";position:absolute;background:url(../images/7.png) 0 0 no-repeat;width:.16rem;height:.18rem;left:00;top:50%;transform:translateY(-50%);background-size:100%;transition:.5s} .about_nav ul li.ss a h2:after{content:"";position:absolute;background:url(../images/7-1.png) 0 0 no-repeat;width:.16rem;height:.18rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;} .about_nav ul li a:before{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:#f0831e;z-index:0;transform: skewX(-20deg);border-radius:5px;opacity:0;transition:.3s;z-index:-1} .about_nav ul li a:hover h2{color:white} .about_nav ul li.active a:before{opacity:1} .about_nav ul li.active a h2{color:white !important} .about_nav ul li.active a h2:after{content:"";position:absolute;background:url(../images/7-1.png) 0 0 no-repeat;width:.16rem;height:.18rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.5s} .about_nav .nav_met{position:absolute;;height:100%;left:0;top:0;background:#f0831e;z-index:0;transform: skewX(-20deg);border-radius:5px;z-index::-1} /* .about_nav ul li a:before{content:"";position:absolute;;width:100%;height:100%;background-size:cover;border-radius:5px;opacity:1;transition:.5s;background: linear-gradient(120deg, transparent 30px, #2baaca 0);} */ .company .title{padding:0 0 .5rem} .company .title h2{font-size:.36rem;color:black;font-weight:bold} .company .items1{display:grid;grid-template-columns:53% 47%;margin:0 0 1rem} .company .items1 .text h2{font-size:.28rem;color:black;font-weight:bold;padding-left:.55rem} .company .items1 .text h3{font-size:.5rem;color:black;;margin:.4rem 0 ;text-align:right;font-family:"Arial";position:relative} .company .items1 .text h3 em{font-weight:bold;color:#f0831e} .company .items1 .text h3:after{content:"";position:absolute;background:#f0831e;height:2px;top:50%;left:0;transform:translateY(-50%);width:58%} .company .items1 .text .infos{font-size:.18rem;color:black;padding:0 .2rem 0 .55rem;line-height:.29rem;height:4.7rem;overflow-y:auto} .company .items1 .text .infos::-webkit-scrollbar-thumb{background:#f0831e;} .company .items1 .text .infos p{text-indent:2em} .company .items2{display:grid;grid-template-columns:47% 53%;align-items:center} .company .items2 .text h2{font-size:.28rem;color:black;font-weight:bold;} .company .items2 .text h3{font-size:.5rem;color:black;;margin:.4rem 0 ;font-family:"Arial";position:relative} .company .items2 .text h3 em{font-weight:bold;color:#f0831e} .company .items2 .text h3:after{content:"";position:absolute;background:#f0831e;height:2px;top:50%;right:0;transform:translateY(-50%);width:58%} .company .items2 .text .infos{font-size:.18rem;color:black;padding:0 .55rem 0 0 ;line-height:.29rem} .company .items2 .text .infos::-webkit-scrollbar-thumb{background:#f0831e;} .company .items2 .text .infos p{text-indent:2em} .company .pics{padding:1rem 0 1.2rem} .company .pics ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0 .2rem} .company .pics ul li:hover img{transform:scale(1.1)} .company .pics ul li p{font-size:.18rem;color:#222222;text-align:center;margin:.17rem 0 0 } .history {padding:0 0 1.4rem} .history .title{text-align:center} .history .title h2{font-size:.3rem;color:black;font-weight:bold;} .history ul{position:relative;padding:0 0 .5rem} /* .history ul:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:2px;height:98%;bottom:0;background:#dcdcdc;z-index:-1} */ /* .history ul li{padding:0 .85rem;display:grid;grid-template-columns:42% 42%;justify-content:space-between;position:relative} .history ul li{margin:0 0 .6rem;} */ .history ul li:first-child{grid-template-columns:30% 30%;margin:0 0 1rem} .history ul li{display:grid;grid-template-columns:37.5% 19% 37.5%;justify-content:space-between;position:relative;align-items:center} .history ul li:last-child{margin:0} .history ul li:first-child>div h2{font-size:.3rem;color:black;font-weight:bold;} .history ul li .item1{display:flex;justify-content:space-between;align-items:center} .history ul li .item1 .img{width:33%} .history ul li .item2{display:flex;justify-content:space-between;align-items:center} .history ul li .item2 .img{width:33%} .history ul li h3{font-size:.2rem;color:#222222;width:60%} .history ul li .tit1{text-align:right} /* .history ul li .title{position:absolute;left:50%;transform:translateX(-50%);background:white;top:0;} .history ul li .title h2{font-size:.6rem;color:#f0831e;font-family:"Arial"} */ .history ul li>div{position:relative} .history ul li .swiper-pagination{position:absolute;bottom:12%;width:auto;left:25%} .history ul li .swiper-pagination span{width:.12rem;height:.12rem;opacity:1;margin:0 8px!important;background:white} .history ul li .swiper-pagination span.swiper-pagination-bullet-active{background:#f0831e} .history ul li .area-box .dot{position:absolute;top:.25rem;;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#f0831e;opacity:1;filter:alpha(opacity=100)} .history ul li .area-box .pulse{position:absolute;top:.25rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid #f0831e;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;-moz-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .history .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .history .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .history .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .history .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .history .area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s} .history .area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s} .history .area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s} .history .area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s} .history .area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s} .history .area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s} .history .area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s} @-webkit-keyframes warn{ 0%{-webkit-transform:translate(-50%,-50%) scale(0);-moz-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);opacity:1} 100%{-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:0} } @-moz-keyframes warn{ 0%{-webkit-transform:translate(-50%,-50%) scale(0);-moz-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);opacity:1} 100%{-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:0} } @-o-keyframes warn{ 0%{-webkit-transform:translate(-50%,-50%) scale(0);-moz-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);opacity:1} 100%{-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:0} } @keyframes warn{ 0%{-webkit-transform:translate(-50%,-50%) scale(0);-moz-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);opacity:1} 100%{-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:0} } .zhuanli .text{display:grid;grid-template-columns:23% 76%;padding:.65rem .6rem;justify-content:space-between;border-radius:30px;border:1px solid #9b9b9b} .zhuanli .text .txt h2{font-size:.36rem;color:#f0831e;font-weight:bold;margin:0 0 .3rem} .zhuanli .text .txt p{font-size:.24rem;color:#222222} .zhuanli .text ul{display:grid;grid-template-columns:auto auto auto;grid-gap:0 .9rem} .zhuanli .text ul li h2{font-size:.3rem;color:#222222;font-weight:bold;margin:0 0 .3rem} .zhuanli .text ul li h2 em{color:#f0831e} .zhuanli .text ul li p{font-size:.24rem;color:#222222} .zhuanli .guoji {padding:0 0 .95rem} .zhuanli .guoji .title{padding:.55rem 0 .4rem} .zhuanli .guoji .title h2{font-size:.3rem;color:#222222;font-weight:bold;margin:0 0 .3rem} .zhuanli .guoji .lists1{margin:0 0 .6rem} .zhuanli .guoji .lists1 ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:.2rem} .zhuanli .guoji .lists1 ul li h2{font-size:.16rem;color:#222222;text-align:center;margin:.2rem 0 0} .zhuanli .guoji .lists1 .img img{border:3px solid #e6e6e6} .zhuanli .guoji .lists1 .swiper-slide-active .img img{border:3px solid #f0831e} .zhuanli .guoji .lists1 .swiper-slide h2{margin:.2rem 0 0 ;font-size:.16rem;color:#222222;text-align:center} .zhuanli .guoji .lists2 ul{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:0 .25rem} .zhuanli .guoji .lists2 h2 {margin:.2rem 0 0 ;font-size:.16rem;color:#222222;text-align:center} .zhuanli .guoji .lists2 ul li:hover .img{box-shadow:0 0 12px rgba(0,0,0,0.3)} .zhuanli .guoji .lists2 ul li:hover{transform:translateY(-10px)} .zhuanli .guonei {padding:0 0 1.3rem} .zhuanli .guonei .title{padding:0 0 .4rem} .zhuanli .guonei .title h2{font-size:.3rem;color:#222222;font-weight:bold;margin:0 0 .3rem} .zhuanli .guonei .lists>div{margin:0 0 .45rem} .zhuanli .guonei .lists .img img{border:3px solid #e6e6e6} .zhuanli .guonei .lists .swiper-slide-active .img img{border:3px solid #f0831e} .zhuanli .guonei .lists h2{font-size:.18rem;color:#222222;text-align:center;margin:.2rem 0 0;opacity:0;transform:translateY(.5rem) } .zhuanli .guonei .lists .swiper-slide-active h2{transform:none;opacity:1} .honor {padding:0 0 1.45rem} .honor .lists .items{margin:0 0 .55rem} .honor .lists .items:last-child{margin:0} .honor .lists .items .title{margin:0 0 .5rem} .honor .lists .items .title h2{font-size:.3rem;color:#222222;font-weight:bold} .honor .lists .items .list .img img{border:3px solid #e6e6e6} .honor .lists .items .list .swiper-slide-active .img img{border:3px solid #f0831e} .honor .lists .items .list h2{font-size:.18rem;color:#222222;text-align:center;margin:.2rem 0 0;opacity:0;transform:translateY(.5rem) } .honor .lists .items .list .swiper-slide-active h2{transform:none;opacity:1} .work{padding:0 0 1.9rem} .work .title{margin:0 0 .7rem} .work .title h2{font-size:.3rem;color:#222222;font-weight:bold} .work .lists ul:last-child{margin:.9rem 0 0} .work .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap: 0 .4rem} .work .lists ul li{position:relative;} .work .lists ul:first-child li:after{position:absolute;content:"";width:.2rem;height:.4rem;background:url(../images/12.png) 0 0 no-repeat;top:50%;transform:translateY(-50%);right:-.3rem;background-size:100%} .work .lists ul:first-child li:last-child:after{display:none} .work .lists ul:last-child{margin:.9rem 0 0} .work .lists ul:last-child li:after{position:absolute;content:"";width:.2rem;height:.4rem;background:url(../images/13.png) 0 0 no-repeat;top:50%;transform:translateY(-50%);right:-.3rem;background-size:100%} .work .lists ul:last-child li:last-child:after{display:none} .work .lists ul:first-child li:last-child:before{position:absolute;content:"";width:.4rem;height:.2rem;background:url(../images/14.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);bottom:-.8rem;background-size:100%} .work .lists ul li a{position:relative} .work .lists ul li a:after{content:"";position:absolute;background:url(../images/11.png) 0 0 no-repeat;width:100%;height:0;left:50%;top:0;transform:translateX(-50%);background-size:100%;transition:.5s linear;z-index:2} .work .lists ul li a h2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;font-size:.3rem;color:white;font-weight:bold;writing-mode: vertical-rl;transition:.8s} .work .lists ul li .nums{position:absolute;width:1rem;height:1rem;background:#f0831e;border-radius:100%;text-align:center;display:flex;flex-direction: column;justify-content: center;left:50%;transform:translateX(-50%);bottom:-.5rem} .work .lists ul li .nums h3{font-size:.48rem;color:white;font-weight:bold} .work .lists ul li .logo{position:absolute;width:1.7rem;height:.85rem;left:50%;transform:translateX(-50%);top:0;background-size:1.7rem .85rem;background-repeat:no-repeat;z-index:3} .work .lists ul li a:hover:after{height:100%} .work .lists ul li a:hover .nums{box-shadow:0 0 15px rgba(0,0,0,0.4)} .work .lists ul li a:hover h2{transform:translate(.5rem,-50%);opacity:0} .work .lists ul li a .txt{position:absolute;width:100%;padding:0 .5rem;left:0;top:2.2rem;text-align:center;z-index:3;opacity:0} .work .lists ul li a .txt h4{font-size:.3rem;color:white;font-weight:bold;margin:0 0 .35rem} .work .lists ul li a .txt p{font-size:.18rem;color:white;line-height:.25rem;text-align:left;text-indent:2em;} .work .lists ul li a:hover .txt {top:1.6rem;transition-delay:.2s;opacity:1;} .techbox{padding:.95rem 0 1.9rem} .techbox .box1 {margin:0 0 1rem} .techbox .box1 .title{margin:0 0 .45rem} .techbox .box1 .title h2{font-size:.36rem;color:#222222;font-weight:bold;margin:0 0 .45rem} .techbox .box1 .lists{display:flex} .techbox .box1 .lists a{background-size:cover;background-position:center center;height:4.65rem;background-repeat:no-repeat;position:relative;overflow:hidden} .techbox .box1 .lists>div{width:21.875%} .techbox .box1 .lists>div.on{width:56.25%} .techbox .box1 .lists a .text1 {position:absolute;left:0;width:100%;bottom:.48rem;padding:0 .3rem;z-index:2;transition:1.2s} .techbox .box1 .lists a .text1 h2{font-size:.36rem;color:white;font-weight:bold;margin:0 0 .3rem;position:relative;padding:.85rem 0 0} .techbox .box1 .lists a .text1 em{font-size:.15rem;color:#f0831e;display:flex;align-items: center;gap:.15rem} .techbox .box1 .lists>div:nth-child(1) a .text1 h2:after{content:"";position:absolute;background:url(../images/15-1.png) 0 0 no-repeat;width:.76rem;height:.7rem;background-size:100%;left:0;top:0} .techbox .box1 .lists>div:nth-child(2) a .text1 h2:after{content:"";position:absolute;background:url(../images/15-2.png) 0 0 no-repeat;width:.97rem;height:.64rem;background-size:100%;left:0;top:0} .techbox .box1 .lists>div:nth-child(3) a .text1 h2:after{content:"";position:absolute;background:url(../images/15-3.png) 0 0 no-repeat;width:.86rem;height:.64rem;background-size:100%;left:0;top:0} .techbox .box1 .lists a:after{content:"";position:absolute;background:rgba(0,0,0,.35);width:100%;height:100%;z-index:0;transition:.5s;left:0;top:0} .techbox .box1 .lists>div.on a:after{background:rgba(0,0,0,.75)} .techbox .box1 .lists>div.on a .text1{transform:translateX(-100%);opacity:0} .techbox .box1 .lists>div a .text2{position:absolute;width:62%;z-index:2;left:50%;top:50%;text-align:center;transform:translate(-50%,-30%);opacity:0;transition:.5s} .techbox .box1 .lists>div .text2 h2{font-size:.36rem;color:white;font-weight:bold;margin:0 0 .3rem;text-shadow: 5px 5px 10px rgba(0,0,0,.6);padding:.9rem 0 0 ;position:relative} .techbox .box1 .lists>div .text2 p{font-size:.17rem;color:white;line-height:.22rem;text-shadow: 5px 5px 10px rgba(0,0,0,.6)} .techbox .box1 .lists>div .text2 em{display:inline-flex;align-items:center;margin:.35rem 0 0;width:1.8rem;height:.5rem;border-radius:50px;background:#f0831e;te;justify-content: center;gap:.15rem;font-size:.15rem;color:white} .techbox .box1 .lists>div.on a .text2{transform:translate(-50%,-50%);opacity:1;transition-delay:200ms;} .techbox .box1 .lists>div:nth-child(1) a .text2 h2:after{content:"";position:absolute;background:url(../images/15-1.png) 0 0 no-repeat;width:.76rem;height:.7rem;background-size:100%;left:50%;transform:translateX(-50%);top:0} .techbox .box1 .lists>div:nth-child(2) a .text2 h2:after{content:"";position:absolute;background:url(../images/15-2.png) 0 0 no-repeat;width:.97rem;height:.64rem;background-size:100%;left:50%;transform:translateX(-50%);top:0} .techbox .box1 .lists>div:nth-child(3) a .text2 h2:after{content:"";position:absolute;background:url(../images/15-3.png) 0 0 no-repeat;width:.86rem;height:.64rem;background-size:100%;left:50%;transform:translateX(-50%);top:0} .techbox .box2 .title{margin:0 0 .45rem} .techbox .box2 .title h2{font-size:.36rem;color:#222222;font-weight:bold;margin:0 0 .45rem} .techbox .box2 .lists{display:flex} .techbox .box2 .lists a{background-size:cover;background-position:center center;height:4.65rem;background-repeat:no-repeat;position:relative;overflow:hidden} .techbox .box2 .lists>div{width:31.25%} .techbox .box2 .lists>div.on{width:68.75%} .techbox .box2 .lists a .text1 {position:absolute;left:0;width:100%;bottom:.48rem;padding:0 .3rem;z-index:2;transition:1.2s} .techbox .box2 .lists a .text1 h2{font-size:.36rem;color:white;font-weight:bold;margin:0 0 .3rem;position:relative;padding:.85rem 0 0} .techbox .box2 .lists a .text1 em{font-size:.15rem;color:#f0831e;display:flex;align-items: center;gap:.15rem} .techbox .box2 .lists>div:nth-child(1) a .text1 h2:after{content:"";position:absolute;background:url(../images/15-4.png) 0 0 no-repeat;width:.59rem;height:.71rem;background-size:100%;left:0;top:0} .techbox .box2 .lists>div:nth-child(2) a .text1 h2:after{content:"";position:absolute;background:url(../images/15-5.png) 0 0 no-repeat;width:.82rem;height:.82rem;background-size:100%;left:0;top:0} .techbox .box2 .lists a:after{content:"";position:absolute;background:rgba(0,0,0,.35);width:100%;height:100%;z-index:0;transition:.5s;left:0;top:0} .techbox .box2 .lists>div.on a:after{background:rgba(0,0,0,.75)} .techbox .box2 .lists>div.on a .text1{transform:translateX(-100%);opacity:0} .techbox .box2 .lists>div a .text2{position:absolute;width:62%;z-index:2;left:50%;top:50%;text-align:center;transform:translate(-50%,-30%);opacity:0;transition:.5s} .techbox .box2 .lists>div .text2 h2{font-size:.36rem;color:white;font-weight:bold;margin:0 0 .3rem;text-shadow: 5px 5px 10px rgba(0,0,0,.6);padding:.9rem 0 0 ;position:relative} .techbox .box2 .lists>div .text2 p{font-size:.17rem;color:white;line-height:.22rem;text-shadow: 5px 5px 10px rgba(0,0,0,.6)} .techbox .box2 .lists>div .text2 em{display:inline-flex;align-items:center;margin:.35rem 0 0;width:1.8rem;height:.5rem;border-radius:50px;background:#f0831e;te;justify-content: center;gap:.15rem;font-size:.15rem;color:white} .techbox .box2 .lists>div.on a .text2{transform:translate(-50%,-50%);opacity:1;transition-delay:200ms;} .techbox .box2 .lists>div:nth-child(1) a .text2 h2:after{content:"";position:absolute;background:url(../images/15-4.png) 0 0 no-repeat;width:.59rem;height:.71rem;background-size:100%;left:50%;transform:translateX(-50%);top:0} .techbox .box2 .lists>div:nth-child(2) a .text2 h2:after{content:"";position:absolute;background:url(../images/15-5.png) 0 0 no-repeat;width:.82rem;height:.82rem;background-size:100%;left:50%;transform:translateX(-50%);top:0} .mbx{background:#f2f2f2} .mbx>div{display:flex;height:.5rem;align-items: center;color:#777777;font-size:.17rem;gap:5px;} .mbx>div a{color:#777777;font-size:.17rem} .tianranqi .top{padding:1rem 0 .7rem} .tianranqi .top .title{margin:0 0 .65rem} .tianranqi .top .title h2{font-size:.36rem;color:#222222;font-weight:bold} .tianranqi .top .tit1{margin:0 0 .6rem} .tianranqi .top .tit1 h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .15rem} .tianranqi .top .tit1 p{font-size:.18rem;color:#222222;text-indent: 2em;} .tianranqi .top .tit2{margin:0 0 .6rem} .tianranqi .top .tit2>h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .25rem} .tianranqi .top .tit2 ul{display:flex;background:url(../images/16.jpg) center center no-repeat;background-size:cover;} .tianranqi .top .tit2 ul li{width:15.625%;height:4.65rem;border-right:1px solid white;display:flex;;position:relative;flex-direction: column;justify-content: center;} .tianranqi .top .tit2 ul li:last-child{border:0} .tianranqi .top .tit2 ul li.on{width:37.5%} .tianranqi .top .tit2 ul li .txt1{position:relative} .tianranqi .top .tit2 ul li .txt1 h3{font-size:.18rem;color:white;text-align:center;padding:.55rem 0 0 } .tianranqi .top .tit2 ul li .txt1 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .tianranqi .top .tit2 ul li .txt1 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .tianranqi .top .tit2 ul li .txt1 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .tianranqi .top .tit2 ul li .txt1 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .tianranqi .top .tit2 ul li .txt1 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .tianranqi .top .tit2 ul li .txt1 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .tianranqi .top .tit2 ul li.on .txt1{opacity:0} .tianranqi .top .tit2 ul li{position:relative} .tianranqi .top .tit2 ul li:after{content:"";position:absolute;background:#f0831e;left:50%;transform:translateX(-50%);height:100%;width:0;transition:.5s;z-index:0} .tianranqi .top .tit2 ul li .txt2{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);padding:.55rem .45rem 0;width:100%;text-align:center;z-index:2;opacity:0;transition:.4s} .tianranqi .top .tit2 ul li .txt2 h2{font-size:.24rem;color:white;font-weight:bold;margin:0 0 .25rem} .tianranqi .top .tit2 ul li .txt2 p{font-size:.18rem;color:white} .tianranqi .top .tit2 ul li .txt2 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .tianranqi .top .tit2 ul li .txt2 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .tianranqi .top .tit2 ul li .txt2 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .tianranqi .top .tit2 ul li .txt2 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .tianranqi .top .tit2 ul li .txt2 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .tianranqi .top .tit2 ul li .txt2 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .tianranqi .top .tit2 ul li.on:after{width:100%;transition-delay:.3s} .tianranqi .top .tit2 ul li.on .txt2{transform:translate(-50%,-50%);opacity:1;transition-delay:300ms;} .tianranqi .process{background:#f2f2f2;padding:.65rem 0 } .tianranqi .process .tit{margin:0 0 .25rem} .tianranqi .process .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .tianranqi .process .infos{display:grid;grid-template-columns:50.5% 45%;justify-content:space-between;} .tianranqi .process .infos .img_box .area-box .dot{position:absolute;top:-5px;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;border:3px solid #f0831e;-moz-border-radius:50%;border-radius:50%;background:#f0831e;;opacity:1;filter:alpha(opacity=100)} .tianranqi .process .infos .img_box .area-box .pulse{position:absolute;top:-5px;left:50%;transform:translate(-50%,-50%);height:.8rem;width:.8rem;border:.1rem solid #f0831e;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;-moz-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .tianranqi .process .infos .img_box .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .tianranqi .process .infos .img_box .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .tianranqi .process .infos .img_box .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .tianranqi .process .infos .img_box .area-box .pulse{display:none} .tianranqi .process .infos .img_box{text-align:center;} .tianranqi .process .infos .img_box .imgs{display:inline-block;position:relative} .tianranqi .process .infos .img_box .img_liucheng img{position:absolute;left:0;top:0;display:none} .tianranqi .process .infos .img_box .img_liucheng img:first-child{display:block} .tianranqi .process .infos .img_box .shunxu .items{position:absolute;z-index:2;cursor:pointer;width:14%;height:.5rem;background:none;border-radius:50px;opacity:1} .tianranqi .process .infos .img_box .shunxu .items.act .area-box .dot{background:white;} .tianranqi .process .infos .img_box .shunxu .items .area-box .pulse{display:block} /* .tianranqi .process .infos .img_box .shunxu .items1{left:41.5%;top:20%} .tianranqi .process .infos .img_box .shunxu .items2{left:41.5%;top:42%} .tianranqi .process .infos .img_box .shunxu .items3{left:41.5%;top:85%} .tianranqi .process .infos .img_box .shunxu .items4{left:74%;top:-.1rem} .tianranqi .process .infos .img_box .shunxu .items5{left:74%;top:20%} */ .tianranqi .process .infos .img_box .shunxu .items1{left:28.8%;top:23.2%} .tianranqi .process .infos .img_box .shunxu .items2{left:28.8%;top:46%} .tianranqi .process .infos .img_box .shunxu .items3{left:28.8%;top:90.8%} .tianranqi .process .infos .img_box .shunxu .items4{left:66.8%;top:.5%} .tianranqi .process .infos .img_box .shunxu .items5{left:66.8%;top:23.2%} .tianranqi .process .infos .img_box .shunxu .items6{left:28.8%;top:68.2%} .tianranqi .process .infos .img_box .shunxu .items h1{width:50%;display:none} .tianranqi .process .infos .text{background:white} .tianranqi .process .infos .text .con{display:none} .tianranqi .process .infos .text .con .dd{padding:.2rem .3rem .25rem;border-top:3px solid #f0831e;/* display:grid; */grid-template-columns:40% 50%;justify-content:space-between;background:white;align-items:center;} .tianranqi .process .infos .text .con .wenzi{margin:.2rem 0 0} .tianranqi .process .infos .text .con .img img{} .tianranqi .process .infos .text .con .wenzi h2{font-size:.22rem;color:black;font-weight:bold;margin:0 0 .15rem} .tianranqi .process .infos .text .con .wenzi p{font-size:.18rem;color:black} .tianranqi .table1{padding:.65rem 0 .7rem} .tianranqi .table1 .tit{margin:0 0 .4rem} .tianranqi .table1 .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .tianranqi .table1 ul{background:#fee6d0;border-radius:30px;padding:.1rem} .tianranqi .table1 ul>h3{text-align:center;font-size:.18rem;color:#f0831e;font-weight:bold;height:.45rem;line-height:.45rem} .tianranqi .table1 ul li{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;margin:0 0 1px;position:relative} .tianranqi .table1 ul li>div{text-align:center;height:.45rem;display:flex;flex-direction: column;justify-content: center;} .tianranqi .table1 ul li.li1{background:none !important;margin:0 0 5px} .tianranqi .table1 ul li.li1>div{background:#f0831e;border-radius:50px} .tianranqi .table1 ul li.li1>div h3{font-size:.18rem;color:white;font-weight:bold} .tianranqi .table1 ul li:nth-child(2n-1){background:white;border-radius:50px} .tianranqi .table1 ul li>div p{font-size:.17rem;color:#f0831e} .tianranqi .table1 ul li:nth-child(2n){background:#fff8f2;border-radius:50px;} .tianranqi .table1 ul li:after{content:"";position:absolute;background:#f0831e;width:1px;height:.22rem;top:50%;left:50%;transform:translate(-50%,-50%)} .tianranqi .table1 ul li.li1:after{display:none} .tianranqi .table2{padding:0 0 .6rem} .tianranqi .table2 .tit{margin:0 0 .4rem} .tianranqi .table2 .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .tianranqi .table2 ul{background:#fee6d0;border-radius:30px;padding:.1rem} .tianranqi .table2 ul>h3{text-align:center;font-size:.18rem;color:#f0831e;font-weight:bold;height:.45rem;line-height:.45rem} .tianranqi .table2 ul li{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;margin:0 0 1px;position:relative} .tianranqi .table2 ul li>div{text-align:center;height:.45rem;display:flex;flex-direction: column;justify-content: center;} .tianranqi .table2 ul li:nth-child(2n-1){background:white;border-radius:50px} .tianranqi .table2 ul li>div p{font-size:.17rem;color:#f0831e} .tianranqi .table2 ul li:nth-child(2n){background:#fff8f2;border-radius:50px;} .tianranqi .table2 ul li:after{content:"";position:absolute;background:#f0831e;width:1px;height:.22rem;top:50%;left:50%;transform:translate(-50%,-50%)} .tianranqi .case{padding:.65rem 0 .7rem;background:#f8f8f8} .tianranqi .case .tit{margin:0 0 .4rem} .tianranqi .case .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .tianranqi .case ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:.3rem .2rem} .tianranqi .case ul li{border-radius:30px} .tianranqi .case ul li .img{border-radius:30px 30px 0 0 } .tianranqi .case ul li .img img{height:2rem;width:100%;object-fit:cover} .tianranqi .case ul li .text{background:white;padding:.3rem .3rem .25rem;border-radius:0 0 30px 30px} .tianranqi .case ul li .text h2{font-size:.22rem;color:#f0831e;font-weight:bold;margin:0 0 .1rem} .tianranqi .case ul li .text p{font-size:.17rem;color:#222222;height:.6rem;line-height:.3rem;overflow:hidden} .tianranqi .case ul li .text p em{font-size:.2rem;font-weight:bold} .tianranqi .case ul li:hover{box-shadow:0 0 12px rgba(0,0,0,0.2);} .tianranqi .case ul li:hover img{transform:scale(1.1)} .tianranqi .case ul li:hover .text {background:#f0831e;} .tianranqi .case ul li .text *{transition:.3s !important} .tianranqi .case ul li:hover .text *{color:white} .tianranqi .case ul li:hover{transform:translateY(-10px)} .tianranqi .app{padding:.65rem 0 .6rem} .tianranqi .app .tit{margin:0 0 .5rem} .tianranqi .app .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .tianranqi .app .lists .img_list{border-bottom:1px solid #eeeeee} .tianranqi .app .lists .img_list .swiper-slide{text-align:center;padding:0 0 .5rem;cursor:pointer} .tianranqi .app .lists .img_list .swiper-slide .img{height:.9rem} .tianranqi .app .lists .img_list .swiper-slide .img img{max-height:.8rem;transition:none} .tianranqi .app .lists .img_list .swiper-slide h2{font-size:.18rem;color:black;font-weight:bold;;transition:none} .tianranqi .app .lists .img_list .swiper-slide:after{content:"";position:absolute;width:0;height:4px;background:#f0831e;border-radius:50px;transition:.5s;left:50%;transform:translateX(-50%);bottom:0} .tianranqi .app .lists .img_list .swiper-slide.swiper-slide-thumb-active:after{width:100%} .tianranqi .app .lists .img_list .swiper-slide.swiper-slide-thumb-active h2{color:#f0831e} .tianranqi .app .lists .img_list .swiper-slide.swiper-slide-thumb-active .img img{filter: invert(50%) sepia(69%) saturate(1653%) hue-rotate(352deg) brightness(109%) contrast(88%);} .tianranqi .app .lists .bigimg {position:relative} .tianranqi .app .lists .bigimg .text{height:2.4rem;padding:0 1rem;display:flex;flex-direction: column;font-size:.18rem;color:black;transform:translateY(1rem);opacity:0;justify-content: center;} .tianranqi .app .lists .bigimg .text p{text-align:left;text-indent:2em} .tianranqi .app .lists .bigimg .swiper-slide-active .text{transform:none;opacity:1} .tianranqi .app .lists .bigimg .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:white;width:.65rem;height:.65rem;border-radius:100%;text-align:center;line-height:.65rem;left:0;top:50%;transform:translateY(-50%);z-index:2;} .tianranqi .app .lists .bigimg .swiper-page>div.slide-button-next{left:auto;right:0rem} .tianranqi .app .lists .bigimg .swiper-page>div:hover{background:#f0831e} .tianranqi .app .lists .bigimg .swiper-page>div:hover i{color:white} .jiachun .top{padding:1rem 0 .7rem} .jiachun .top .title{margin:0 0 .65rem} .jiachun .top .title h2{font-size:.36rem;color:#222222;font-weight:bold} .jiachun .top .tit1{margin:0 0 .6rem} .jiachun .top .tit1 h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .15rem} .jiachun .top .tit1 p{font-size:.18rem;color:#222222;text-indent: 2em;} .jiachun .top .tit2{margin:0 0 .6rem} .jiachun .top .tit2>h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .25rem} .jiachun .top .tit2 ul{display:flex;background:url(../images/jiachun/1.jpg) center center no-repeat;background-size:cover;} .jiachun .top .tit2 ul li{width:15.625%;height:4.65rem;border-right:1px solid white;display:flex;;position:relative;flex-direction: column;justify-content: center;} .jiachun .top .tit2 ul li:last-child{border:0} .jiachun .top .tit2 ul li.on{width:37.5%} .jiachun .top .tit2 ul li .txt1{position:relative} .jiachun .top .tit2 ul li .txt1 h3{font-size:.18rem;color:white;text-align:center;padding:.55rem 0 0 } .jiachun .top .tit2 ul li .txt1 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .jiachun .top .tit2 ul li .txt1 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .jiachun .top .tit2 ul li .txt1 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .jiachun .top .tit2 ul li .txt1 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .jiachun .top .tit2 ul li .txt1 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .jiachun .top .tit2 ul li .txt1 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .jiachun .top .tit2 ul li.on .txt1{opacity:0} .jiachun .top .tit2 ul li{position:relative} .jiachun .top .tit2 ul li:after{content:"";position:absolute;background:#f0831e;left:50%;transform:translateX(-50%);height:100%;width:0;transition:.5s;z-index:0} .jiachun .top .tit2 ul li .txt2{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);padding:.55rem .45rem 0;width:100%;text-align:center;z-index:2;opacity:0;transition:.4s} .jiachun .top .tit2 ul li .txt2 h2{font-size:.24rem;color:white;font-weight:bold;margin:0 0 .25rem} .jiachun .top .tit2 ul li .txt2 p{font-size:.18rem;color:white} .jiachun .top .tit2 ul li .txt2 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .jiachun .top .tit2 ul li .txt2 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .jiachun .top .tit2 ul li .txt2 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .jiachun .top .tit2 ul li .txt2 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .jiachun .top .tit2 ul li .txt2 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .jiachun .top .tit2 ul li .txt2 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .jiachun .top .tit2 ul li.on:after{width:100%;transition-delay:.3s} .jiachun .top .tit2 ul li.on .txt2{transform:translate(-50%,-50%);opacity:1;transition-delay:300ms;} .jiachun .process{background:#f2f2f2;padding:.65rem 0 } .jiachun .process .tit{margin:0 0 .4rem} .jiachun .process .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .jiachun .process .infos .img_box .area-box .dot{position:absolute;top:-5px;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#f0831e;border:4px solid #f0831e;opacity:1;filter:alpha(opacity=100)} .jiachun .process .infos .img_box .area-box .pulse{position:absolute;top:-5px;left:50%;transform:translate(-50%,-50%);height:.8rem;width:.8rem;border:.1rem solid #f0831e;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;-moz-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .jiachun .process .infos .img_box .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .jiachun .process .infos .img_box .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .jiachun .process .infos .img_box .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .jiachun .process .infos{display:grid;grid-template-columns:50.5% 45%;justify-content:space-between;} .jiachun .process .infos .img_box{text-align:center;} .jiachun .process .infos .img_box .imgs{display:inline-block;position:relative} .jiachun .process .infos .img_box .img_liucheng img{position:absolute;left:0;top:0;display:none} .jiachun .process .infos .img_box .img_liucheng img:first-child{display:block} .jiachun .process .infos .img_box .shunxu .items{position:absolute;z-index:2;cursor:pointer;width:15.8%;height:.5rem;background:none;border-radius:50px;opacity:1} .jiachun .process .infos .img_box .shunxu .items.act .area-box .dot{background:white;} .jiachun .process .infos .img_box .shunxu .items .area-box .pulse{display:block} .jiachun .process .infos .img_box .shunxu .items1{left:83.5%;top:45.5%} .jiachun .process .infos .img_box .shunxu .items2{left:55.2%;top:45.5%} .jiachun .process .infos .img_box .shunxu .items3{left:55.2%;top:68.2%} .jiachun .process .infos .img_box .shunxu .items5{left:32.7%;top:68.2%} .jiachun .process .infos .img_box .shunxu .items4{left:32.7%;top:45.5%} .jiachun .process .infos .img_box .shunxu .items h1{display:none} .jiachun .process .infos .text{background:white} .jiachun .process .infos .text .con{display:none} .jiachun .process .infos .text .con .dd{padding:.2rem .3rem .25rem;border-top:3px solid #f0831e;/* display:grid; */grid-template-columns:40% 50%;justify-content:space-between;background:white;align-items:center;} .jiachun .process .infos .text .con .wenzi{margin:.2rem 0 0} .jiachun .process .infos .text .con .wenzi h2{font-size:.22rem;color:black;font-weight:bold;margin:0 0 .15rem} .jiachun .process .infos .text .con .wenzi p{font-size:.18rem;color:black} .jiachun .table1{padding:.65rem 0 .7rem} .jiachun .table1 .tit{margin:0 0 .4rem} .jiachun .table1 .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .jiachun .table1 ul{background:#fee6d0;border-radius:30px;padding:.1rem} .jiachun .table1 ul:last-child{margin:.3rem 0 0 } .jiachun .table1 ul>h3{text-align:center;font-size:.18rem;color:#f0831e;font-weight:bold;height:.45rem;line-height:.45rem} .jiachun .table1 ul li{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;margin:0 0 1px;position:relative} .jiachun .table1 ul li>div{text-align:center;height:.45rem;display:flex;flex-direction: column;justify-content: center;} .jiachun .table1 ul li.li1{background:none !important;margin:0 0 5px} .jiachun .table1 ul li.li1>div{background:#f0831e;border-radius:50px} .jiachun .table1 ul li.li1>div h3{font-size:.18rem;color:white;font-weight:bold} .jiachun .table1 ul li:nth-child(2n-1){background:white;border-radius:50px} .jiachun .table1 ul li>div p{font-size:.17rem;color:#f0831e} .jiachun .table1 ul li:nth-child(2n){background:#fff8f2;border-radius:50px;} .jiachun .table1 ul li:after{content:"";position:absolute;background:#f0831e;width:1px;height:.22rem;top:50%;left:50%;transform:translate(-50%,-50%)} .jiachun .table1 ul li.li1:after{display:none} .jiachun .table2{padding:0 0 .6rem} .jiachun .table2 .tit{margin:0 0 .4rem} .jiachun .table2 .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .jiachun .table2 ul{background:#fee6d0;border-radius:30px;padding:.1rem} .jiachun .table2 ul>h3{text-align:center;font-size:.18rem;color:#f0831e;font-weight:bold;height:.45rem;line-height:.45rem} .jiachun .table2 ul li{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;margin:0 0 1px;position:relative} .jiachun .table2 ul li>div{text-align:center;height:.45rem;display:flex;flex-direction: column;justify-content: center;} .jiachun .table2 ul li:nth-child(2n-1){background:white;border-radius:50px} .jiachun .table2 ul li>div p{font-size:.17rem;color:#f0831e} .jiachun .table2 ul li:nth-child(2n){background:#fff8f2;border-radius:50px;} .jiachun .table2 ul li:after{content:"";position:absolute;background:#f0831e;width:1px;height:.22rem;top:50%;left:50%;transform:translate(-50%,-50%)} .jiachun .case{padding:.65rem 0 .7rem;background:#f8f8f8} .jiachun .case .tit{margin:0 0 .4rem} .jiachun .case .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .jiachun .case ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:.3rem .2rem} .jiachun .case ul li{border-radius:30px} .jiachun .case ul li .img{border-radius:30px 30px 0 0 } .jiachun .case ul li .img img{height:2rem;width:100%;object-fit:cover} .jiachun .case ul li .text{background:white;padding:.3rem .3rem .25rem;border-radius:0 0 30px 30px} .jiachun .case ul li .text h2{font-size:.22rem;color:#f0831e;font-weight:bold;margin:0 0 .1rem} .jiachun .case ul li .text p{font-size:.17rem;color:#222222;height:.6rem;line-height:.3rem;overflow:hidden} .jiachun .case ul li .text p em{font-size:.2rem;font-weight:bold} .jiachun .case ul li:hover{box-shadow:0 0 12px rgba(0,0,0,0.2);} .jiachun .case ul li:hover img{transform:scale(1.1)} .jiachun .case ul li:hover .text {background:#f0831e;} .jiachun .case ul li .text *{transition:.3s !important} .jiachun .case ul li:hover .text *{color:white} .jiachun .case ul li:hover{transform:translateY(-10px)} .jiachun .app{padding:.65rem 0 .6rem} .jiachun .app .tit{margin:0 0 .5rem} .jiachun .app .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .jiachun .app .lists .img_list{border-bottom:1px solid #eeeeee} .jiachun .app .lists .img_list .swiper-slide{text-align:center;padding:0 0 .25rem;cursor:pointer} .jiachun .app .lists .img_list .swiper-slide .img{height:.9rem} .jiachun .app .lists .img_list .swiper-slide .img img{max-height:.8rem;transition:none} .jiachun .app .lists .img_list .swiper-slide h2{font-size:.18rem;color:black;font-weight:bold;;transition:none;height:.5rem;line-height:.25rem} .jiachun .app .lists .img_list .swiper-slide:after{content:"";position:absolute;width:0;height:4px;background:#f0831e;border-radius:50px;transition:.5s;left:50%;transform:translateX(-50%);bottom:0} .jiachun .app .lists .img_list .swiper-slide.swiper-slide-thumb-active:after{width:100%} .jiachun .app .lists .img_list .swiper-slide.swiper-slide-thumb-active h2{color:#f0831e} .jiachun .app .lists .img_list .swiper-slide.swiper-slide-thumb-active .img img{filter: invert(50%) sepia(69%) saturate(1653%) hue-rotate(352deg) brightness(109%) contrast(88%);} .jiachun .app .lists .bigimg {position:relative} .jiachun .app .lists .bigimg .text{height:2.4rem;padding:0 1rem;;display:flex;flex-direction: column;font-size:.18rem;color:black;transform:translateY(1rem);opacity:0;justify-content: center;} .jiachun .app .lists .bigimg .text p{text-align:left;text-indent:2em} .jiachun .app .lists .bigimg .swiper-slide-active .text{transform:none;opacity:1} .jiachun .app .lists .bigimg .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:white;width:.65rem;height:.65rem;border-radius:100%;text-align:center;line-height:.65rem;left:0;top:50%;transform:translateY(-50%);z-index:2;} .jiachun .app .lists .bigimg .swiper-page>div.slide-button-next{left:auto;right:0rem} .jiachun .app .lists .bigimg .swiper-page>div:hover{;background:#f0831e} .jiachun .app .lists .bigimg .swiper-page>div:hover i{color:white} .zhaoqi .top{padding:1rem 0 .7rem} .zhaoqi .top .title{margin:0 0 .65rem} .zhaoqi .top .title h2{font-size:.36rem;color:#222222;font-weight:bold} .zhaoqi .top .tit1{margin:0 0 .6rem} .zhaoqi .top .tit1 h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .15rem} .zhaoqi .top .tit1 p{font-size:.18rem;color:#222222;text-indent: 2em;} .zhaoqi .top .tit2{margin:0 0 .6rem} .zhaoqi .top .tit2>h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .25rem} .zhaoqi .top .tit2 ul{display:flex;background:url(../images/zhaoqi/1.jpg) center center no-repeat;background-size:cover;} .zhaoqi .top .tit2 ul li{width:15.625%;height:4.65rem;border-right:1px solid white;display:flex;;position:relative;flex-direction: column;justify-content: center;} .zhaoqi .top .tit2 ul li:last-child{border:0} .zhaoqi .top .tit2 ul li.on{width:37.5%} .zhaoqi .top .tit2 ul li .txt1{position:relative} .zhaoqi .top .tit2 ul li .txt1 h3{font-size:.18rem;color:white;text-align:center;padding:.55rem 0 0 } .zhaoqi .top .tit2 ul li .txt1 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .zhaoqi .top .tit2 ul li .txt1 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .zhaoqi .top .tit2 ul li .txt1 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .zhaoqi .top .tit2 ul li .txt1 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .zhaoqi .top .tit2 ul li .txt1 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .zhaoqi .top .tit2 ul li .txt1 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .zhaoqi .top .tit2 ul li.on .txt1{opacity:0} .zhaoqi .top .tit2 ul li{position:relative} .zhaoqi .top .tit2 ul li:after{content:"";position:absolute;background:#f0831e;left:50%;transform:translateX(-50%);height:100%;width:0;transition:.5s;z-index:0} .zhaoqi .top .tit2 ul li .txt2{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);padding:.55rem .45rem 0;width:100%;text-align:center;z-index:2;opacity:0;transition:.4s} .zhaoqi .top .tit2 ul li .txt2 h2{font-size:.24rem;color:white;font-weight:bold;margin:0 0 .25rem} .zhaoqi .top .tit2 ul li .txt2 p{font-size:.18rem;color:white} .zhaoqi .top .tit2 ul li .txt2 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .zhaoqi .top .tit2 ul li .txt2 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .zhaoqi .top .tit2 ul li .txt2 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .zhaoqi .top .tit2 ul li .txt2 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .zhaoqi .top .tit2 ul li .txt2 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .zhaoqi .top .tit2 ul li .txt2 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .zhaoqi .top .tit2 ul li.on:after{width:100%;transition-delay:.3s} .zhaoqi .top .tit2 ul li.on .txt2{transform:translate(-50%,-50%);opacity:1;transition-delay:300ms;} .zhaoqi .process{background:#f2f2f2;padding:.65rem 0 } .zhaoqi .process .tit{margin:0 0 .4rem} .zhaoqi .process .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .zhaoqi .process .infos .img_box .area-box .dot{position:absolute;top:-5px;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#f0831e;border:4px solid #f0831e;opacity:1;filter:alpha(opacity=100)} .zhaoqi .process .infos .img_box .area-box .pulse{position:absolute;top:-5px;left:50%;transform:translate(-50%,-50%);height:.8rem;width:.8rem;border:.1rem solid #f0831e;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;-moz-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .zhaoqi .process .infos .img_box .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .zhaoqi .process .infos .img_box .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .zhaoqi .process .infos .img_box .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .zhaoqi .process .infos{display:grid;grid-template-columns:50.5% 45%;justify-content:space-between;} .zhaoqi .process .infos .img_box{text-align:center;} .zhaoqi .process .infos .img_box .imgs{display:inline-block;position:relative} .zhaoqi .process .infos .img_box .img_liucheng img{position:absolute;left:0;top:0;display:none} .zhaoqi .process .infos .img_box .img_liucheng img:first-child{display:block} .zhaoqi .process .infos .img_box .shunxu .items{position:absolute;z-index:2;cursor:pointer;width:13.7%;height:.5rem;background:none;border-radius:50px;opacity:1} .zhaoqi .process .infos .img_box .shunxu .items.act .area-box .dot{background:white;} .zhaoqi .process .infos .img_box .shunxu .items .area-box .pulse{display:block} .zhaoqi .process .infos .img_box .shunxu .items1{left:29%;top:22.8%} .zhaoqi .process .infos .img_box .shunxu .items2{left:29%;top:45.5%} .zhaoqi .process .infos .img_box .shunxu .items3{left:29%;top:68.1%} .zhaoqi .process .infos .img_box .shunxu .items4{left:66.8%;top:68.1%} .zhaoqi .process .infos .img_box .shunxu .items5{left:66.8%;top:45.5%} .zhaoqi .process .infos .img_box .shunxu .items6{left:66.8%;top:22.8%} .zhaoqi .process .infos .img_box .shunxu .items h1{display:none} .zhaoqi .process .infos .text{background:white} .zhaoqi .process .infos .text .con{display:none} .zhaoqi .process .infos .text .con .dd{padding:.2rem .3rem .25rem;border-top:3px solid #f0831e;/* display:grid; */grid-template-columns:40% 50%;justify-content:space-between;background:white;align-items:center;} .zhaoqi .process .infos .text .con .wenzi{margin:.2rem 0 0} .zhaoqi .process .infos .text .con .wenzi h2{font-size:.22rem;color:black;font-weight:bold;margin:0 0 .15rem} .zhaoqi .process .infos .text .con .wenzi p{font-size:.18rem;color:black} .zhaoqi .table1{padding:.65rem 0 .7rem} .zhaoqi .table1 .tit{margin:0 0 .4rem} .zhaoqi .table1 .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .zhaoqi .table1 ul{background:#fee6d0;border-radius:30px;padding:.1rem} .zhaoqi .table1 ul:last-child{margin:.3rem 0 0 } .zhaoqi .table1 ul>h3{text-align:center;font-size:.18rem;color:#f0831e;font-weight:bold;height:.45rem;line-height:.45rem} .zhaoqi .table1 ul li{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;margin:0 0 1px;position:relative} .zhaoqi .table1 ul li>div{text-align:center;height:.45rem;display:flex;flex-direction: column;justify-content: center;} .zhaoqi .table1 ul li.li1{background:none !important;margin:0 0 5px} .zhaoqi .table1 ul li.li1>div{background:#f0831e;border-radius:50px} .zhaoqi .table1 ul li.li1>div h3{font-size:.18rem;color:white;font-weight:bold} .zhaoqi .table1 ul li:nth-child(2n-1){background:white;border-radius:50px} .zhaoqi .table1 ul li>div p{font-size:.17rem;color:#f0831e} .zhaoqi .table1 ul li:nth-child(2n){background:#fff8f2;border-radius:50px;} .zhaoqi .table1 ul li:after{content:"";position:absolute;background:#f0831e;width:1px;height:.22rem;top:50%;left:50%;transform:translate(-50%,-50%)} .zhaoqi .table1 ul li.li1:after{display:none} .zhaoqi .table2{padding:0 0 .6rem} .zhaoqi .table2 .tit{margin:0 0 .4rem} .zhaoqi .table2 .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .zhaoqi .table2 ul{background:#fee6d0;border-radius:30px;padding:.1rem} .zhaoqi .table2 ul>h3{text-align:center;font-size:.18rem;color:#f0831e;font-weight:bold;height:.45rem;line-height:.45rem} .zhaoqi .table2 ul li{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;margin:0 0 1px;position:relative} .zhaoqi .table2 ul li>div{text-align:center;height:.45rem;display:flex;flex-direction: column;justify-content: center;} .zhaoqi .table2 ul li:nth-child(2n-1){background:white;border-radius:50px} .zhaoqi .table2 ul li>div p{font-size:.17rem;color:#f0831e} .zhaoqi .table2 ul li:nth-child(2n){background:#fff8f2;border-radius:50px;} .zhaoqi .table2 ul li:after{content:"";position:absolute;background:#f0831e;width:1px;height:.22rem;top:50%;left:50%;transform:translate(-50%,-50%)} .zhaoqi .case{padding:.65rem 0 .7rem;background:#f8f8f8} .zhaoqi .case .tit{margin:0 0 .4rem} .zhaoqi .case .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .zhaoqi .case ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:.3rem .2rem} .zhaoqi .case ul li{border-radius:30px} .zhaoqi .case ul li .img{border-radius:30px 30px 0 0 } .zhaoqi .case ul li .img img{height:2rem;width:100%;object-fit:cover} .zhaoqi .case ul li .text{background:white;padding:.3rem .3rem .25rem;border-radius:0 0 30px 30px} .zhaoqi .case ul li .text h2{font-size:.22rem;color:#f0831e;font-weight:bold;margin:0 0 .1rem} .zhaoqi .case ul li .text p{font-size:.17rem;color:#222222;height:.6rem;line-height:.3rem;overflow:hidden} .zhaoqi .case ul li .text p em{font-size:.2rem;font-weight:bold} .zhaoqi .case ul li:hover{box-shadow:0 0 12px rgba(0,0,0,0.2);} .zhaoqi .case ul li:hover img{transform:scale(1.1)} .zhaoqi .case ul li:hover .text {background:#f0831e;} .zhaoqi .case ul li .text *{transition:.3s !important} .zhaoqi .case ul li:hover .text *{color:white} .zhaoqi .case ul li:hover{transform:translateY(-10px)} .zhaoqi .app{padding:.65rem 0 .6rem} .zhaoqi .app .tit{margin:0 0 .5rem} .zhaoqi .app .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .zhaoqi .app .lists .img_list{border-bottom:1px solid #eeeeee} .zhaoqi .app .lists .img_list .swiper-slide{text-align:center;padding:0 0 .25rem;cursor:pointer} .zhaoqi .app .lists .img_list .swiper-slide .img{height:.9rem} .zhaoqi .app .lists .img_list .swiper-slide .img img{max-height:.8rem;transition:none} .zhaoqi .app .lists .img_list .swiper-slide h2{font-size:.18rem;color:black;font-weight:bold;;transition:none;height:.5rem;line-height:.25rem} .zhaoqi .app .lists .img_list .swiper-slide:after{content:"";position:absolute;width:0;height:4px;background:#f0831e;border-radius:50px;transition:.5s;left:50%;transform:translateX(-50%);bottom:0} .zhaoqi .app .lists .img_list .swiper-slide.swiper-slide-thumb-active:after{width:100%} .zhaoqi .app .lists .img_list .swiper-slide.swiper-slide-thumb-active h2{color:#f0831e} .zhaoqi .app .lists .img_list .swiper-slide.swiper-slide-thumb-active .img img{filter: invert(50%) sepia(69%) saturate(1653%) hue-rotate(352deg) brightness(109%) contrast(88%);} .zhaoqi .app .lists .bigimg {position:relative} .zhaoqi .app .lists .bigimg .text{height:2.4rem;padding:0 1rem;;display:flex;flex-direction: column;font-size:.18rem;color:black;transform:translateY(1rem);opacity:0;justify-content: center;} .zhaoqi .app .lists .bigimg .text p{text-align:left;text-indent:2em} .zhaoqi .app .lists .bigimg .swiper-slide-active .text{transform:none;opacity:1} .zhaoqi .app .lists .bigimg .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:white;width:.65rem;height:.65rem;border-radius:100%;text-align:center;line-height:.65rem;left:0;top:50%;transform:translateY(-50%);z-index:2;} .zhaoqi .app .lists .bigimg .swiper-page>div.slide-button-next{left:auto;right:0rem} .zhaoqi .app .lists .bigimg .swiper-page>div:hover{background:#f0831e} .zhaoqi .app .lists .bigimg .swiper-page>div:hover i{color:white} .youjiwu .top{padding:1rem 0 .7rem} .youjiwu .top .title{margin:0 0 .65rem} .youjiwu .top .title h2{font-size:.36rem;color:#222222;font-weight:bold} .youjiwu .top .tit1{margin:0 0 .6rem} .youjiwu .top .tit1 h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .15rem} .youjiwu .top .tit1 p{font-size:.18rem;color:#222222;text-indent: 2em;} .youjiwu .top .tit2{margin:0 0 .6rem} .youjiwu .top .tit2>h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .25rem} .youjiwu .top .tit2 ul{display:flex;background:url(../images/youjiwu/1.jpg) center center no-repeat;background-size:cover;} .youjiwu .top .tit2 ul li{width:18.75%;height:4.65rem;border-right:1px solid white;display:flex;;position:relative;flex-direction: column;justify-content: center;} .youjiwu .top .tit2 ul li:last-child{border:0} .youjiwu .top .tit2 ul li.on{width:43.75%} .youjiwu .top .tit2 ul li .txt1{position:relative} .youjiwu .top .tit2 ul li .txt1 h3{font-size:.18rem;color:white;text-align:center;padding:.55rem 0 0 } .youjiwu .top .tit2 ul li .txt1 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .youjiwu .top .tit2 ul li .txt1 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .youjiwu .top .tit2 ul li .txt1 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .youjiwu .top .tit2 ul li .txt1 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .youjiwu .top .tit2 ul li .txt1 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .youjiwu .top .tit2 ul li .txt1 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .youjiwu .top .tit2 ul li.on .txt1{opacity:0} .youjiwu .top .tit2 ul li{position:relative} .youjiwu .top .tit2 ul li:after{content:"";position:absolute;background:#f0831e;left:50%;transform:translateX(-50%);height:100%;width:0;transition:.5s;z-index:0} .youjiwu .top .tit2 ul li .txt2{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);padding:.55rem .45rem 0;width:100%;text-align:center;z-index:2;opacity:0;transition:.4s} .youjiwu .top .tit2 ul li .txt2 h2{font-size:.24rem;color:white;font-weight:bold;margin:0 0 .25rem} .youjiwu .top .tit2 ul li .txt2 p{font-size:.18rem;color:white} .youjiwu .top .tit2 ul li .txt2 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .youjiwu .top .tit2 ul li .txt2 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .youjiwu .top .tit2 ul li .txt2 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .youjiwu .top .tit2 ul li .txt2 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .youjiwu .top .tit2 ul li .txt2 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .youjiwu .top .tit2 ul li .txt2 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .youjiwu .top .tit2 ul li.on:after{width:100%;transition-delay:.3s} .youjiwu .top .tit2 ul li.on .txt2{transform:translate(-50%,-50%);opacity:1;transition-delay:300ms;} .youjiwu .process{background:#f2f2f2;padding:.65rem 0 } .youjiwu .process .tit{margin:0 0 .5rem} .youjiwu .process .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .youjiwu .process .infos .img_box .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.18rem;height:.18rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#f0831e;border:4px solid #f0831e;opacity:1;filter:alpha(opacity=100)} .youjiwu .process .infos .img_box .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid #f0831e;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;-moz-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .youjiwu .process .infos .img_box .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .youjiwu .process .infos .img_box .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .youjiwu .process .infos .img_box .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .youjiwu .process .infos .img_box{text-align:center;margin:0 0 .45rem} .youjiwu .process .infos .img_box .imgs{display:inline-block;position:relative} .youjiwu .process .infos .img_box .shunxu .items{position:absolute;z-index:2;cursor:pointer} .youjiwu .process .infos .img_box .shunxu .items.act .area-box .dot{background:white;} .youjiwu .process .infos .img_box .shunxu .items1{left:83%;top:43%} .youjiwu .process .infos .img_box .shunxu .items2{left:33%;top:19%} .youjiwu .process .infos .img_box .shunxu .items h1{display:none} .youjiwu .process .infos .text{} .youjiwu .process .infos .text .con{display:none} /** .youjiwu .process .infos .text .con .dd{padding:.2rem .3rem .25rem;border-top:3px solid #f0831e;display:grid;grid-template-columns:40% 50%;justify-content:space-between;background:white;align-items:center} .youjiwu .process .infos .text .con .wenzi h2{font-size:.22rem;color:black;font-weight:bold;margin:0 0 .15rem} .youjiwu .process .infos .text .con .wenzi p{font-size:.18rem;color:black} */ .youjiwu .process .infos .text .con .dd{padding:.2rem .3rem .25rem;border-top:3px solid #f0831e;/* display:grid; */grid-template-columns:40% 50%;justify-content:space-between;background:white;align-items:center;} .youjiwu .process .infos .text .con .wenzi{margin:.2rem 0 0} .youjiwu .process .infos .text .con .wenzi h2{font-size:.22rem;color:black;font-weight:bold;margin:0 0 .15rem} .youjiwu .process .infos .text .con .wenzi p{font-size:.18rem;color:black} .youjiwu .table1{padding:.65rem 0 .7rem} .youjiwu .table1 .tit{margin:0 0 .4rem} .youjiwu .table1 .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .youjiwu .table1 ul{background:#fee6d0;border-radius:30px;padding:.1rem} .youjiwu .table1 ul>h3{text-align:center;font-size:.18rem;color:#f0831e;font-weight:bold;height:.45rem;line-height:.45rem} .youjiwu .table1 ul li{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;margin:0 0 1px;position:relative} .youjiwu .table1 ul li>div{text-align:center;height:.45rem;display:flex;flex-direction: column;justify-content: center;} .youjiwu .table1 ul li.li1{background:none !important;margin:0 0 5px} .youjiwu .table1 ul li.li1>div{background:#f0831e;border-radius:50px} .youjiwu .table1 ul li.li1>div h3{font-size:.18rem;color:white;font-weight:bold} .youjiwu .table1 ul li:nth-child(2n-1){background:white;border-radius:50px} .youjiwu .table1 ul li>div p{font-size:.17rem;color:#f0831e} .youjiwu .table1 ul li:nth-child(2n){background:#fff8f2;border-radius:50px;} .youjiwu .table1 ul li:after{content:"";position:absolute;background:#f0831e;width:1px;height:.22rem;top:50%;left:50%;transform:translate(-50%,-50%)} .youjiwu .table1 ul li.li1:after{display:none} .youjiwu .table2{padding:.65rem 0 .6rem} .youjiwu .table2 .tit{margin:0 0 .4rem} .youjiwu .table2 .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .youjiwu .table2 ul{background:#fee6d0;border-radius:30px;padding:.1rem} .youjiwu .table2 ul>h3{text-align:center;font-size:.18rem;color:#f0831e;font-weight:bold;height:.45rem;line-height:.45rem} .youjiwu .table2 ul li{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;margin:0 0 1px;position:relative} .youjiwu .table2 ul li>div{text-align:center;height:.45rem;display:flex;flex-direction: column;justify-content: center;} .youjiwu .table2 ul li:nth-child(2n-1){background:white;border-radius:50px} .youjiwu .table2 ul li>div p{font-size:.17rem;color:#f0831e} .youjiwu .table2 ul li:nth-child(2n){background:#fff8f2;border-radius:50px;} .youjiwu .table2 ul li:after{content:"";position:absolute;background:#f0831e;width:1px;height:.22rem;top:50%;left:50%;transform:translate(-50%,-50%)} .youjiwu .case{padding:.65rem 0 1.5rem;background:#f8f8f8} .youjiwu .case .tit{margin:0 0 .4rem} .youjiwu .case .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .youjiwu .case ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:.3rem .2rem} .youjiwu .case ul li{border-radius:30px} .youjiwu .case ul li .img{border-radius:30px 30px 0 0 } .youjiwu .case ul li .img img{height:2rem;width:100%;object-fit:cover} .youjiwu .case ul li .text{background:white;padding:.3rem .3rem .25rem;border-radius:0 0 30px 30px} .youjiwu .case ul li .text h2{font-size:.22rem;color:#f0831e;font-weight:bold;margin:0 0 .1rem} .youjiwu .case ul li .text p{font-size:.17rem;color:#222222;height:.6rem;line-height:.3rem;overflow:hidden} .youjiwu .case ul li .text p em{font-size:.2rem;font-weight:bold} .youjiwu .case ul li:hover{box-shadow:0 0 12px rgba(0,0,0,0.2);} .youjiwu .case ul li:hover img{transform:scale(1.1)} .youjiwu .case ul li:hover .text {background:#f0831e;} .youjiwu .case ul li .text *{transition:.3s !important} .youjiwu .case ul li:hover .text *{color:white} .youjiwu .case ul li:hover{transform:translateY(-10px)} .youjiwu .app{padding:.65rem 0 .6rem} .youjiwu .app .tit{margin:0 0 .5rem} .youjiwu .app .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .youjiwu .app .lists .img_list{border-bottom:1px solid #eeeeee} .youjiwu .app .lists .img_list .swiper-slide{text-align:center;padding:0 0 .5rem;cursor:pointer} .youjiwu .app .lists .img_list .swiper-slide .img{height:.9rem} .youjiwu .app .lists .img_list .swiper-slide .img img{max-height:.8rem;transition:none} .youjiwu .app .lists .img_list .swiper-slide h2{font-size:.18rem;color:black;font-weight:bold;;transition:none} .youjiwu .app .lists .img_list .swiper-slide:after{content:"";position:absolute;width:0;height:4px;background:#f0831e;border-radius:50px;transition:.5s;left:50%;transform:translateX(-50%);bottom:0} .youjiwu .app .lists .img_list .swiper-slide.swiper-slide-thumb-active:after{width:100%} .youjiwu .app .lists .img_list .swiper-slide.swiper-slide-thumb-active h2{color:#f0831e} .youjiwu .app .lists .img_list .swiper-slide.swiper-slide-thumb-active .img img{filter: invert(50%) sepia(69%) saturate(1653%) hue-rotate(352deg) brightness(109%) contrast(88%);} .youjiwu .app .lists .bigimg {position:relative} .youjiwu .app .lists .bigimg .text{height:2.4rem;padding:0 1rem;display:flex;flex-direction: column;justify-content: center;align-items: center;font-size:.18rem;color:black;transform:translateY(1rem);opacity:0} .youjiwu .app .lists .bigimg .text p{text-align:center} .youjiwu .app .lists .bigimg .swiper-slide-active .text{transform:none;opacity:1} .youjiwu .app .lists .bigimg .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:white;width:.65rem;height:.65rem;border-radius:100%;text-align:center;line-height:.65rem;left:0;top:50%;transform:translateY(-50%);z-index:2;} .youjiwu .app .lists .bigimg .swiper-page>div.slide-button-next{left:auto;right:0rem} .youjiwu .app .lists .bigimg .swiper-page>div:hover{;background:#f0831e} .youjiwu .app .lists .bigimg .swiper-page>div:hover i{color:white} .fenli .top{padding:1rem 0 .7rem} .fenli .top .title{margin:0 0 .65rem} .fenli .top .title h2{font-size:.36rem;color:#222222;font-weight:bold} .fenli .top .tit1{margin:0 0 .6rem} .fenli .top .tit1 h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .15rem} .fenli .top .tit1 p{font-size:.18rem;color:#222222;text-indent: 2em;} .fenli .top .tit2{margin:0 0 .6rem} .fenli .top .tit2>h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .25rem} .fenli .top .tit2 ul{display:flex;background:url(../images/fenli/1.jpg) center center no-repeat;background-size:cover;} .fenli .top .tit2 ul li{width:15.625%;height:4.65rem;border-right:1px solid white;display:flex;;position:relative;flex-direction: column;justify-content: center;} .fenli .top .tit2 ul li:last-child{border:0} .fenli .top .tit2 ul li.on{width:37.5%} .fenli .top .tit2 ul li .txt1{position:relative} .fenli .top .tit2 ul li .txt1 h3{font-size:.18rem;color:white;text-align:center;padding:.55rem 0 0 } .fenli .top .tit2 ul li .txt1 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .fenli .top .tit2 ul li .txt1 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .fenli .top .tit2 ul li .txt1 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .fenli .top .tit2 ul li .txt1 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .fenli .top .tit2 ul li .txt1 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .fenli .top .tit2 ul li .txt1 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .fenli .top .tit2 ul li.on .txt1{opacity:0} .fenli .top .tit2 ul li{position:relative} .fenli .top .tit2 ul li:after{content:"";position:absolute;background:#f0831e;left:50%;transform:translateX(-50%);height:100%;width:0;transition:.5s;z-index:0} .fenli .top .tit2 ul li .txt2{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);padding:.55rem .45rem 0;width:100%;text-align:center;z-index:2;opacity:0;transition:.4s} .fenli .top .tit2 ul li .txt2 h2{font-size:.24rem;color:white;font-weight:bold;margin:0 0 .25rem} .fenli .top .tit2 ul li .txt2 p{font-size:.18rem;color:white} .fenli .top .tit2 ul li .txt2 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .fenli .top .tit2 ul li .txt2 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .fenli .top .tit2 ul li .txt2 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .fenli .top .tit2 ul li .txt2 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .fenli .top .tit2 ul li .txt2 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .fenli .top .tit2 ul li .txt2 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .fenli .top .tit2 ul li.on:after{width:100%;transition-delay:.3s} .fenli .top .tit2 ul li.on .txt2{transform:translate(-50%,-50%);opacity:1;transition-delay:300ms;} .fenli .process{background:#f2f2f2;padding:.65rem 0 } .fenli .process .tit{margin:0 0 .45rem} .fenli .process .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .fenli .process .infos .img_box .area-box .dot{position:absolute;top:-5px;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#f0831e;border:4px solid #f0831e;opacity:1;filter:alpha(opacity=100)} .fenli .process .infos .img_box .area-box .pulse{position:absolute;top:-5px;left:50%;transform:translate(-50%,-50%);height:.8rem;width:.8rem;border:.1rem solid #f0831e;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;-moz-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .fenli .process .infos .img_box .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .fenli .process .infos .img_box .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .fenli .process .infos .img_box .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .fenli .process .infos{display:grid;grid-template-columns:50.5% 45%;justify-content:space-between;} .fenli .process .infos .img_box{text-align:center;} .fenli .process .infos .img_box .imgs{display:inline-block;position:relative} .fenli .process .infos .img_box .img_liucheng img{position:absolute;left:0;top:0;display:none} .fenli .process .infos .img_box .img_liucheng img:first-child{display:block} .fenli .process .infos .img_box .shunxu .items{position:absolute;z-index:2;cursor:pointer;width:13.7%;height:.5rem;background:none;border-radius:50px;opacity:1} .fenli .process .infos .img_box .shunxu .items.act .area-box .dot{background:white;} .fenli .process .infos .img_box .shunxu .items .area-box .pulse{display:block} .fenli .process .infos .img_box .shunxu .items1{left:44%;top:1%} .fenli .process .infos .img_box .shunxu .items2{left:83%;top:20%} .fenli .process .infos .img_box .shunxu .items3{left:92%;top:62%} .fenli .process .infos .img_box .shunxu .items4{left:70%;top:92%} .fenli .process .infos .img_box .shunxu .items5{left:22%;top:93%} .fenli .process .infos .img_box .shunxu .items7{left:-.15rem;top:62%} .fenli .process .infos .img_box .shunxu .items6{left:5%;top:21%} .fenli .process .infos .img_box .shunxu .items h1{display:none} .fenli .process .infos .text{background:white} .fenli .process .infos .text .con{display:none} .fenli .process .infos .text .con .dd{padding:.2rem .3rem .25rem;border-top:3px solid #f0831e;/* display:grid; */grid-template-columns:40% 50%;justify-content:space-between;background:white;align-items:center;} .fenli .process .infos .text .con .wenzi{margin:.2rem 0 0} .fenli .process .infos .text .con .wenzi h2{font-size:.22rem;color:black;font-weight:bold;margin:0 0 .15rem} .fenli .process .infos .text .con .wenzi p{font-size:.18rem;color:black} .fenli .table1{padding:.65rem 0 .7rem} .fenli .table1 .tit{margin:0 0 .4rem} .fenli .table1 .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .fenli .table1 ul{background:#fee6d0;border-radius:30px;padding:.1rem} .fenli .table1 ul>h3{text-align:center;font-size:.18rem;color:#f0831e;font-weight:bold;height:.45rem;line-height:.45rem} .fenli .table1 ul li{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;margin:0 0 1px;position:relative} .fenli .table1 ul li>div{text-align:center;height:.45rem;display:flex;flex-direction: column;justify-content: center;} .fenli .table1 ul li.li1{background:none !important;margin:0 0 5px} .fenli .table1 ul li.li1>div{background:#f0831e;border-radius:50px} .fenli .table1 ul li.li1>div h3{font-size:.18rem;color:white;font-weight:bold} .fenli .table1 ul li:nth-child(2n-1){background:white;border-radius:50px} .fenli .table1 ul li>div p{font-size:.17rem;color:#f0831e} .fenli .table1 ul li:nth-child(2n){background:#fff8f2;border-radius:50px;} .fenli .table1 ul li:after{content:"";position:absolute;background:#f0831e;width:1px;height:.22rem;top:50%;left:50%;transform:translate(-50%,-50%)} .fenli .table1 ul li.li1:after{display:none} .fenli .table2{padding:.65rem 0 .6rem} .fenli .table2 .tit{margin:0 0 .4rem} .fenli .table2 .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .fenli .table2 ul{background:#fee6d0;border-radius:30px;padding:.1rem} .fenli .table2 ul>h3{text-align:center;font-size:.18rem;color:#f0831e;font-weight:bold;height:.45rem;line-height:.45rem} .fenli .table2 ul li{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;margin:0 0 1px;position:relative} .fenli .table2 ul li>div{text-align:center;height:.45rem;display:flex;flex-direction: column;justify-content: center;} .fenli .table2 ul li:nth-child(2n-1){background:white;border-radius:50px} .fenli .table2 ul li>div p{font-size:.17rem;color:#f0831e} .fenli .table2 ul li:nth-child(2n){background:#fff8f2;border-radius:50px;} .fenli .table2 ul li:after{content:"";position:absolute;background:#f0831e;width:1px;height:.22rem;top:50%;left:50%;transform:translate(-50%,-50%)} .fenli .case{padding:.65rem 0 .7rem;background:#f8f8f8} .fenli .case .tit{margin:0 0 .4rem} .fenli .case .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .fenli .case ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:.3rem .2rem} .fenli .case ul li{border-radius:30px} .fenli .case ul li .img{border-radius:30px 30px 0 0 } .fenli .case ul li .img img{height:2rem;width:100%;object-fit:cover} .fenli .case ul li .text{background:white;padding:.3rem .3rem .25rem;border-radius:0 0 30px 30px} .fenli .case ul li .text h2{font-size:.22rem;color:#f0831e;font-weight:bold;margin:0 0 .1rem} .fenli .case ul li .text p{font-size:.17rem;color:#222222;height:.6rem;line-height:.3rem;overflow:hidden} .fenli .case ul li .text p em{font-size:.2rem;font-weight:bold} .fenli .case ul li:hover{box-shadow:0 0 12px rgba(0,0,0,0.2);} .fenli .case ul li:hover img{transform:scale(1.1)} .fenli .case ul li:hover .text {background:#f0831e;} .fenli .case ul li .text *{transition:.3s !important} .fenli .case ul li:hover .text *{color:white} .fenli .case ul li:hover{transform:translateY(-10px)} .fenli .app{padding:.65rem 0 .6rem} .fenli .app .tit{margin:0 0 .5rem} .fenli .app .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .fenli .app .lists .img_list{border-bottom:1px solid #eeeeee} .fenli .app .lists .img_list .swiper-slide{text-align:center;padding:0 0 .5rem;cursor:pointer} .fenli .app .lists .img_list .swiper-slide .img{height:.9rem} .fenli .app .lists .img_list .swiper-slide .img img{max-height:.8rem;transition:none} .fenli .app .lists .img_list .swiper-slide h2{font-size:.18rem;color:black;font-weight:bold;;transition:none} .fenli .app .lists .img_list .swiper-slide:after{content:"";position:absolute;width:0;height:4px;background:#f0831e;border-radius:50px;transition:.5s;left:50%;transform:translateX(-50%);bottom:0} .fenli .app .lists .img_list .swiper-slide.swiper-slide-thumb-active:after{width:100%} .fenli .app .lists .img_list .swiper-slide.swiper-slide-thumb-active h2{color:#f0831e} .fenli .app .lists .img_list .swiper-slide.swiper-slide-thumb-active .img img{filter: invert(50%) sepia(69%) saturate(1653%) hue-rotate(352deg) brightness(109%) contrast(88%);} .fenli .app .lists .bigimg {position:relative} .fenli .app .lists .bigimg .text{padding:.5rem 1rem ;font-size:.18rem;color:black;transform:translateY(1rem);opacity:0} .fenli .app .lists .bigimg .text>p{text-align:left;margin:.5rem 0;text-indent: 2em;} .fenli .app .lists .bigimg .text ul{background:#fee6d0;border-radius:30px;padding:.1rem} .fenli .app .lists .bigimg .text ul>h3{text-align:center;font-size:.18rem;color:#f0831e;font-weight:bold;height:.45rem;line-height:.45rem} .fenli .app .lists .bigimg .text ul li{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;margin:0 0 1px;position:relative} .fenli .app .lists .bigimg .text ul li>div{text-align:center;height:.45rem;display:flex;flex-direction: column;justify-content: center;} .fenli .app .lists .bigimg .text ul li:nth-child(2n-1){background:white;border-radius:50px} .fenli .app .lists .bigimg .text ul li>div p{font-size:.17rem;color:#f0831e} .fenli .app .lists .bigimg .text ul li:nth-child(2n){background:#fff8f2;border-radius:50px;} .fenli .app .lists .bigimg .text ul li:after{content:"";position:absolute;background:#f0831e;width:1px;height:.22rem;top:50%;left:50%;transform:translate(-50%,-50%)} .fenli .app .lists .bigimg .swiper-slide-active .text{transform:none;opacity:1} .fenli .app .lists .bigimg .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:white;width:.65rem;height:.65rem;border-radius:100%;text-align:center;line-height:.65rem;left:0;top:50%;transform:translateY(-50%);z-index:2;} .fenli .app .lists .bigimg .swiper-page>div.slide-button-next{left:auto;right:0rem} .fenli .app .lists .bigimg .swiper-page>div:hover{;background:#f0831e} .fenli .app .lists .bigimg .swiper-page>div:hover i{color:white} .techtedianbox{padding:1rem 0 1.5rem} .techtedianbox .lists{display:flex} .techtedianbox .lists a{background-size:cover;background-position:center center;height:4.65rem;background-repeat:no-repeat;position:relative;overflow:hidden} .techtedianbox .lists>div{width:21.875%} .techtedianbox .lists>div.on{width:56.25%} .techtedianbox .lists a .text1 {position:absolute;left:0;width:100%;bottom:.48rem;padding:0 .3rem;z-index:2;transition:1.2s} .techtedianbox .lists a .text1 h2{font-size:.36rem;color:white;font-weight:bold;margin:0 0 .3rem;position:relative;padding:.85rem 0 0} .techtedianbox .lists a .text1 em{font-size:.15rem;color:#f0831e;display:flex;align-items: center;gap:.15rem} .techtedianbox .lists>div:nth-child(1) a .text1 h2:after{content:"";position:absolute;background:url(../images/16-1.png) 0 0 no-repeat;width:.7rem;height:.7rem;background-size:100%;left:0;top:0} .techtedianbox .lists>div:nth-child(2) a .text1 h2:after{content:"";position:absolute;background:url(../images/16-2.png) 0 0 no-repeat;width:.79rem;height:.47rem;background-size:100%;left:0;top:0} .techtedianbox .lists>div:nth-child(3) a .text1 h2:after{content:"";position:absolute;background:url(../images/16-3.png) 0 0 no-repeat;width:.67rem;height:.71rem;background-size:100%;left:0;top:0} .techtedianbox .lists a:after{content:"";position:absolute;background:rgba(0,0,0,.45);width:100%;height:100%;z-index:0;transition:.5s;left:0;top:0} .techtedianbox .lists>div.on a:after{background:rgba(0,0,0,.75)} .techtedianbox .lists>div.on a .text1{transform:translateX(-100%);opacity:0} .techtedianbox .lists>div a .text2{position:absolute;width:62%;z-index:2;left:50%;top:50%;text-align:center;transform:translate(-50%,-30%);opacity:0;transition:.5s} .techtedianbox .lists>div .text2 h2{font-size:.36rem;color:white;font-weight:bold;margin:0 0 .3rem;text-shadow: 5px 5px 10px rgba(0,0,0,.6);padding:.9rem 0 0 ;position:relative} .techtedianbox .lists>div .text2 p{font-size:.17rem;color:white;line-height:.22rem;text-shadow: 5px 5px 10px rgba(0,0,0,.6)} .techtedianbox .lists>div .text2 em{display:inline-flex;align-items:center;margin:.35rem 0 0;width:1.8rem;height:.5rem;border-radius:50px;background:#f0831e;te;justify-content: center;gap:.15rem;font-size:.15rem;color:white} .techtedianbox .lists>div.on a .text2{transform:translate(-50%,-50%);opacity:1;transition-delay:200ms;} .techtedianbox .lists>div:nth-child(1) a .text2 h2:after{content:"";position:absolute;background:url(../images/16-1.png) 0 0 no-repeat;width:.7rem;height:.7rem;background-size:100%;left:50%;transform:translateX(-50%);top:0} .techtedianbox .lists>div:nth-child(2) a .text2 h2:after{content:"";position:absolute;background:url(../images/16-2.png) 0 0 no-repeat;width:.79rem;height:.47rem;background-size:100%;left:50%;transform:translateX(-50%);top:0} .techtedianbox .lists>div:nth-child(3) a .text2 h2:after{content:"";position:absolute;background:url(../images/16-3.png) 0 0 no-repeat;width:.67rem;height:.71rem;background-size:100%;left:50%;transform:translateX(-50%);top:0} .quanzidong .top{padding:1rem 0 .7rem} .quanzidong .top .title{margin:0 0 .65rem} .quanzidong .top .title h2{font-size:.36rem;color:#222222;font-weight:bold} .quanzidong .top .tit1 h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .15rem} .quanzidong .top .tit1 p{font-size:.18rem;color:#222222;text-indent: 2em;} .quanzidong .middle{background:#f8f8f8;padding:.65rem 0 .95rem;position:relative} .quanzidong .middle:after{content:"";position:absolute;background:#f0831e;height:100%;width:1.75rem;left:50%;transform:translateX(-50%);top:0;z-index:0} .quanzidong .middle .tit{margin:0 0 .5rem} .quanzidong .middle .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .15rem} .quanzidong .middle .tit p{font-size:.18rem;color:#222222} .quanzidong .middle ul{z-index:2;position:relative} .quanzidong .middle ul li{display:flex;margin:0 0 .45rem;align-items: flex-start;} .quanzidong .middle ul li:last-child{margin:0} .quanzidong .middle ul li .text{width:44.1875%;} .quanzidong .middle ul li:nth-child(2n-1){display:flex;justify-content: flex-end;align-items: flex-start;} .quanzidong .middle ul li:nth-child(2n-1) .text{padding:0 1.25rem 0 .15rem } .quanzidong .middle ul li:nth-child(2n) .text{padding: 0 .15rem 0 1.25rem;text-align:right} .quanzidong .middle ul li>h3{font-size:.9rem;color:white;font-weight:bold;font-family:"Poppins";line-height:.85rem} .quanzidong .middle ul li .text h2{font-size:.3rem;color:#f0831e;font-weight:bold;margin:0 0 .2rem} .quanzidong .middle ul li .text p{font-size:.18rem;color:#222;position:relative;padding-left:.25rem;display:inline-block;margin:0 0 .3rem} .quanzidong .middle ul li .text p:last-child{margin:0} .quanzidong .middle ul li .text p:after{content:"";position:absolute;background:#f0831e;width:.13rem;height:.13rem;border-radius:100%;left:0;top:50%;transform:translateY(-50%)} .quanzidong .video{padding:.65rem 0 .7rem} .quanzidong .video .tit{margin:0 0 .65rem} .quanzidong .video .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .15rem} .quanzidong .video .tit p{font-size:.18rem;color:#222222} .quanzidong .app{padding:0 0 .6rem} .quanzidong .app .tit{margin:0 0 .5rem} .quanzidong .app .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .quanzidong .app .lists .img_list{border-bottom:1px solid #eeeeee} .quanzidong .app .lists .img_list .swiper-slide{text-align:center;padding:0 0 .5rem;cursor:pointer} .quanzidong .app .lists .img_list .swiper-slide .img{height:.9rem} .quanzidong .app .lists .img_list .swiper-slide .img img{max-height:.8rem;transition:none} .quanzidong .app .lists .img_list .swiper-slide h2{font-size:.18rem;color:black;font-weight:bold;;transition:none} .quanzidong .app .lists .img_list .swiper-slide:after{content:"";position:absolute;width:0;height:4px;background:#f0831e;border-radius:50px;transition:.5s;left:50%;transform:translateX(-50%);bottom:0} .quanzidong .app .lists .img_list .swiper-slide.swiper-slide-thumb-active:after{width:100%} .quanzidong .app .lists .img_list .swiper-slide.swiper-slide-thumb-active h2{color:#f0831e} .quanzidong .app .lists .img_list .swiper-slide.swiper-slide-thumb-active .img img{filter: invert(50%) sepia(69%) saturate(1653%) hue-rotate(352deg) brightness(109%) contrast(88%);} .quanzidong .app .lists .bigimg {position:relative} .quanzidong .app .lists .bigimg .text{height:2.4rem;padding:0 1rem;display:flex;flex-direction: column;justify-content: center;align-items: center;font-size:.18rem;color:black;transform:translateY(1rem);opacity:0} .quanzidong .app .lists .bigimg .text p{text-align:center} .quanzidong .app .lists .bigimg .swiper-slide-active .text{transform:none;opacity:1} .quanzidong .app .lists .bigimg .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:white;width:.65rem;height:.65rem;border-radius:100%;text-align:center;line-height:.65rem;left:0;top:50%;transform:translateY(-50%);z-index:2;} .quanzidong .app .lists .bigimg .swiper-page>div.slide-button-next{left:auto;right:0rem} .quanzidong .app .lists .bigimg .swiper-page>div:hover{;background:#f0831e} .quanzidong .app .lists .bigimg .swiper-page>div:hover i{color:white} .zhuangbei .top{padding:1rem 0 .8rem} .zhuangbei .top .title{margin:0 0 .65rem} .zhuangbei .top .title h2{font-size:.36rem;color:#222222;font-weight:bold} .zhuangbei .top .tit1 h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .15rem} .zhuangbei .top .tit1 p{font-size:.18rem;color:#222222;text-indent: 2em;} .zhuangbei .middle{background:#f8f8f8;padding:.65rem 0 .95rem;position:relative} .zhuangbei .middle .tit{margin:0 0 .5rem} .zhuangbei .middle .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .zhuangbei .middle .tit p{font-size:.18rem;color:#222222} .zhuangbei .middle .infos{text-align:center;background:white;padding:1.15rem 0 1.25rem;border-top:3px solid #f0831e} .zhuangbei .daibiao{padding:.65rem 0 1.45rem} .zhuangbei .daibiao .tit{margin:0 0 .3rem} .zhuangbei .daibiao .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .zhuangbei .daibiao .table1 {padding:.1rem;background:#fee6d0;border-radius:30px;margin:0 0 .3rem} .zhuangbei .daibiao .table1 table{width:100%} .zhuangbei .daibiao .table1 table td{text-align:center;vertical-align:middle;font-size:.18rem;color:#f0831e;border:1px solid #fee6d0;padding:.1rem 0 } .zhuangbei .daibiao .table1 table .firstRow{border-bottom:5px solid #fee6d0} .zhuangbei .daibiao .table1 table .firstRow td{background:#f0831e;border-radius:50px;text-align:center;font-size:.18rem;color:white ;font-weight:bold;} .zhuangbei .daibiao .table1 table tr td{padding} .zhuangbei .daibiao .table1 table tr:last-child td:first-child{border-radius: 0 0 0 20px} .zhuangbei .daibiao .table1 table tr:last-child td:last-child{border-radius: 0 0 20px 0} .zhuangbei .daibiao .table1 table tr:nth-child(2) td:first-child{border-radius: 20px 0 0 0} .zhuangbei .daibiao .table1 table tr:nth-child(2) td:last-child{border-radius: 0 20px 0 0} .zhuangbei .daibiao .table1 .middle_title{margin:10px 0 5px;text-align:center;} .zhuangbei .daibiao .table1 .middle_title h3{font-size:.18rem;color:white;font-weight:bold;border-radius:50px;background:#f0831e;height:.5rem;line-height:.5rem} .zhuangbei .daibiao .table1 .lists1 ul{display:flex;background:url(../images/zhuangbei/2.jpg) center center no-repeat;background-size:cover;border-radius:20px;overflow:hidden} .zhuangbei .daibiao .table1 .lists1 ul li{width:19%;height:4.65rem;border-right:1px solid #fee6d0;display:flex;;position:relative;flex-direction: column;justify-content: center;} .zhuangbei .daibiao .table1 .lists1 ul li:last-child{border:0} .zhuangbei .daibiao .table1 .lists1 ul li.on{width:43.03%} .zhuangbei .daibiao .table1 .lists1 ul li .txt1{position:relative} .zhuangbei .daibiao .table1 .lists1 ul li .txt1 h3{font-size:.18rem;color:white;text-align:center;padding:.55rem 0 0 } .zhuangbei .daibiao .table1 .lists1 ul li .txt1 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .zhuangbei .daibiao .table1 .lists1 ul li .txt1 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .zhuangbei .daibiao .table1 .lists1 ul li .txt1 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .zhuangbei .daibiao .table1 .lists1 ul li .txt1 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .zhuangbei .daibiao .table1 .lists1 ul li .txt1 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .zhuangbei .daibiao .table1 .lists1 ul li .txt1 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .zhuangbei .daibiao .table1 .lists1 ul li.on .txt1{opacity:0} .zhuangbei .daibiao .table1 .lists1 ul li{position:relative} .zhuangbei .daibiao .table1 .lists1 ul li:after{content:"";position:absolute;background:#fff8f2;left:50%;transform:translateX(-50%);height:100%;width:0;transition:.5s;z-index:0} .zhuangbei .daibiao .table1 .lists1 ul li .txt2{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);padding:.55rem .45rem 0;width:100%;text-align:center;z-index:2;opacity:0;transition:.4s} .zhuangbei .daibiao .table1 .lists1 ul li .txt2 h2{font-size:.24rem;color:#f0831e;font-weight:bold;margin:0 0 .25rem} .zhuangbei .daibiao .table1 .lists1 ul li .txt2 p{font-size:.18rem;color:#f0831e} .zhuangbei .daibiao .table1 .lists1 ul li .txt2 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#f0831e;opacity:1;filter:alpha(opacity=100)} .zhuangbei .daibiao .table1 .lists1 ul li .txt2 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid #f0831e;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;-moz-box-shadow:0 0 4px #f0831e,0 0 10px white inset;box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .zhuangbei .daibiao .table1 .lists1 ul li .txt2 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .zhuangbei .daibiao .table1 .lists1 ul li .txt2 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .zhuangbei .daibiao .table1 .lists1 ul li .txt2 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .zhuangbei .daibiao .table1 .lists1 ul li .txt2 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .zhuangbei .daibiao .table1 .lists1 ul li.on:after{width:100%;transition-delay:.3s} .zhuangbei .daibiao .table1 .lists1 ul li.on .txt2{transform:translate(-50%,-50%);opacity:1;transition-delay:300ms;} .zhuangbei .daibiao .table2 {padding:.1rem;background:#fee6d0;border-radius:30px;} .zhuangbei .daibiao .table2 table{width:100%} .zhuangbei .daibiao .table2 table td{text-align:center;vertical-align:middle;font-size:.18rem;color:#f0831e;border:1px solid #fee6d0;padding:.1rem 0 } .zhuangbei .daibiao .table2 table .firstRow{border-bottom:5px solid #fee6d0} .zhuangbei .daibiao .table2 table .firstRow td{background:#f0831e;border-radius:50px;text-align:center;font-size:.18rem;color:white ;font-weight:bold;} .zhuangbei .daibiao .table2 table tr td{padding} .zhuangbei .daibiao .table2 table tr:last-child td:first-child{border-radius: 0 0 0 20px} .zhuangbei .daibiao .table2 table tr:last-child td:last-child{border-radius: 0 0 20px 0} .zhuangbei .daibiao .table2 table tr:nth-child(2) td:first-child{border-radius: 20px 0 0 0} .zhuangbei .daibiao .table2 table tr:nth-child(2) td:last-child{border-radius: 0 20px 0 0} .zhuangbei .daibiao .table2 .middle_title{margin:10px 0 5px;text-align:center;} .zhuangbei .daibiao .table2 .middle_title h3{font-size:.18rem;color:white;font-weight:bold;border-radius:50px;background:#f0831e;height:.5rem;line-height:.5rem} .zhuangbei .daibiao .table2 .lists2 ul{display:flex;background:url(../images/zhuangbei/3.jpg) center center no-repeat;background-size:cover;border-radius:20px;overflow:hidden} .zhuangbei .daibiao .table2 .lists2 ul li{width:29.45%;height:4.65rem;border-right:1px solid #fee6d0;display:flex;;position:relative;flex-direction: column;justify-content: center;} .zhuangbei .daibiao .table2 .lists2 ul li:last-child{border:0} .zhuangbei .daibiao .table2 .lists2 ul li.on{width:41.15%} .zhuangbei .daibiao .table2 .lists2 ul li .txt1{position:relative} .zhuangbei .daibiao .table2 .lists2 ul li .txt1 h3{font-size:.18rem;color:white;text-align:center;padding:.55rem 0 0 } .zhuangbei .daibiao .table2 .lists2 ul li .txt1 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .zhuangbei .daibiao .table2 .lists2 ul li .txt1 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .zhuangbei .daibiao .table2 .lists2 ul li .txt1 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .zhuangbei .daibiao .table2 .lists2 ul li .txt1 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .zhuangbei .daibiao .table2 .lists2 ul li .txt1 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .zhuangbei .daibiao .table2 .lists2 ul li .txt1 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .zhuangbei .daibiao .table2 .lists2 ul li.on .txt1{opacity:0} .zhuangbei .daibiao .table2 .lists2 ul li{position:relative} .zhuangbei .daibiao .table2 .lists2 ul li:after{content:"";position:absolute;background:#fff8f2;left:50%;transform:translateX(-50%);height:100%;width:0;transition:.5s;z-index:0} .zhuangbei .daibiao .table2 .lists2 ul li .txt2{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);padding:.55rem .45rem 0;width:100%;text-align:center;z-index:2;opacity:0;transition:.4s} .zhuangbei .daibiao .table2 .lists2 ul li .txt2 h2{font-size:.24rem;color:#f0831e;font-weight:bold;margin:0 0 .25rem} .zhuangbei .daibiao .table2 .lists2 ul li .txt2 p{font-size:.18rem;color:#f0831e} .zhuangbei .daibiao .table2 .lists2 ul li .txt2 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#f0831e;opacity:1;filter:alpha(opacity=100)} .zhuangbei .daibiao .table2 .lists2 ul li .txt2 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid #f0831e;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;-moz-box-shadow:0 0 4px #f0831e,0 0 10px white inset;box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .zhuangbei .daibiao .table2 .lists2 ul li .txt2 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .zhuangbei .daibiao .table2 .lists2 ul li .txt2 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .zhuangbei .daibiao .table2 .lists2 ul li .txt2 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .zhuangbei .daibiao .table2 .lists2 ul li .txt2 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .zhuangbei .daibiao .table2 .lists2 ul li.on:after{width:100%;transition-delay:.3s} .zhuangbei .daibiao .table2 .lists2 ul li.on .txt2{transform:translate(-50%,-50%);opacity:1;transition-delay:300ms;} .yuancheng .top{padding:1rem 0 .8rem} .yuancheng .top .title{margin:0 0 .65rem} .yuancheng .top .title h2{font-size:.36rem;color:#222222;font-weight:bold} .yuancheng .top .tit1 h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .15rem} .yuancheng .top .tit1 p{font-size:.18rem;color:#222222;text-indent: 2em;} .yuancheng .gongneng{background:#f8f8f8;padding:.65rem 0 .78rem;position:relative} .yuancheng .gongneng .tit{margin:0 0 .3rem} .yuancheng .gongneng .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .yuancheng .gongneng .tit p{font-size:.18rem;color:#222222} .yuancheng .gongneng .infos ul{display:grid;grid-template-columns:1fr 1fr} .yuancheng .gongneng .infos ul li .items{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:white;} .yuancheng .gongneng .infos ul li .items .text{padding:0 .25rem 0 .4rem;position:relative} .yuancheng .gongneng .infos ul li .items .text .imgs{height:1.1rem} .yuancheng .gongneng .infos ul li .items .text .imgs img{max-height:.75rem} .yuancheng .gongneng .infos ul li .items .text h2{font-size:.24rem;color:#222222;font-weight:bold;margin:0 0 .25rem;transition:.3s} .yuancheng .gongneng .infos ul li .items .text p{font-size:.18rem;color:#222222;transition:.3s} .yuancheng .gongneng .infos ul li:hover .img img{transform:scale(1.1)} .yuancheng .gongneng .infos ul li:hover .items{background:#f0831e;transition:.3s} .yuancheng .gongneng .infos ul li:hover .items .text *{color:white} .yuancheng .gongneng .infos ul li:hover .items .text img{filter:brightness(0) invert(1);transition:.3s} .yuancheng .gongneng .infos ul li:nth-child(1) .items .text:after{content:"";position:absolute;background:url(../images/yuancheng/5.png) 0 0 no-repeat;width:.18rem;height:.36rem;left:-.18rem;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s;z-index:2} .yuancheng .gongneng .infos ul li:nth-child(2) .items .text:after{content:"";position:absolute;background:url(../images/yuancheng/5.png) 0 0 no-repeat;width:.18rem;height:.36rem;left:-.18rem;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s;z-index:2} .yuancheng .gongneng .infos ul li:nth-child(3) .items .text:after{content:"";position:absolute;background:url(../images/yuancheng/5.png) 0 0 no-repeat;width:.18rem;height:.36rem;right:-.18rem;top:50%;transform:translateY(-50%) rotate(180deg);background-size:100%;transition:.3s;z-index:2} .yuancheng .gongneng .infos ul li:nth-child(4) .items .text:after{content:"";position:absolute;background:url(../images/yuancheng/5.png) 0 0 no-repeat;width:.18rem;height:.36rem;right:-.18rem;top:50%;transform:translateY(-50%) rotate(180deg);background-size:100%;transition:.2s;z-index:2} .yuancheng .gongneng .infos ul li:hover .items .text:after{background:url(../images/yuancheng/5-1.png) 0 0 no-repeat;width:.18rem;height:.36rem;;background-size:100%;transition:.3s} .yuancheng .adv{padding:.65rem 0 1.4rem} .yuancheng .adv .tit{margin:0 0 .2rem} .yuancheng .adv .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .yuancheng .adv .lists{margin:0 0 .65rem} .yuancheng .adv .lists ul{display:flex;background:url(../images/yuancheng/7.jpg) center center no-repeat;background-size:cover;} .yuancheng .adv .lists ul li{width:15.625%;height:4.65rem;border-right:1px solid white;display:flex;;position:relative;flex-direction: column;justify-content: center;} .yuancheng .adv .lists ul li:last-child{border:0} .yuancheng .adv .lists ul li.on{width:37.5%} .yuancheng .adv .lists ul li .txt1{position:relative} .yuancheng .adv .lists ul li .txt1 h3{font-size:.18rem;color:white;text-align:center;padding:.55rem 0 0 } .yuancheng .adv .lists ul li .txt1 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .yuancheng .adv .lists ul li .txt1 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .yuancheng .adv .lists ul li .txt1 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .yuancheng .adv .lists ul li .txt1 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .yuancheng .adv .lists ul li .txt1 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .yuancheng .adv .lists ul li .txt1 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .yuancheng .adv .lists ul li.on .txt1{opacity:0} .yuancheng .adv .lists ul li{position:relative} .yuancheng .adv .lists ul li:after{content:"";position:absolute;background:#f0831e;left:50%;transform:translateX(-50%);height:100%;width:0;transition:.5s;z-index:0} .yuancheng .adv .lists ul li .txt2{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);padding:.55rem .45rem 0;width:100%;text-align:center;z-index:2;opacity:0;transition:.4s} .yuancheng .adv .lists ul li .txt2 h2{font-size:.24rem;color:white;font-weight:bold;margin:0 0 .25rem} .yuancheng .adv .lists ul li .txt2 p{font-size:.18rem;color:white} .yuancheng .adv .lists ul li .txt2 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .yuancheng .adv .lists ul li .txt2 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .yuancheng .adv .lists ul li .txt2 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .yuancheng .adv .lists ul li .txt2 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .yuancheng .adv .lists ul li .txt2 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .yuancheng .adv .lists ul li .txt2 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .yuancheng .adv .lists ul li.on:after{width:100%;transition-delay:.3s} .yuancheng .adv .lists ul li.on .txt2{transform:translate(-50%,-50%);opacity:1;transition-delay:300ms;} .yuancheng .adv .pics ul {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0 .2rem} .yuancheng .adv .pics ul li h2{text-align:center;margin:.18rem 0 0 ;font-size:.2rem;color:#222} .yuancheng .adv .pics ul li:hover img{transform:scale(1.1)} .tezhong{padding:1rem 0 1.5rem} .tezhong .lists{display:flex} .tezhong .lists a{background-size:cover;background-position:center center;height:4.65rem;background-repeat:no-repeat;position:relative;overflow:hidden} .tezhong .lists>div{width:29.0625%} .tezhong .lists>div.on{width:41.875%} .tezhong .lists a .text1 {position:absolute;left:0;width:100%;bottom:.48rem;padding:0 .3rem;z-index:2;transition:1.2s} .tezhong .lists a .text1 h2{font-size:.36rem;color:white;font-weight:bold;margin:0 0 .3rem;position:relative;padding:.85rem 0 0} .tezhong .lists a .text1 em{font-size:.15rem;color:#f0831e;display:flex;align-items: center;gap:.15rem} .tezhong .lists>div:nth-child(1) a .text1 h2:after{content:"";position:absolute;background:url(../images/17-1.png) 0 0 no-repeat;width:.62rem;height:.58rem;background-size:100%;left:0;top:0} .tezhong .lists>div:nth-child(2) a .text1 h2:after{content:"";position:absolute;background:url(../images/17-2.png) 0 0 no-repeat;width:.44rem;height:.58rem;background-size:100%;left:0;top:0} .tezhong .lists>div:nth-child(3) a .text1 h2:after{content:"";position:absolute;background:url(../images/17-3.png) 0 0 no-repeat;width:.67rem;height:.55rem;background-size:100%;left:0;top:0} .tezhong .lists a:after{content:"";position:absolute;background:rgba(0,0,0,.45);width:100%;height:100%;z-index:0;transition:.5s;left:0;top:0} .tezhong .lists>div.on a:after{background:rgba(0,0,0,.75)} .tezhong .lists>div.on a .text1{transform:translateX(-100%);opacity:0} .tezhong .lists>div a .text2{position:absolute;width:62%;z-index:2;left:50%;top:50%;text-align:center;transform:translate(-50%,-30%);opacity:0;transition:.5s} .tezhong .lists>div .text2 h2{font-size:.36rem;color:white;font-weight:bold;margin:0 0 .3rem;text-shadow: 5px 5px 10px rgba(0,0,0,.6);padding:.9rem 0 0 ;position:relative} .tezhong .lists>div .text2 p{font-size:.17rem;color:white;line-height:.22rem;text-shadow: 5px 5px 10px rgba(0,0,0,.6)} .tezhong .lists>div .text2 em{display:inline-flex;align-items:center;margin:.35rem 0 0;width:1.8rem;height:.5rem;border-radius:50px;background:#f0831e;te;justify-content: center;gap:.15rem;font-size:.15rem;color:white} .tezhong .lists>div.on a .text2{transform:translate(-50%,-50%);opacity:1;transition-delay:200ms;} .tezhong .lists>div:nth-child(1) a .text2 h2:after{content:"";position:absolute;background:url(../images/17-1.png) 0 0 no-repeat;width:.62rem;height:.58rem;background-size:100%;left:50%;transform:translateX(-50%);top:0} .tezhong .lists>div:nth-child(2) a .text2 h2:after{content:"";position:absolute;background:url(../images/17-2.png) 0 0 no-repeat;width:.44rem;height:.58rem;background-size:100%;left:50%;transform:translateX(-50%);top:0} .tezhong .lists>div:nth-child(3) a .text2 h2:after{content:"";position:absolute;background:url(../images/17-3.png) 0 0 no-repeat;width:.67rem;height:.55rem;background-size:100%;left:50%;transform:translateX(-50%);top:0} .xifuji .top{padding:1rem 0 .7rem} .xifuji .top .title{margin:0 0 .65rem} .xifuji .top .title h2{font-size:.36rem;color:#222222;font-weight:bold} .xifuji .top .tit1{margin:0 0 .6rem} .xifuji .top .tit1 h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .15rem} .xifuji .top .tit1 p{font-size:.18rem;color:#222222} .xifuji .top .tit2{margin:0 0 .6rem} .xifuji .top .tit2>h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .25rem} .xifuji .top .tit2 ul{display:flex;background:url(../images/xifuji/1.jpg) center center no-repeat;background-size:cover;} .xifuji .top .tit2 ul li{width:18.75%;height:4.65rem;border-right:1px solid white;display:flex;;position:relative;flex-direction: column;justify-content: center;} .xifuji .top .tit2 ul li:last-child{border:0} .xifuji .top .tit2 ul li.on{width:43.75%} .xifuji .top .tit2 ul li .txt1{position:relative} .xifuji .top .tit2 ul li .txt1 h3{font-size:.18rem;color:white;text-align:center;padding:.55rem 0 0 } .xifuji .top .tit2 ul li .txt1 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .xifuji .top .tit2 ul li .txt1 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .xifuji .top .tit2 ul li .txt1 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .xifuji .top .tit2 ul li .txt1 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .xifuji .top .tit2 ul li .txt1 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .xifuji .top .tit2 ul li .txt1 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .xifuji .top .tit2 ul li.on .txt1{opacity:0} .xifuji .top .tit2 ul li{position:relative} .xifuji .top .tit2 ul li:after{content:"";position:absolute;background:#f0831e;left:50%;transform:translateX(-50%);height:100%;width:0;transition:.5s;z-index:0} .xifuji .top .tit2 ul li .txt2{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);padding:.55rem .45rem 0;width:100%;text-align:center;z-index:2;opacity:0;transition:.4s} .xifuji .top .tit2 ul li .txt2 h2{font-size:.24rem;color:white;font-weight:bold;margin:0 0 .25rem} .xifuji .top .tit2 ul li .txt2 p{font-size:.18rem;color:white} .xifuji .top .tit2 ul li .txt2 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .xifuji .top .tit2 ul li .txt2 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .xifuji .top .tit2 ul li .txt2 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .xifuji .top .tit2 ul li .txt2 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .xifuji .top .tit2 ul li .txt2 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .xifuji .top .tit2 ul li .txt2 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .xifuji .top .tit2 ul li.on:after{width:100%;transition-delay:.3s} .xifuji .top .tit2 ul li.on .txt2{transform:translate(-50%,-50%);opacity:1;transition-delay:300ms;} .xifuji .zhonglei{background:#f2f2f2;padding:.75rem 0 1.45rem} .xifuji .zhonglei .tit{margin:0 0 .35rem} .xifuji .zhonglei .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .xifuji .zhonglei>div>ul{display:flex;justify-content: center;gap:.6rem;margin:0 0 .4rem} .xifuji .zhonglei>div>ul li a{height:.62rem;padding:0 .6rem;background:#fff8f2;border-radius:50px;border:1px solid #f0831e;display:flex;flex-direction: column;justify-content: center;;text-align:center} .xifuji .zhonglei>div>ul li a h2{font-size:.18rem;color:#f0831e;font-weight:bold;line-height:.24rem} .xifuji .zhonglei>div>ul li.active a{background:#f0831e} .xifuji .zhonglei>div>ul li.active a h2{color:white} .xifuji .zhonglei>div>ul li a:hover{background:#f0831e} .xifuji .zhonglei>div>ul li a:hover h2{color:white} .xifuji .zhonglei .box{background:white;padding:.45rem .65rem .6rem} .xifuji .zhonglei .box .infos{margin: 0 0 .4rem} .xifuji .zhonglei .box .infos .items{display:none} /* .xifuji .zhonglei .box .infos .items:first-child{display:block} */ .xifuji .zhonglei .box .infos .items .txt{display:grid;grid-template-columns:51% 40.5%;justify-content:space-between} .xifuji .zhonglei .box .infos .items .txt .text h2{font-size:.2rem;color:#222222;font-weight:bold;margin:0 0 .25rem;position:relative} .xifuji .zhonglei .box .infos .items .txt .text h2:after{content:"";position:absolute;width:.1rem;height:.1rem;border-radius:100%;background:#f0831e;left:-.2rem;top:50%;transform:translateY(-50%)} .xifuji .zhonglei .box .infos .items .txt .text p{font-size:.17rem;color:#222222;line-height:.28rem} .xifuji .zhonglei .box .table .tits{margin:0 0 .35rem} .xifuji .zhonglei .box .table .tits h2{font-size:.2rem;color:#222222;font-weight:bold;position:relative} .xifuji .zhonglei .box .table .tits h2:after{content:"";position:absolute;width:.1rem;height:.1rem;border-radius:100%;background:#f0831e;left:-.2rem;top:50%;transform:translateY(-50%)} .xifuji .zhonglei .box .table .table1 {padding:.15rem;background:#fee6d0;border-radius:30px;margin:0 0 .45rem} .xifuji .zhonglei .box .table .table1>h3{font-size:.18rem;color:#f0831e;font-weight:bold;text-align:center;margin:0 0 .13rem} .xifuji .zhonglei .box .table .table1 table{width:100%} .xifuji .zhonglei .box .table .table1 table td{text-align:center;vertical-align:middle;font-size:.18rem;color:#f0831e;border:1px solid #fee6d0;padding:.1rem 0 } .xifuji .zhonglei .box .table .table1 table .firstRow{border-bottom:5px solid #fee6d0} .xifuji .zhonglei .box .table .table1 table .firstRow td{background:#f0831e;border-radius:50px !important;text-align:center;font-size:.18rem;color:white ;font-weight:bold;} .xifuji .zhonglei .box .table .table1 table tr td{padding} .xifuji .zhonglei .box .table .table1 table tr td:first-child{border-radius: 100px 0 0 100px} .xifuji .zhonglei .box .table .table1 table tr td:last-child{border-radius: 0 100px 100px 0} .xifuji .zhonglei .box .table .table2 {padding:.15rem;background:#fee6d0;border-radius:30px;margin:0 0 .45rem} .xifuji .zhonglei .box .table .table2>h3{font-size:.18rem;color:#f0831e;font-weight:bold;text-align:center;margin:0 0 .13rem} .xifuji .zhonglei .box .table .table2 table{width:100%} .xifuji .zhonglei .box .table .table2 table td{text-align:center;vertical-align:middle;font-size:.18rem;color:#f0831e;border:1px solid #fee6d0;padding:.1rem 0 } .xifuji .zhonglei .box .table .table2 table .firstRow{border-bottom:5px solid #fee6d0} .xifuji .zhonglei .box .table .table2 table .firstRow td{background:#f0831e;border-radius:50px !important;text-align:center;font-size:.18rem;color:white ;font-weight:bold;} .xifuji .zhonglei .box .table .table2 table tr td{padding} .xifuji .zhonglei .box .table .table2 table tr td:first-child{border-radius: 100px 0 0 100px} .xifuji .zhonglei .box .table .table2 table tr td:last-child{border-radius: 0 100px 100px 0} .xifuji .zhonglei .box .table .table3 {padding:.15rem;background:#fee6d0;border-radius:30px;margin:0 0 .45rem} .xifuji .zhonglei .box .table .table3>h3{font-size:.18rem;color:#f0831e;font-weight:bold;text-align:center;margin:0 0 .13rem} .xifuji .zhonglei .box .table .table3 table{width:100%} .xifuji .zhonglei .box .table .table3 table td{text-align:center;vertical-align:middle;font-size:.18rem;color:#f0831e;border:1px solid #fee6d0;padding:.1rem 0 } .xifuji .zhonglei .box .table .table3 table .firstRow{border-bottom:5px solid #fee6d0} .xifuji .zhonglei .box .table .table3 table .firstRow td{background:#f0831e;border-radius:50px !important;text-align:center;font-size:.18rem;color:white ;font-weight:bold;} .xifuji .zhonglei .box .table .table3 table tr td{padding} .xifuji .zhonglei .box .table .table3 table tr:nth-child(2) td:first-child{border-radius:30px 0 0 30px} .xifuji .zhonglei .box .table .table3 table tr:nth-child(3) td{border-radius:0 !important} .xifuji .zhonglei .box .table .table3 table tr:nth-child(3) td:last-child{border-radius: 0 100px 100px 0 !important} .xifuji .zhonglei .box .table .table3 table tr:nth-child(4) td{border-radius:0 !important} .xifuji .zhonglei .box .table .table3 table tr:nth-child(4) td:last-child{border-radius: 0 100px 100px 0 !important} .xifuji .zhonglei .box .table .table3 table tr td:first-child{border-radius: 100px 0 0 100px} .xifuji .zhonglei .box .table .table3 table tr td:last-child{border-radius: 0 100px 100px 0} .xifuji .zhonglei .box .table .table4 {padding:.15rem;background:#fee6d0;border-radius:30px;margin:0 0 .45rem} .xifuji .zhonglei .box .table .table4>h3{font-size:.18rem;color:#f0831e;font-weight:bold;text-align:center;margin:0 0 .13rem} .xifuji .zhonglei .box .table .table4 table{width:100%} .xifuji .zhonglei .box .table .table4 table td{text-align:center;vertical-align:middle;font-size:.18rem;color:#f0831e;border:1px solid #fee6d0;padding:.1rem 0 } .xifuji .zhonglei .box .table .table4 table .firstRow{border-bottom:5px solid #fee6d0} .xifuji .zhonglei .box .table .table4 table .firstRow td{background:#f0831e;border-radius:50px !important;text-align:center;font-size:.18rem;color:white ;font-weight:bold;} .xifuji .zhonglei .box .table .table4 table tr td{padding} .xifuji .zhonglei .box .table .table4 table tr td:first-child{border-radius: 100px 0 0 100px} .xifuji .zhonglei .box .table .table4 table tr td:last-child{border-radius: 0 100px 100px 0} .xifuji .top{padding:1rem 0 .7rem} .xifuji .top .title{margin:0 0 .65rem} .xifuji .top .title h2{font-size:.36rem;color:#222222;font-weight:bold} .xifuji .top .tit1{margin:0 0 .6rem} .xifuji .top .tit1 h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .15rem} .xifuji .top .tit1 p{font-size:.18rem;color:#222222;text-indent: 2em;} .xifuji .top .tit2{margin:0 0 .6rem} .xifuji .top .tit2>h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .25rem} .xifuji .top .tit2 ul{display:flex;background:url(../images/xifuji/1.jpg) center center no-repeat;background-size:cover;} .xifuji .top .tit2 ul li{width:18.75%;height:4.65rem;border-right:1px solid white;display:flex;;position:relative;flex-direction: column;justify-content: center;} .xifuji .top .tit2 ul li:last-child{border:0} .xifuji .top .tit2 ul li.on{width:43.75%} .xifuji .top .tit2 ul li .txt1{position:relative} .xifuji .top .tit2 ul li .txt1 h3{font-size:.18rem;color:white;text-align:center;padding:.55rem 0 0 } .xifuji .top .tit2 ul li .txt1 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .xifuji .top .tit2 ul li .txt1 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .xifuji .top .tit2 ul li .txt1 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .xifuji .top .tit2 ul li .txt1 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .xifuji .top .tit2 ul li .txt1 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .xifuji .top .tit2 ul li .txt1 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .xifuji .top .tit2 ul li.on .txt1{opacity:0} .xifuji .top .tit2 ul li{position:relative} .xifuji .top .tit2 ul li:after{content:"";position:absolute;background:#f0831e;left:50%;transform:translateX(-50%);height:100%;width:0;transition:.5s;z-index:0} .xifuji .top .tit2 ul li .txt2{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);padding:.55rem .45rem 0;width:100%;text-align:center;z-index:2;opacity:0;transition:.4s} .xifuji .top .tit2 ul li .txt2 h2{font-size:.24rem;color:white;font-weight:bold;margin:0 0 .25rem} .xifuji .top .tit2 ul li .txt2 p{font-size:.18rem;color:white} .xifuji .top .tit2 ul li .txt2 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .xifuji .top .tit2 ul li .txt2 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .xifuji .top .tit2 ul li .txt2 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .xifuji .top .tit2 ul li .txt2 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .xifuji .top .tit2 ul li .txt2 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .xifuji .top .tit2 ul li .txt2 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .xifuji .top .tit2 ul li.on:after{width:100%;transition-delay:.3s} .xifuji .top .tit2 ul li.on .txt2{transform:translate(-50%,-50%);opacity:1;transition-delay:300ms;} .xifuji .zhonglei{background:#f2f2f2;padding:.75rem 0 } .xifuji .zhonglei .tit{margin:0 0 .35rem} .xifuji .zhonglei .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .xifuji .zhonglei>div>ul{display:flex;justify-content: center;gap:.6rem;margin:0 0 .4rem} .xifuji .zhonglei>div>ul li a{height:.62rem;padding:0 .6rem;background:#fff8f2;border-radius:50px;border:1px solid #f0831e;display:flex;flex-direction: column;justify-content: center;;text-align:center} .xifuji .zhonglei>div>ul li a h2{font-size:.18rem;color:#f0831e;font-weight:bold;line-height:.24rem} .xifuji .zhonglei>div>ul li.active a{background:#f0831e} .xifuji .zhonglei>div>ul li.active a h2{color:white} .xifuji .zhonglei>div>ul li a:hover{background:#f0831e} .xifuji .zhonglei>div>ul li a:hover h2{color:white} .xifuji .zhonglei .box{background:white;padding:.45rem .65rem .6rem;border-top:3px solid #f0831e} .xifuji .zhonglei .box .infos{margin: 0 0 .4rem} .xifuji .zhonglei .box .infos .items{display:none} /* .xifuji .zhonglei .box .infos .items:first-child{display:block} */ .xifuji .zhonglei .box .infos .items .txt{display:grid;grid-template-columns:51% 40.5%;justify-content:space-between} .xifuji .zhonglei .box .infos .items .txt .text h2{font-size:.2rem;color:#222222;font-weight:bold;margin:0 0 .25rem;position:relative} .xifuji .zhonglei .box .infos .items .txt .text h2:after{content:"";position:absolute;width:.1rem;height:.1rem;border-radius:100%;background:#f0831e;left:-.2rem;top:50%;transform:translateY(-50%)} .xifuji .zhonglei .box .infos .items .txt .text p{font-size:.17rem;color:#222222;line-height:.28rem} .xifuji .app ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0 .45rem } .xifuji .app ul .img{border-radius:25px} .xifuji .app ul .img img{width:100%} .xifuji .app ul li h2{font-size:.18rem;color:#333;text-align:center;margin:.25rem 0 0 } .xifuji .app ul li:hover img{transform:scale(1.1)} .xifuji .app{padding:.8rem 0 1.45rem} .xifuji .app .tit{margin:0 0 .35rem} .xifuji .app .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .cuihuaji .top{padding:1rem 0 .7rem} .cuihuaji .top .title{margin:0 0 .65rem} .cuihuaji .top .title h2{font-size:.36rem;color:#222222;font-weight:bold} .cuihuaji .top .tit1{margin:0 0 .6rem} .cuihuaji .top .tit1 h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .15rem} .cuihuaji .top .tit1 p{font-size:.18rem;color:#222222;text-indent: 2em;} .cuihuaji .top .tit2{margin:0 0 .6rem} .cuihuaji .top .tit2>h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .25rem} .cuihuaji .top .tit2 ul{display:flex;background:url(../images/cuihuaji/1.jpg) center center no-repeat;background-size:cover;} .cuihuaji .top .tit2 ul li{width:41.875%;height:4.65rem;border-right:1px solid white;display:flex;;position:relative;flex-direction: column;justify-content: center;} .cuihuaji .top .tit2 ul li:last-child{border:0} .cuihuaji .top .tit2 ul li.on{width:58.125%} .cuihuaji .top .tit2 ul li .txt1{position:relative} .cuihuaji .top .tit2 ul li .txt1 h3{font-size:.18rem;color:white;text-align:center;padding:.55rem 0 0 } .cuihuaji .top .tit2 ul li .txt1 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .cuihuaji .top .tit2 ul li .txt1 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .cuihuaji .top .tit2 ul li .txt1 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .cuihuaji .top .tit2 ul li .txt1 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .cuihuaji .top .tit2 ul li .txt1 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .cuihuaji .top .tit2 ul li .txt1 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .cuihuaji .top .tit2 ul li.on .txt1{opacity:0} .cuihuaji .top .tit2 ul li{position:relative} .cuihuaji .top .tit2 ul li:after{content:"";position:absolute;background:#f0831e;left:50%;transform:translateX(-50%);height:100%;width:0;transition:.5s;z-index:0} .cuihuaji .top .tit2 ul li .txt2{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);padding:.55rem .45rem 0;width:100%;text-align:center;z-index:2;opacity:0;transition:.4s} .cuihuaji .top .tit2 ul li .txt2 h2{font-size:.24rem;color:white;font-weight:bold;margin:0 0 .25rem} .cuihuaji .top .tit2 ul li .txt2 p{font-size:.18rem;color:white} .cuihuaji .top .tit2 ul li .txt2 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .cuihuaji .top .tit2 ul li .txt2 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .cuihuaji .top .tit2 ul li .txt2 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .cuihuaji .top .tit2 ul li .txt2 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .cuihuaji .top .tit2 ul li .txt2 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .cuihuaji .top .tit2 ul li .txt2 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .cuihuaji .top .tit2 ul li.on:after{width:100%;transition-delay:.3s} .cuihuaji .top .tit2 ul li.on .txt2{transform:translate(-50%,-50%);opacity:1;transition-delay:300ms;} .cuihuaji .zhonglei{background:#f2f2f2;padding:.75rem 0 1.45rem} .cuihuaji .zhonglei .tit{margin:0 0 .35rem} .cuihuaji .zhonglei .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .cuihuaji .zhonglei>div>ul{display:flex;justify-content: center;gap:.6rem;margin:0 0 .4rem} .cuihuaji .zhonglei>div>ul li a{height:.62rem;padding:0 .6rem;background:#fff8f2;border-radius:50px;border:1px solid #f0831e;display:flex;flex-direction: column;justify-content: center;;text-align:center} .cuihuaji .zhonglei>div>ul li a h2{font-size:.18rem;color:#f0831e;font-weight:bold;line-height:.24rem} .cuihuaji .zhonglei>div>ul li.active a{background:#f0831e} .cuihuaji .zhonglei>div>ul li.active a h2{color:white} .cuihuaji .zhonglei>div>ul li a:hover{background:#f0831e} .cuihuaji .zhonglei>div>ul li a:hover h2{color:white} .cuihuaji .zhonglei .box{background:white;padding:.45rem .65rem .6rem;border-top:3px solid #f0831e} .cuihuaji .zhonglei .box .infos{} .cuihuaji .zhonglei .box .infos .items{display:none;} /* .cuihuaji .zhonglei .box .infos .items:first-child{display:block} */ .cuihuaji .zhonglei .box .infos .items .txt{display:grid;grid-template-columns:51% 40.5%;justify-content:space-between;margin: 0 0 .4rem} .cuihuaji .zhonglei .box .infos .items .txt .text h2{font-size:.2rem;color:#222222;font-weight:bold;margin:0 0 .25rem;position:relative} .cuihuaji .zhonglei .box .infos .items .txt .text h2:after{content:"";position:absolute;width:.1rem;height:.1rem;border-radius:100%;background:#f0831e;left:-.2rem;top:50%;transform:translateY(-50%)} .cuihuaji .zhonglei .box .infos .items .txt .text p{font-size:.17rem;color:#222222;line-height:.28rem} .cuihuaji .zhonglei .box .app>h2{font-size:.2rem;color:#222;font-weight:bold;margin:0 0 .4rem} .cuihuaji .zhonglei .box .app ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0 .45rem } .cuihuaji .zhonglei .box .app ul .img{border-radius:25px} .cuihuaji .zhonglei .box .app ul li h2{font-size:.18rem;color:#333;text-align:center;margin:.25rem 0 0 } .cuihuaji .zhonglei .box .app ul li:hover img{transform:scale(1.1)} .chengkongfa .top{padding:1rem 0 .7rem} .chengkongfa .top .title{margin:0 0 .65rem} .chengkongfa .top .title h2{font-size:.36rem;color:#222222;font-weight:bold} .chengkongfa .top .tit1{margin:0 0 .6rem} .chengkongfa .top .tit1 h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .15rem} .chengkongfa .top .tit1 p{font-size:.18rem;color:#222222;text-indent: 2em;} .chengkongfa .top .tit2{margin:0 0 .6rem} .chengkongfa .top .tit2>h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .25rem} .chengkongfa .top .tit2 ul{display:flex;background:url(../images/chengkongfa/1.jpg)center center no-repeat;background-size:cover;} .chengkongfa .top .tit2 ul li{width:17.5%;height:4.65rem;border-right:1px solid white;display:flex;;position:relative;flex-direction: column;justify-content: center;} .chengkongfa .top .tit2 ul li:last-child{border:0} .chengkongfa .top .tit2 ul li.on{width:30%} .chengkongfa .top .tit2 ul li .txt1{position:relative} .chengkongfa .top .tit2 ul li .txt1 h3{font-size:.18rem;color:white;text-align:center;padding:.55rem 0 0 } .chengkongfa .top .tit2 ul li .txt1 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .chengkongfa .top .tit2 ul li .txt1 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .chengkongfa .top .tit2 ul li .txt1 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .chengkongfa .top .tit2 ul li .txt1 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .chengkongfa .top .tit2 ul li .txt1 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .chengkongfa .top .tit2 ul li .txt1 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .chengkongfa .top .tit2 ul li.on .txt1{opacity:0} .chengkongfa .top .tit2 ul li{position:relative} .chengkongfa .top .tit2 ul li:after{content:"";position:absolute;background:#f0831e;left:50%;transform:translateX(-50%);height:100%;width:0;transition:.5s;z-index:0} .chengkongfa .top .tit2 ul li .txt2{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);padding:.55rem .45rem 0;width:100%;text-align:center;z-index:2;opacity:0;transition:.4s} .chengkongfa .top .tit2 ul li .txt2 h2{font-size:.24rem;color:white;font-weight:bold;margin:0 0 .25rem} .chengkongfa .top .tit2 ul li .txt2 p{font-size:.18rem;color:white} .chengkongfa .top .tit2 ul li .txt2 .area-box .dot{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)} .chengkongfa .top .tit2 ul li .txt2 .area-box .pulse{position:absolute;top:.1rem;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .chengkongfa .top .tit2 ul li .txt2 .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .chengkongfa .top .tit2 ul li .txt2 .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .chengkongfa .top .tit2 ul li .txt2 .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .chengkongfa .top .tit2 ul li .txt2 .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .chengkongfa .top .tit2 ul li.on:after{width:100%;transition-delay:.3s} .chengkongfa .top .tit2 ul li.on .txt2{transform:translate(-50%,-50%);opacity:1;transition-delay:300ms;} .chengkongfa .jiegou{background:#f8f8f8;padding:.65rem 0 .7rem} .chengkongfa .jiegou .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;margin:0 0 .35rem} .chengkongfa .jiegou .box{background:url(../images/chengkongfa/3.jpg) 0 0 no-repeat;background-size:cover;padding:.2rem .2rem .4rem;border-top:3px solid #f0831e} .chengkongfa .table{padding:.65rem 0 .65rem;margin:0} .chengkongfa .table .tit{margin:0 0 .25rem} .chengkongfa .table .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .chengkongfa .table ul{background:#fee6d0;border-radius:30px;padding:.1rem} .chengkongfa .table ul>h3{text-align:center;font-size:.18rem;color:#f0831e;font-weight:bold;height:.45rem;line-height:.45rem} .chengkongfa .table ul li{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;margin:0 0 1px;position:relative} .chengkongfa .table ul li>div{text-align:center;height:.45rem;display:flex;flex-direction: column;justify-content: center;} .chengkongfa .table ul li.li1{background:none !important;margin:0 0 5px} .chengkongfa .table ul li.li1>div{background:#f0831e;border-radius:50px} .chengkongfa .table ul li.li1>div h3{font-size:.18rem;color:white;font-weight:bold} .chengkongfa .table ul li:nth-child(2n-1){background:white;border-radius:50px} .chengkongfa .table ul li>div p{font-size:.17rem;color:#f0831e} .chengkongfa .table ul li:nth-child(2n){background:#fff8f2;border-radius:50px;} .chengkongfa .table ul li:after{content:"";position:absolute;background:#f0831e;width:1px;height:.22rem;top:50%;left:50%;transform:translate(-50%,-50%)} .chengkongfa .table ul li.li1:after{display:none} .chengkongfa{padding:0 0 1.1rem} .chengkongfa .app .tit{margin:0 0 .25rem} .chengkongfa .app .tit h2{font-size:.2rem;color:#222222;font-weight:bold;display:flex;gap:12px;} .chengkongfa .app ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0 .55rem } .chengkongfa .app ul .img{border-radius:25px} .chengkongfa .app ul li h2{font-size:.18rem;color:#333;text-align:center;margin:.25rem 0 0 } .chengkongfa .app ul li:hover img{transform:scale(1.1)} .case_box .guonei{padding:.75rem 0 .7rem} .case_box .guonei .title{margin:0 0 .6rem} .case_box .guonei .title h2{font-size:.36rem;color:#222222;font-weight:bold} .case_box .guonei .text{display:flex;justify-content: space-between;align-items: center;margin:0 0 .3rem} .case_box .guonei .text h2{font-size:.24rem;color:#222222;font-weight:bold} .case_box .guonei .text h3{font-size:.2rem;color:#222222;font-weight:bold} .case_box .guonei .text h3 em{color:#f0831e;font-size:.24rem} .case_box .guonei .box{border-radius:30px;border:1px solid #999999;overflow:hidden;margin:0 0 .7rem} .case_box .guonei .box ul{display:flex;padding:.4rem 0;justify-content: center;} .case_box .guonei .box ul li{padding:0 .25rem} .case_box .guonei .box ul li a{height:.5rem;padding:0 .8rem;font-size:.18rem;font-weight:bold;;background:#fff8f2;border-radius:50px;border:1px solid #f0831e;display:flex;flex-direction: column;justify-content: center;;text-align:center} .case_box .guonei .box ul li.active a{background:#f0831e;} .case_box .guonei .box ul li a:hover{background:#f0831e;} .case_box .guonei .box ul li a:hover h2{color:white} .case_box .guonei .box ul li a h2{font-size:.2rem;color:#222222;font-weight:bold} .case_box .guonei .box ul li.active a h2{color:white} .case_box .guonei .box ul li a .area-box {position:absolute;left:0;top:50%;transform:translateY(-50%);width:.3rem;height:.3rem} .case_box .guonei .box ul li a .area-box .dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.18rem;height:.18rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#f0831e;border:4px solid #f0831e;opacity:1;filter:alpha(opacity=100)} .case_box .guonei .box ul li a .area-box .pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid #f0831e;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;-moz-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .case_box .guonei .box ul li a .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .case_box .guonei .box ul li a .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .case_box .guonei .box ul li a .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .case_box .guonei .box ul li.active .area-box .dot{background:white;} .case_box .guonei .box .items .table{display:none} .case_box .guonei .box .items .table >h3{font-size:.22rem;color:#f0831e;font-weight:bold;text-align:center;height:.5rem;line-height:.5rem;margin:0 0 1px;background:#fee6d0} .case_box .guonei .box .items .table table{width:100%} .case_box .guonei .box .items table .firstRow td{background:#f0831e;text-align:center;font-size:.18rem;color:white ;font-weight:bold;} .case_box .guonei .box .items table tr td{padding:.15rem 0;text-align:center;font-size:.17rem;color:#222;border:2px solid white} .case_box .guonei .box .items table tr:nth-child(2n){background:#f8f8f8} .case_box .guonei .guoneimaps{padding:0 0 1.18rem;border-bottom:1px solid #999999 } .case_box .guonei .guoneimaps .tit{margin:0 0 .35rem} .case_box .guonei .guoneimaps .tit h2{font-size:.24rem;color:#222222;font-weight:bold} .case_box .guonei .guoneimaps .infos {position:relative;text-align:center} .case_box .guonei .guoneimaps .infos>div{display:inline-block;position:relative} .case_box .guonei .guoneimaps .infos ul li{position:absolute;z-index:3} .case_box .guonei .guoneimaps .infos .maps .map_box{position:absolute;left:0;display:none;top:0;transition:none;z-index:2} .case_box .guonei .guoneimaps .infos .maps .map_box .nums{transform:translateX(.5rem);opacity:0;width:19%} .case_box .guonei .guoneimaps .infos .maps .map_box .nums img{} .case_box .guonei .guoneimaps .infos .maps .map_box.acts .nums{transform:translateX(0);opacity:1;transition-delay:.3s} .case_box .guonei .guoneimaps .infos .maps .map_box:nth-child(1) .nums{position:absolute;right:10%;top:8%} .case_box .guonei .guoneimaps .infos .maps .map_box:nth-child(2) .nums{position:absolute;right:29.5%;top:23.5%} .case_box .guonei .guoneimaps .infos .maps .map_box:nth-child(3) .nums{position:absolute;right:56.5%;top:27%} .case_box .guonei .guoneimaps .infos .maps .map_box:nth-child(4) .nums{position:absolute;right:66.5%;top:45%} .case_box .guonei .guoneimaps .infos .maps .map_box:nth-child(5) .nums{position:absolute;right:31.5%;top:73%} .case_box .guonei .guoneimaps .infos .maps .map_box:nth-child(6) .nums{position:absolute;right:27.5%;top:50%} .case_box .guonei .guoneimaps .infos .maps .map_box:nth-child(7) .nums{position:absolute;right:19.5%;top:56%} .case_box .guonei .guoneimaps .infos .maps .map_box:nth-child(8) .nums{position:absolute;right:14.5%;top:70%} .case_box .guonei .guoneimaps .infos .big_img{text-align:center;opacity:0;z-index:-1} .case_box .guonei .guoneimaps .infos ul li:nth-child(1){left:69.5%;top:19%} .case_box .guonei .guoneimaps .infos ul li:nth-child(2){left:50%;top:34%} .case_box .guonei .guoneimaps .infos ul li:nth-child(3){left:23%;top:38%} .case_box .guonei .guoneimaps .infos ul li:nth-child(4){left:13%;top:56%} .case_box .guonei .guoneimaps .infos ul li:nth-child(5){left:48%;top:84%} .case_box .guonei .guoneimaps .infos ul li:nth-child(6){left:52%;top:61%} .case_box .guonei .guoneimaps .infos ul li:nth-child(7){left:60%;top:67%} .case_box .guonei .guoneimaps .infos ul li:nth-child(8){left:67.5%;top:81%} .case_box .guonei .guoneimaps .infos ul li.active a .area-box .dot{background:white;border:4px solid white;opacity:1;filter:alpha(opacity=100)} .case_box .guonei .guoneimaps .infos ul li.active a .area-box .pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid white;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .case_box .guonei .guoneimaps .infos ul li.active a .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .case_box .guonei .guoneimaps .infos ul li.active a .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .case_box .guonei .guoneimaps .infos ul li.active a .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .case_box .guonei .guoneimaps .infos ul li.active a h2{font-size:.2rem} .case_box .guonei .guoneimaps .infos ul li a{position:relative;padding-left:.35rem} .case_box .guonei .guoneimaps .infos ul li a h2{font-size:.18rem;color:#222222;font-weight:bold} .case_box .guonei .guoneimaps .infos ul li a .area-box {position:absolute;left:0;top:50%;transform:translateY(-50%);width:.3rem;height:.3rem} .case_box .guonei .guoneimaps .infos ul li a .area-box .dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.18rem;height:.18rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#f0831e;border:4px solid #f0831e;opacity:1;filter:alpha(opacity=100)} .case_box .guonei .guoneimaps .infos ul li a .area-box .pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid #f0831e;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;-moz-box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;box-shadow:0 0 4px #f0831e,0 0 10px #f0831e inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} .case_box .guonei .guoneimaps .infos ul li a .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .case_box .guonei .guoneimaps .infos ul li a .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .case_box .guonei .guoneimaps .infos ul li a .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .case_box .guoji{padding:0 0 1.4rem} .case_box .guoji .title{margin:0 0 .9rem} .case_box .guoji .title h2{font-size:.36rem;color:#222222;font-weight:bold} .news_box {padding:0 0 1.45rem} .news_box .news_nav{padding:.8rem 0;} .news_box .news_nav ul{display:flex;justify-content: center;} .news_box .news_nav ul li{padding:0 .5rem} .news_box .news_nav ul li a{height:.6rem;padding:0 .9rem;font-size:.18rem;color:#f0831e;font-weight:bold;;background:#fff8f2;border-radius:50px;border:1px solid #f0831e;display:flex;flex-direction: column;justify-content: center;;text-align:center} .news_box .news_nav ul li.active a{background:#f0831e;color:white} .news_box .news_nav ul li a:hover{background:#f0831e;color:white} .news_box .news_top{margin:0 0 .3rem} .news_box .news_top a{display:grid;grid-template-columns:40% 60%;background:#f2f2f2;align-items:center;overflow:hidden;border-radius:25px} .news_box .news_top a .img{} .news_box .news_top a .text{padding:0 .65rem 0 .75rem} .news_box .news_top a .text h3{font-size:.17rem;color:#f0831e} .news_box .news_top a .text h2{font-size:.36rem;color:#222;font-weight:bold;height:.8rem;line-height:.4rem;margin:.2rem 0 .25rem} .news_box .news_top a .text span{font-size:.17rem;color:#777777} .news_box .news_top a .text p{font-size:.17rem;color:#777777;margin:.35rem 0;height:.75rem;line-height:.25rem} .news_box .news_top a .text em{color:#f0831e;display:flex;align-items:center;gap:.15rem} .news_box .news_top a .text em img{transition:.5s} .news_box .news_top a:hover .text *{color:white} .news_box .news_top a:hover{background:#f0831e} .news_box .news_top a:hover .text img{filter:brightness(0) invert(1)} .news_box .news_top a:hover .text em{gap:.35rem} .news_box .news_top a:hover .img img{transform:scale(1.1)} .news_box .news_list ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0 .27rem} .news_box .news_list ul li a .img{border-radius:20px} .news_box .news_list ul li a .img img{height:2rem;object-fit:cover;width:100%} .news_box .news_top a .img{} .news_box .news_list ul li a .text .time{margin:.27rem 0 .15rem;display:flex;justify-content: space-between;align-items: center;} .news_box .news_list ul li a .text .time h3{font-size:.17rem;color:#f0831e} .news_box .news_list ul li a .text .time span{font-size:.17rem;color:#777777} .news_box .news_list ul li a .text h2{font-size:.22rem;color:#151515;font-weight:bold;height:.54rem;line-height:.27rem;margin: 0 0 .25rem} .news_box .news_list ul li a .text em{color:#f0831e;display:flex;align-items:center;gap:.15rem} .news_box .news_list ul li a:hover .img img{transform:scale(1.1)} .news_box .news_list ul li a:hover .text em{gap:.35rem} .news_box .news_list .page{padding:.9rem 0 0;display:flex;justify-content: center;align-items: center;} .news_box .news_list .page a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.15rem;color:#222222;margin:0 5px;} .news_box .news_list .page a.page-link{width:.7rem;border:1px solid #222222} .news_box .news_list .page a.page-links{border:1px solid #222222;} .news_box .news_list .page a.page-links i{font-size:.2rem;color:#222222;} .news_box .news_list .page a.page-link:hover{background:f0831e;color:white;border-color:#f0831e} .news_box .news_list .page a.page-links:hover{background:#f0831e;color:white;border-color:#f0831e} .news_box .news_list .page a.page-links:hover i{color:white;} .news_box .news_list .page a:hover{background:#f0831e;color:white;border-color:#f0831e} .news_box .news_list .page a.page-num-current{background:#f0831e;color:white;border-color:#f0831e} .contact_nav{padding:.8rem 0 .75rem;} .contact_nav ul{display:flex;justify-content: center;} .contact_nav ul li{padding:0 .5rem} .contact_nav ul li a{height:.6rem;padding:0 .9rem;font-size:.18rem;color:#f0831e;font-weight:bold;;background:#fff8f2;border-radius:50px;border:1px solid #f0831e;display:flex;flex-direction: column;justify-content: center;;text-align:center} .contact_nav ul li.active a{background:#f0831e;color:white} .contact_nav ul li a:hover{background:#f0831e;color:white} .contact_box .infos{padding:0 0 .9rem;} .contact_box .infos .title {margin:0 0 .5rem} .contact_box .infos .title h2{font-size:.36rem;color:#222222;font-weight:bold} .contact_box .infos h3{font-size:.24rem;;color:#222222;font-weight:bold;margin:0 0 .3rem} .contact_box .infos ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;} .contact_box .infos ul:nth-child(3){margin:0 0 .5rem} .contact_box .infos ul:last-child{padding:0 0 .8rem;border-bottom:1px solid #dcdcdc} .contact_box .infos ul li{padding:0 .2rem;text-align:center} .contact_box .infos ul li .img{height:.65rem;line-height:.65rem} .contact_box .infos ul li p{font-size:.18rem;color:#222222} .contact_box .infos ul li p a{display:inline-block;font-size:.18rem;color:#f0831e;border-bottom:1px solid #f0831e} .contact_box .message{padding:0 0 .8rem} .contact_box .message .title {margin:0 0 .7rem} .contact_box .message .title h2{font-size:.36rem;color:#222222;font-weight:bold;margin:0 0 .35rem} .contact_box .message .title p{font-size:.17rem;color:#777777} .contact_box .message .form{font-size:0} .contact_box .message .form ul{display:grid;grid-template-columns:1fr 1fr ;grid-gap:.27rem;margin:0 0 .27rem} .contact_box .message .form ul li input{width:100%;height:.55rem;border:0;background:#f8f8f8;font-size:.18rem;padding:0 .2rem} .contact_box .message .form .area textarea{width:100%;height:2.5rem;border:0;background:#f8f8f8;font-size:.18rem;padding:.2rem} .contact_box .message .form .sub{margin:.35rem 0 0} .contact_box .message .form .sub button{width:2.2rem;height:.5rem;background:#f0831e;border:0;border-radius:50px;font-size:.2rem;color:white;font-weight:bold} .contact_box .message .form .sub button:hover{box-shadow:0 0 12px rgba(0,0,0,0.5)} .contact_box .maps ul{display:flex;justify-content: center;margin:0 0 .5rem} .contact_box .maps ul li{margin:0 .25rem} .contact_box .maps ul li a{height:.6rem;transition:.3s;gap:.1rem;display:flex;padding:0 .3rem;font-size:.18rem;color:#f0831e;font-weight:bold;background:#fff8f2;border-radius:50px;border:1px solid #f0831e;display:flex;text-align:center;align-items: center;} .contact_box .maps ul li a img{transition:.3s} .contact_box .maps ul li.active a{background:#f0831e;color:white} .contact_box .maps ul li a:hover{background:#f0831e;color:white} .contact_box .maps ul li a:hover img{filter:brightness(0) invert(1)} .contact_box .maps ul li.active a img{filter:brightness(0) invert(1)} .contact_box .maps .box>div{display:none} .recruitment{padding:0 0 1.4rem} .recruitment .title{padding:.15rem 0 .55rem} .recruitment .title h2{font-size:.36rem;color:black;font-weight:bold} .recruitment .lists{} .recruitment .lists ul li{position:relative} .recruitment .lists ul li .tit{border-top:1px solid #dcdcdc;position:relative;cursor:pointer;padding:.5rem 0} .recruitment .lists ul li .tit:after{content:"";position:absolute;background:#f0831e;left:50%;transform:translateX(-50%);height:2px;width:0;top:-1px;transition:.4s} .recruitment .lists ul li.active .tit:after{width:100%} .recruitment .lists ul li::before,.recruitment .lists ul li:after {content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:23px;height:3px;background:#f0831e;transition:all .36s;} .recruitment .lists ul li::before {transform:translateY(-50%) rotate(90deg);} .recruitment .lists ul li.active:before {transform:translateY(-50%) rotate(0deg);} .recruitment .lists ul li:last-child {border-bottom:1px solid #dcdcdc} .recruitment .lists ul li .tit h2{font-size:.24rem;color:#f0831e;margin:0 0 .15rem;font-weight:bold} .recruitment .lists ul li .tit p{font-size:.18rem;color:#222222} .recruitment .lists ul li .infos{display:none;transition:none} .recruitment .lists ul li .infos{font-size:.18rem;line-height:.3rem} .recruitment .lists ul li .infos .apply{margin:.4rem 0 .5rem } .recruitment .lists ul li .infos .apply a{font-size:.16rem;font-weight:bold;color:white;display:inline-flex;background:#f0831e;padding:0 .4rem;border-radius:50px;height:.5rem;gap:.1rem;align-items: center;} .recruitment .lists ul li .infos .apply a img{max-width:.2rem} .recruitment .lists ul li .infos .apply a:hover{box-shadow:0 0 12px rgba(0,0,0,0.5)} /*banner*/ .tem_banner .videos{position:relative;font-size:0;height:100%} .tem_banner .videos video {width:100%;height:100%;object-fit:cover;transition:none;background:#000} @-webkit-keyframes warns{ 0%{-webkit-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);transform:scale(1);opacity:0} } @-moz-keyframes warns{ 0%{-moz-transform:scale(0);transform:scale(0);opacity:1} 100%{-moz-transform:scale(1);transform:scale(1);opacity:0} } @-o-keyframes warns{ 0%{-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-o-transform:scale(1);transform:scale(1);opacity:0} } @keyframes warns{ 0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0} } .tem_banner .area-box{position:relative;} .tem_banner .area-box .dot{position:relative;left:0;width:.3rem;height:.3rem;border-radius:100%;background:#f0831e;display:block;} .tem_banner .area-box .dot:after{content:"";position:absolute;width:12px;height:12px;border-radius:100%;left:50%;top:50%;transform:translate(-50%,-50%);background:white;z-index:2} .tem_banner .area-box .pulse{position:absolute;height:.8rem;width:.8rem;left:-.25rem;top:-.25rem;border:.15rem solid rgba(240, 131, 30, 1);border-radius:100%;box-shadow:0 0 4px rgba(240, 131, 30, 1),0 0 10px rgba(240, 131, 30, 1) inset;-webkit-animation:warns 2s ease-out both;-moz-animation:warns 2s ease-out both;-o-animation:warns 2s ease-out both;animation:warns 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;} .tem_banner .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .tem_banner .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .tem_banner .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .tem_banner .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .tem_banner .area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s} .tem_banner .area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s} .tem_banner .area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s} .tem_banner .area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s} .tem_banner .area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s} .tem_banner .area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s} .tem_banner .area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s} .tem_banner .videos .icons>div{position:absolute;} .tem_banner .videos .icons>div .mc_a1t_xl{position: absolute;left: .42rem;top: 50%;z-index: 1;transform: translateY(-50%);white-space: nowrap;padding: 0 .4rem;font-size:.16rem;line-height:.54rem;color:#FFF;visibility:hidden;transition:none} .tem_banner .videos .icons>div .mc_a1t_xl:before{content:'';width:0;height:100%;background:rgba(254, 230, 208, 1);border:1px solid #f0831e;border-radius:35px;position:absolute;top:0;left:0;-webkit-transition: all .7s cubic-bezier(.77,0,.175,1) 0s; -o-transition: all .7s cubic-bezier(.77,0,.175,1) 0s; transition: all .7s cubic-bezier(.77,0,.175,1) 0s;} .tem_banner .videos .icons>div .mc_a1t_xl>*{position:relative;z-index:2;opacity:0;visibility:hidden;width:0} .tem_banner .videos .icons>div .mc_a1t_xl.op{visibility:visible;} .tem_banner .videos .icons>div .mc_a1t_xl.op>*{opacity:1;visibility:visible;width:auto;transition-delay:.4s} .tem_banner .videos .icons>div .mc_a1t_xl.op:before{width:100%} .tem_banner .videos .icons>div .mc_a1t_xl span{font-size:.2rem;color:#f0831e;font-weight:bold} .tem_banner .videos .icons>div.vo0 {top:39%;left:24.5%} .tem_banner .videos .icons>div.vo1 {top:25%;left:46.5%} .tem_banner .videos .icons>div.vo2 {top:25%;left:59.8%} .tem_banner .videos .icons>div.vo3 {top:40%;left:52.7%} .tem_banner .videos .icons>div.vo4 {top:48%;left:75.5%} .tem_banner .videos .icons>div.vo5 {top:73%;left:51%} .tem_banner .videos .icons>div.vo6 {top:79%;left:80%} /* .tem_banner .videos .icons>div.vo3 .mc_a1t_xl,.tem_banner .videos .icons>div.vo6 .mc_a1t_xl{ left: 50%; top: 0.32rem; transform: translate(-50%,0)} */ .tem_banner.index {transition: 0.5s all ease;position: relative;} .tem_banner.index .colbanner{position: fixed;top:0;left: 0;width: 100%;z-index: 1;transition:none} .main{position:relative;z-index:2;background:white} .index_about{background-repeat:no-repeat;background-position:center center;background-attachment:fixed;padding:2.15rem 0 2.2rem} .index_about .text{display:grid;grid-template-columns:37.5% 37.5%;justify-content:space-between} .index_about .text .left h2{font-size:.4rem;color:white;font-weight:bold;margin: 0 0 .45rem} .index_about .text .left h3{font-size:.22rem;color:white;margin:0 0 .35rem} .index_about .text .left p{font-size:.16rem;color:white;text-indent:2em;line-height:.25rem} .index_about .text .left a{display:inline-flex;margin:.5rem 0 0;align-items:center;grid-gap:.15rem;font-size:.16rem;color:#f0831e} .index_about .text .left a:hover{grid-gap:.25rem} .index_about .text .right ul li{display:grid;grid-template-columns:40% 55.8%;justify-content:space-between;margin:0 0 1.1rem;align-items:center} .index_about .text .right ul li:last-child{margin:0} .index_about .text .right ul li h2{font-size:.68rem;color:white;font-weight:bold;font-family:"Arial";position:relative} .index_about .text .right ul li h2:after{content:"";position:absolute;width:2px;height:80%;background:white;transform:translateY(-50%);top:50%;right:0} .index_about .text .right ul li p{font-size:.16rem;color:white;line-height:.26rem} .index_about .text .right ul li h2>span{font-size:.2rem;font-weight:normal;display:inline-block;margin-left:.2rem} .index_videos{padding:1.2rem 0 1.5rem} .index_videos>div>h3{font-size:.4rem;color:#222222;font-weight:bold;margin:0 0 .25rem} .index_videos>div p{font-size:.18rem;color:#222222;} .index_tech .title h2{font-size:.4rem;color:#222222;font-weight:bold;margin:0 0 .9rem} .index_tech{padding:1rem 0;background:url(../images/23.png) center center no-repeat;} .index_tech .lists .img_list{border-bottom:1px solid #eeeeee} .index_tech .lists .img_list .swiper-slide{text-align:center;padding:0 0 .45rem;cursor:pointer} .index_tech .lists .img_list .swiper-slide .img{height:.85rem;line-height:.85rem} .index_tech .lists .img_list .swiper-slide .img img{max-height:.8rem;transition:none} .index_tech .lists .img_list .swiper-slide h2{font-size:.18rem;color:black;font-weight:bold;;transition:none;margin:.35rem 0 0} .index_tech .lists .img_list .swiper-slide:after{content:"";position:absolute;width:0;height:4px;background:#f0831e;border-radius:50px;transition:.5s;left:50%;transform:translateX(-50%);bottom:0} .index_tech .lists .img_list .swiper-slide.swiper-slide-thumb-active:after{width:100%} .index_tech .lists .img_list .swiper-slide.swiper-slide-thumb-active h2{color:#f0831e} .index_tech .lists .img_list .swiper-slide.swiper-slide-thumb-active .img img{filter: invert(50%) sepia(69%) saturate(1653%) hue-rotate(352deg) brightness(109%) contrast(88%);} .index_tech .lists .bigimg {position:relative} .index_tech .lists .bigimg .text{height:2.9rem;padding:0 2rem;display:flex;flex-direction: column;justify-content: center;align-items: center;font-size:.18rem;color:black;transform:translateY(1rem);opacity:0} .index_tech .lists .bigimg .text p{text-align:left;text-indent:2em} .index_tech .lists .bigimg .swiper-slide-active .text{transform:none;opacity:1} .index_tech .lists .bigimg .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:white;width:.65rem;height:.65rem;border-radius:100%;text-align:center;line-height:.65rem;left:0;top:50%;transform:translateY(-50%);z-index:2;} .index_tech .lists .bigimg .swiper-page>div.slide-button-next{left:auto;right:0rem} .index_tech .lists .bigimg .swiper-page>div:hover{background:#f0831e} .index_tech .lists .bigimg .swiper-page>div:hover i{color:white} .index_case {padding:1.15rem 0 1.35rem} .index_case .title h2{font-size:.4rem;color:#222222;font-weight:bold;margin:0 0 .5rem} .index_case .lists{position:relative} .index_case .lists a img{filter: grayscale(100%);transition:.8s} .index_case .lists .swiper-slide-active a img{filter:none;} .index_case .lists a{position:relative;overflow:hidden} .index_case .lists a:after{content:"";position:absolute;background:rgba(2255,255,255,.85);width:100%;height:100%;left:0;top:0;transition:.5s} .index_case .lists .swiper-slide-active a:after{opacity:0} .index_case .lists a .text{position:absolute;padding:.4rem .5rem .17rem;width:100%;;z-index:2;bottom:-2rem;background:linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,.5), rgba(0,0,0,.6));transition:.8s} .index_case .lists a .text h2{font-size:.24rem;color:white;font-weight:bold;margin:0 0 .2rem} .index_case .lists a .text p{font-size:.17rem;color:white;height:.69rem;line-height:.23rem} .index_case .lists .swiper-slide-active a .text{bottom:0;transition-delay:1s} .index_case .lists .swiper-slide-active a:hover img{transform:scale(1.1)} .index_case .lists .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:white;width:.65rem;height:.65rem;border-radius:100%;text-align:center;line-height:.65rem;left:21.5%;top:50%;transform:translateY(-50%);z-index:2;} .index_case .lists .swiper-page>div.slide-button-next{left:auto;right:21.5%} .index_case .lists .swiper-page>div:hover{background:#f0831e} .index_case .lists .swiper-page>div:hover i{color:white} .index_news{padding:1.75rem 0 2.3rem;background:#f8f8f8} .index_news .title h2{font-size:.4rem;color:#222222;font-weight:bold;margin:0 0 .45rem} .index_news .lists a .img{border-radius:20px} .index_news .lists a .img{} .index_news .lists a .text .time{margin:.27rem 0 .15rem;display:flex;justify-content: space-between;align-items: center;} .index_news .lists a .text .time h3{font-size:.17rem;color:#f0831e} .index_news .lists a .text .time span{font-size:.17rem;color:#777777} .index_news .lists a .text h2{font-size:.22rem;color:#151515;font-weight:bold;height:.54rem;line-height:.27rem;margin: 0 0 .25rem} .index_news .lists a .text em{color:#f0831e;display:flex;align-items:center;gap:.15rem} .index_news .lists a:hover .img img{transform:scale(1.1)} .index_news .lists a:hover .text em{gap:.35rem} .return{position:fixed;right:.2rem;bottom:30%;display:none;transition:none;z-index:88} .return a{width:.7rem;height:.7rem;background:rgba(85,85,85,.35);border-radius:100%;text-align:center;line-height:.7rem;} .return a:hover{background:#f0831e;box-shadow:0 0 12px rgba(240,131,30,0.5)} .fix_info{position:fixed;right:.2rem;top:40%;z-index:999} .fix_info ul li{margin:0 0 .1rem;position:relative} .fix_info ul li>a{width:.48rem;height:.48rem;background:#f0831e;text-align:center;line-height:.48rem;border-radius:5px} .fix_info ul li .imgs{position:absolute;right:120%;top:50%;transform:translateY(-50%)rotateX(90deg);transition:.4s} .fix_info ul li .imgs img{max-width:1.2rem;} .fix_info ul li:hover .imgs{transform:translateY(-50%)rotateX(0)} .fix_info ul li .txt{position:absolute;right:120%;top:50%;transform:translateY(-50%)rotateX(90deg);transition:.4s;white-space:nowrap;padding:.1rem .2rem;background:white;box-shadow: 5px 5px 10px rgba(0,0,0,.3)} .fix_info ul li .txt a{font-size:.15rem;color:black;} .fix_info ul li .txt:hover{background:#f0831e} .fix_info ul li .txt:hover a{color:white;} .fix_info ul li:hover .txt{transform:translateY(-50%)rotateX(0)} .nav_fixed{position:fixed;left:.25rem;top:50%;;width:7%;;transition:none;z-index:88} .nav_fixed ul li {margin:0 0 .25rem;position:relative} .nav_fixed ul li:first-child:after{display:none} .nav_fixed ul li:after{content:"";position:absolute;height:.17rem;width:1px;background:#777777;left:2px;bottom:115%} .nav_fixed ul li a{font-size:.16rem;color:#777777;padding-left:.15rem;position:relative;display:inline-block} .nav_fixed ul li a:after{content:"";position:absolute;width:5px;height:5px;background:#777777;border-radius:100%;left:0;top:50%;transform:translateY(-50%)} .nav_fixed ul li.on a{color:#f0831e} .nav_fixed ul li.on a:after{background:#f0831e} .nav_fixed.dibu ul li a{color:white} .nav_fixed.dibu ul li:after{background:white} .nav_fixed.dibu ul li a:after{background:white} .nav_fixed.dibu ul li.on a{color:#f0831e} .nav_fixed.dibu ul li.on a:after{background:#f0831e} /********<=767 mobile nav style css********/ .fl-page{position:relative;top:-1.5rem;} #menu {display:none;} #menu.mm-menu.mm-current{display:block;} .m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)} .m-header >.col-xs-6>div {color:#333;line-height:normal;} .m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;} .m-header >.col-xs-6 .langs em {padding:0 5px;} .m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#333;color:#FFF;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;} .m-header >.col-xs-6 .menu{margin-left:.15rem;} .m-header >.col-xs-6 .menu a{font-size:16px;color:#333} .m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;} .m-header >.col-xs-6 .menu a i {font-size:20px;} .m-header >.col-xs-6 img {max-height:45px;} .st-container .st-menu {background:white; -webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s; -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s; transition: all .6s cubic-bezier(.77,0,.175,1) 0s; } .st-container .st-menu ul li a {color:#333;position:relative;font-size:.25rem} .st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF} .st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#333} .st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#333} .st-container .st-menu ul li>dl {transition:none;margin:0} .st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#333;padding-left:0} .st-container .st-menu ul li>dl dd a i {padding-right:10px;} .st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800} .st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px} .st-effect-1.st-menu {display:block;} /********<=767 mobile nav style css 2********/ /**************************/ /******ipad****/ @media(max-width:1600px){ .footer .fot_infos ul li p{font-size:.18rem} .about_box .lists>div a .text2{padding:0 .15rem} .company .items1 .text .infos{height:4rem} .return{bottom:10%} .zhuanli .text ul{grid-gap:.5rem} .quanzidong .middle ul li:nth-child(2n-1) .text{padding:0 .5rem 0 .15rem } .quanzidong .middle ul li:nth-child(2n) .text{padding: 0 .15rem 0 .5rem;text-align:right;} } @media(max-width:990px){ body{overflow-x:hidden;} .st-menu {display:block;} .header {display:none;} .m-header {top:0;opacity:1;} .tem_banner{padding:60px 0 0} .m-header,.m_header2 {top:0;opacity:1;} .nav_fixed{width:20%;display:none} .tem_banner.index {padding:0;} .tem_banner.index .colbanner{height:220px !important;padding:50px 0 0 } .tem_banner.index{height:220px !important} .tem_banner .videos{} .index_news{padding:1.75rem 0 1rem} .index_about .text{grid-template-columns:1fr;grid-gap:.5rem 0 } .index_about{padding:1rem 0 } .index_tech .lists .bigimg .text{height:auto;padding:.5rem .8rem} .index_case .lists .swiper-page>div{left:5%;} .index_case .lists .swiper-page>div.slide-button-next{right:5%} .index_case .lists a .text{padding:.4rem .2rem} .footer .fot_infos{position:initial;top:0} .footer>div{padding:.5rem 0 0} .footer .fot_infos{border-radius:10px;padding:.2rem;margin:0 0 .5rem} .footer .fot_infos ul{grid-template-columns:1fr;grid-gap:.2rem;border-radius:10px} .footer .fot_infos ul li{grid-template-columns} .footer .fot_infos ul li:first-child{padding:0} .footer .fot_top .fot_navs{display:none} .footer .fot_top{grid-template-columns:100%} .footer .bot{display:inherit;padding:.2rem 0 } .footer .bot p a{display:block} .footer .bot em{display:none} .index_case{padding: 0 0 1rem } .fix_info ul li>a{width:.7rem;height:.7rem;line-height:.7rem} .tem_banner.indise{padding:60px 0 0 !important} .about_box .lists{display:flex;flex-wrap: wrap;} .about_box .lists>div{width:50% !important} .about_box .lists>div .text2 em{width:2rem} .about_box .lists>div:last-child{width:100% !important} .about_nav ul{grid-template-columns:1fr 1fr} .about_nav ul li a:before{} .about_nav .nav_met{display:none} .about_nav ul:after{display:none} .company .items1{grid-template-columns:1fr;grid-gap:.5rem} .company .items2{grid-template-columns:1fr;grid-gap:.5rem} .company .pics ul{grid-template-columns:1fr 1fr;grid-gap:.2rem} .history ul li{padding:0} .history ul li>div{padding:0 .1rem} .zhuanli .text{grid-template-columns:1fr;grid-gap:.5rem} .zhuanli .text ul{grid-template-columns:1fr;grid-gap:0 .2rem} .work .lists{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .5rem} .work .lists ul{grid-template-columns:1fr;grid-gap: 1rem .2rem} .work .lists ul:first-child li:after{display:none} .work .lists ul:first-child li:last-child:before{display:none} .work .lists ul:last-child li:after{display:none} .work .lists ul:last-child {display:flex;flex-wrap: wrap;flex-direction:column-reverse} .work .lists ul:last-child li{} .work .lists ul li a:hover .txt{top:1rem} .techbox .box1 .lists{display:flex;flex-wrap: wrap;} .techbox .box1 .lists>div{width:100% !important} .techbox .box1 .lists>div .text2 em{width:2rem} .techbox .box2 .lists{display:flex;flex-wrap: wrap;} .techbox .box2 .lists>div{width:100% !important} .techbox .box2 .lists>div .text2 em{width:2rem} .techbox .box1 .lists>div a .text2{width:80%} .techbox .box2 .lists>div a .text2{width:80%} .jiachun .process .infos .text .con .dd{grid-template-columns:1fr;grid-gap:.2rem} .tianranqi .process .infos .text .con .dd{grid-template-columns:1fr;grid-gap:.2rem} .mbx{margin:60px 0 0 !important} .tianranqi .top .tit2 ul{display:flex;flex-wrap: wrap;} .tianranqi .top .tit2 ul li{width:50% !important;border-top:1px solid white !important} .tianranqi .top .tit2 ul li .text2 em{width:2rem} /* .tianranqi .top .tit2 ul li:last-child{width:100% !important} */ .tianranqi .case ul{grid-template-columns:1fr 1fr;grid-gap:.3rem} .tianranqi .app .lists .bigimg .text{height:auto;padding:1rem} .tianranqi .table2 ul{overflow-x:auto} .tianranqi .table2 ul li>div{height:auto;padding:.1rem 0 } .tianranqi .table1 ul li>div{height:auto;padding:.1rem 0 } .jiachun .top .tit2 ul{display:flex;flex-wrap: wrap;} .jiachun .top .tit2 ul li{width:50% !important;border-top:1px solid white} .jiachun .top .tit2 ul li .text2 em{width:2rem} .jiachun .top .tit2 ul li:last-child{width:100% !important;border-top:1px solid white} .jiachun .table1 ul li>div{height:auto;padding:.1rem 0 } .jiachun .table2 ul li>div{height:auto;padding:.1rem 0 } .jiachun .case ul{grid-template-columns:1fr 1fr;grid-gap:.3rem} .jiachun .app .lists .bigimg .text{height:auto;padding:1rem} .zhaoqi .top .tit2 ul{display:flex;flex-wrap: wrap;} .zhaoqi .top .tit2 ul li{width:50% !important;border-top:1px solid white !important} .zhaoqi .top .tit2 ul li .text2 em{width:2rem} .zhaoqi .process .infos .text .con .dd{grid-template-columns:1fr;grid-gap:.2rem} .zhaoqi .table1 ul li>div{height:auto;padding:.1rem 0 } .zhaoqi .table2 ul li>div{height:auto;padding:.1rem 0 } .zhaoqi .case ul{grid-template-columns:1fr 1fr;grid-gap:.3rem} .zhaoqi .app .lists .bigimg .text{height:auto;padding:1rem} .youjiwu .top .tit2 ul{display:flex;flex-wrap: wrap;} .youjiwu .top .tit2 ul li{width:50% !important;border-top:1px solid white !important} .youjiwu .top .tit2 ul li .text2 em{width:2rem} .youjiwu .process .infos .text .con .dd{grid-template-columns:1fr;grid-gap:.2rem} .youjiwu .table2 ul li>div{height:auto;padding:.1rem 0 } .youjiwu .case ul{grid-template-columns:1fr 1fr;grid-gap:.3rem} .fenli .top .tit2 ul{display:flex;flex-wrap: wrap;} .fenli .top .tit2 ul li{width:50% !important;border-top:1px solid white} .fenli .top .tit2 ul li .text2 em{width:2rem} .fenli .top .tit2 ul li:last-child{width:100% !important;border-top:1px solid white} .fenli .process .infos .text .con .dd{grid-template-columns:1fr;grid-gap:.2rem} .fenli .table2 ul li>div{height:auto;padding:.1rem 0 } .fenli .case ul{grid-template-columns:1fr 1fr;grid-gap:.3rem} .fenli .app .lists .bigimg .text{height:auto;padding:1rem} .techtedianbox .lists{display:flex;flex-wrap: wrap;} .techtedianbox .lists>div{width:100% !important} .techtedianbox .lists>div .text2 em{width:2rem} .techtedianbox .lists>div.on a .text2{width:80%} .quanzidong .middle ul li:nth-child(2n-1) .text{padding:0 0rem 0 .5rem } .quanzidong .middle ul li:nth-child(2n) .text{padding: 0 .5rem 0 .0rem;text-align:right;} .quanzidong .app .lists .bigimg .text{height:auto;padding:1rem} .zhuangbei .daibiao .table1 .lists1 ul{display:flex;flex-wrap: wrap;} .zhuangbei .daibiao .table1 .lists1 ul li{width:50% !important;border-top:1px solid white !important} .zhuangbei .daibiao .table2 table .firstRow td{width:50%} .zhuangbei .daibiao .table2 .lists2 ul{display:flex;flex-wrap: wrap;} .zhuangbei .daibiao .table2 .lists2 ul li{width:50% !important;border-top:1px solid white} .zhuangbei .daibiao .table2 .lists2 ul li:last-child{width:100% !important;border-top:1px solid white !important} .yuancheng .gongneng .infos ul{grid-template-columns:1fr;grid-gap:.3rem} .yuancheng .gongneng .infos ul li .items{grid-template-columns:1fr} .yuancheng .gongneng .infos ul li .items .text{padding:.5rem} .yuancheng .adv .lists ul{display:flex;flex-wrap: wrap;} .yuancheng .adv .lists ul li{width:50% !important;border-top:1px solid white} .yuancheng .adv .lists ul li .text2 em{width:2rem} .yuancheng .adv .lists ul li:last-child{width:100% !important;border-top:1px solid white} .yuancheng .adv .pics ul{grid-template-columns:1fr 1fr;grid-gap:.3rem} .work .lists ul li a .txt p{line-height:.3rem} .work .lists ul li a .txt{padding:0 .2rem} .xifuji .top .tit2 ul{display:flex;flex-wrap: wrap;} .xifuji .top .tit2 ul li{width:50% !important;border-top:1px solid white !important} .xifuji .zhonglei>div>ul{display:flex;flex-wrap:wrap;gap:.2rem} .xifuji .zhonglei>div>ul li{width:100%} .tezhong .lists{display:flex;flex-wrap: wrap;} .tezhong .lists>div{width:100% !important} .tezhong .lists>div .text2 em{width:2rem} .tezhong .lists>div.on a .text2{width:80%} .xifuji .zhonglei .box .infos .items .txt{grid-template-columns:100%;grid-gap:.2rem} .xifuji .zhonglei .box{padding:.3rem} .xifuji .zhonglei .box .table .table1{overflow-x:auto;text-align:center} .xifuji .zhonglei .box .table .table1 table{width:500px} .xifuji .zhonglei .box .table .table2{overflow-x:auto;text-align:center} .xifuji .zhonglei .box .table .table2 table{width:500px} .xifuji .zhonglei .box .table .table3{overflow-x:auto;text-align:center} .xifuji .zhonglei .box .table .table3 table{width:500px} .xifuji .zhonglei .box .table .table4{overflow-x:auto;text-align:center} .xifuji .zhonglei .box .table .table4 table{width:500px} .xifuji .zhonglei .box .table .table4 table td{width:auto} .xifuji .zhonglei .box .app ul{grid-template-columns:1fr 1fr;grid-gap:.2rem} .cuihuaji .zhonglei>div>ul{display:flex;flex-wrap: wrap;grid-gap:.2rem} .cuihuaji .zhonglei>div>ul li{width:100%} .cuihuaji .zhonglei .box .infos .items .txt{grid-template-columns:100%;grid-gap:.2rem} .cuihuaji .zhonglei .box .app ul{grid-template-columns:1fr 1fr;grid-gap:.2rem} .chengkongfa .top .tit2 ul{display:flex;flex-wrap: wrap;} .chengkongfa .top .tit2 ul li{width:50% !important;border-top:1px solid white} .chengkongfa .top .tit2 ul li .text2 em{width:2rem} .chengkongfa .top .tit2 ul li:last-child{width:100% !important;border-top:1px solid white} .chengkongfa .table ul li>div{height:auto;padding:.1rem 0 } .chengkongfa .app ul{grid-template-columns:1fr 1fr;grid-gap:.2rem} .case_box .guonei .box ul{display:flex;flex-wrap: wrap;} .case_box .guonei .box ul li{width:50%;text-align:center;margin:0 0 .2rem} .case_box .guonei .box ul li a{display:inline-block} .case_box .guonei .guoneimaps .infos .maps .map_box .nums{width:31%} .case_box .guonei .guoneimaps .infos .maps .map_box:nth-child(1) .nums{position:absolute;right:0;top:0%} .case_box .guonei .guoneimaps .infos .maps .map_box:nth-child(2) .nums{position:absolute;right:15%;top:10%} .case_box .guonei .guoneimaps .infos .maps .map_box:nth-child(3) .nums{position:absolute;right:46.5%;top:20%} .case_box .guonei .guoneimaps .infos .maps .map_box:nth-child(4) .nums{position:absolute;right:55%;top:35%} .case_box .guonei .guoneimaps .infos .maps .map_box:nth-child(5) .nums{position:absolute;right:18%;top:65%} .case_box .guonei .guoneimaps .infos .maps .map_box:nth-child(6) .nums{position:absolute;right:15%;top:45%} .case_box .guonei .guoneimaps .infos .maps .map_box:nth-child(7) .nums{position:absolute;right:6%;top:48%} .case_box .guonei .guoneimaps .infos .maps .map_box:nth-child(8) .nums{position:absolute;right:0%;top:60%} .news_box .news_nav ul{display:flex;;gap:.2rem} .news_box .news_nav{padding:.4rem 0 } .news_box .news_nav ul li{padding:0} .news_box .news_top a{grid-template-columns:1fr;grid-gap:.2rem} .news_box .news_top a .text{padding:.2rem} .news_box .news_list ul{grid-template-columns:1fr 1fr;grid-gap:.2rem} .mbx>div{height:auto;padding:.1rem 0 } .mbx>div{display:flex;flex-wrap: wrap;} .contact_nav ul{display:flex;;gap:.2rem} .contact_nav{padding:.4rem 0 } .contact_nav ul li{padding:0} .contact_box .infos ul{grid-template-columns:1fr;grid-gap:.2rem} .contact_box .infos ul li .img img{max-height:.6rem} .contact_box .message .form ul{grid-template-columns:1fr} .contact_box .message .form ul li input{height:50px} .contact_box .message .form .sub button{width:3rem} .contact_box .maps ul{display:flex;flex-wrap: wrap;gap:.2rem} } /********mobile*********/ @media(max-width:767px){ }