@charset "utf-8";
@import url("base.css");
@import url("animate.min.css");
@import url("swiper-bundle.min.css");


/**index**/
.agHead{ width: 100%; position: fixed; left: 0; top: 0; z-index: 99; color: var(--color-white);}
.agHead-top-left .logo{ width: 1.66rem; -webkit-filter: invert(0) brightness(1); filter: brightness(0) invert(1); }
.agHead-top-left .text{ letter-spacing: 0.02rem; margin-left: 1.56vw;}

.agHead-top-nav li{ padding: 0 2.08vw;}
.agHead-top-nav li a.far{ font-size: 0.17rem; line-height: 0.8rem; transition: none;}
.agHead-top-nav li.active a.far{ color: var(--color-blue);}

.agHead-top-tel .self { background: var(--color-orange); width:0.38rem; height:0.38rem; border-radius: 50%; }
.agHead-top-tel .self #xxysvg{ width: 60%; }
.agHead-top-tel .self #xxysvg path{ fill: var(--color-white); }
.agHead-top-tel .self #xxysvg path:nth-child(1){ transform-Origin: 50% 50%; animation: xxysvg1 1.5s linear infinite; }
.agHead-top-tel .self #xxysvg path:nth-child(2){ animation: xxysvg2 5s 0.5s linear infinite; }
.agHead-top-tel .self #xxysvg path:nth-child(3){ animation: xxysvg2 5s 0.25s linear infinite; }
.agHead-top-tel .self #xxysvg path:nth-child(4){ animation: xxysvg2 5s linear infinite; }
.agHead-top-tel .scheme { background-image: linear-gradient(-34deg, #ed7841 0%, #ebb13c 100%), linear-gradient(#f67524, #f67524); line-height: 0.4rem; padding: 0 0.16rem; color: var(--color-white); border-radius:0.05rem; }
.agHead-top-tel .scheme:hover { background-image:linear-gradient(-34deg, #ed7841 100%, #ebb13c 0%), linear-gradient(#f67524, #f67524); }


.agHead-pro{ position: relative; z-index: 2; border-bottom: 1px solid rgba(255,255,255,.2); border-top: 1px solid rgba(255,255,255,.2);}
.agHead-pro li{ padding: 0 2.34vw; position: relative; }
.agHead-pro li > a{ height: 0.5rem; color: var(--color-blue);}
.agHead-pro li:hover > a{ color: var(--color-orange);}
.agHead-pro li .pro-item{ background:var(--color-white); width: 1.5rem; position: absolute; left: 50%; top: 0.6rem; margin-left: -0.75rem; border-radius: 0.03rem; display:none; transition: none; overflow: hidden; box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);}
.agHead-pro li .pro-item:after { content: ""; width: 0; height: 0; position: absolute; top: -0.16rem; left: calc(50% - 0.04rem); border:0.08rem solid transparent; border-bottom-color:var(--color-white); -webkit-filter: blur(0); filter: blur(0); z-index: 1; }
.agHead-pro li .pro-item a { height: 0.42rem; line-height: 0.42rem; text-align: center; display: block; color: #555;}
.agHead-pro li .pro-item a:hover{ background: var(--color-orange); color: var(--color-white); }


.agHead.topFix, .agHead:hover{ background:var(--color-white); color: var(--color-black); box-shadow: 0 0 0.2rem rgba(0,0,0,.1);}
.agHead.topFix .logo, .agHead:hover .logo{ -webkit-filter: none; filter: none; }
.agHead.topFix .agHead-pro, .agHead:hover .agHead-pro{ border-bottom: 1px solid rgba(0,0,0,.05); border-top: 1px solid rgba(0,0,0,.05);}


.black-head .agHead{ color: var(--color-black);}
.black-head .agHead .logo{ -webkit-filter: none; filter: none; }
.black-head .agHead-pro{ border-bottom: 1px solid rgba(0,0,0,.05); border-top: 1px solid rgba(0,0,0,.05);}


.white-head .agHead-top-nav li.active a{ color: var(--color-white);}
.white-head .agHead-pro li > a{ color: var(--color-white);}
.white-head .agHead:hover .agHead-top-nav li.active a.far{ color: var(--color-blue);}
.white-head .agHead:hover .agHead-pro li > a{ color: var(--color-blue);}
.white-head .agHead:hover .agHead-pro li:hover > a{ color: var(--color-orange);}
.white-head .topFix .agHead-top-nav li.active a.far{ color: var(--color-blue);}
.white-head .topFix .agHead-pro li > a{ color: var(--color-blue);}
.white-head .topFix .agHead-pro li:hover > a{ color: var(--color-orange);}


.agBanner{  height: 100vh;}
.agBanner-sider{ height: 100%;}
.agBanner-sider li img{ width: 100%;}
.agBanner-sider li .m-img{ display: none;}

.agBanner-search{ background: var(--color-white); width: 78%; min-width: 12rem; padding: 0.3rem 0; position: absolute; left: 50%; bottom: 0; z-index: 10; transform: translateX(-50%); border-radius: 0.18rem 0.18rem 0 0; display: none;}
.agBanner-search .se-title b{ color: #f17650;}
.agBanner-search .se-box { width: 68%; margin: 0.15rem  auto 0 auto;}
.agBanner-search .se-box .inpt{ background: #f5f5f5; height:0.52rem; padding-left: 4.16vw; color: var(--color-light); flex: 1;}
.agBanner-search .se-box .btn{ background: var(--color-blue); width: 1.2rem; height: 0.52rem; color: var(--color-white); cursor: pointer;}


.agWebsite-floor{ background: #f6f9ff; padding: 5.2vw 0;}
.agWebsite-aside{ width: 25%; height: auto; padding: 0.4rem 0.3rem 0.35rem 0.3rem; flex-direction: column;}
.agWebsite-aside .en{ text-transform: uppercase;}
.agWebsite-aside .la{ margin-top: auto; margin-left: -0.08rem; font-size: 0.15rem;}
.agWebsite-aside .la label{ width: calc(33.33% - 0.08rem); margin: 0.1rem 0 0 0.08rem; line-height: 0.3rem; border: 1px solid rgba(255,255,255,.3);}
.agWebsite-aside .la label:hover{ background-color:#3fa2fc;}

.agWebsite-list{ flex: 1;}
.agWebsite-list li{ background:var(--color-white); width:calc(25% - 0.25rem); position: relative; margin-left: 0.25rem; padding: 0.48rem 0.2rem;}
.agWebsite-list li a{ position: relative; z-index: 2;}
.agWebsite-list li .icon{ width: 1.45rem;  height: 1.19rem; display: inline-block;}
.agWebsite-list li .icon i:nth-child(1){ position: absolute; left: 0; top: 0; }
.agWebsite-list li .icon i:nth-child(2){ position: absolute; left: 0; top: -100%; }
.agWebsite-list li:after { content: " "; background-color: #ddd; width: 100%; height: 0.04rem;  position: absolute; left: 0; bottom: 0; pointer-events: none; }
.agWebsite-list li:hover:after { background-color:#3fa2fc; height: 100%; }
.agWebsite-list li:hover *{ color: var(--color-white);}
.agWebsite-list li:hover .icon i:nth-child(1) { top: 100%; }
.agWebsite-list li:hover .icon i:nth-child(2){ top: 0; }


.agWebsite-mall{ flex-direction: row-reverse;}
.agWebsite-mall .agWebsite-list li{ margin-left: 0; margin-right: 0.15rem;}


.agMobile-floor{ padding: 5.2vw 0;}
.agMobile-body{ justify-content: space-between;}
.agMobile-mini{ width: 62.5%; padding: 0.35rem ; box-shadow: 0 0 0.15rem rgba(0,0,0,.1); border-radius: 0.2rem;}
.agMobile-mini-tags{ flex: 1; padding-right: 0.5rem;}
.agMobile-mini-tags dl{ margin-top: 0.25rem;}
.agMobile-mini-tags dl dt img{ width: 0.25rem;}
.agMobile-mini-tags dl dd{ margin-right: -0.1rem; position: relative;}
.agMobile-mini-tags dl dd a{ background-color: #f7f9fc; width: calc(20% - 0.1rem); margin:0.12rem 0.1rem 0 0; line-height: 0.4rem; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; border: 1px solid #dcdee0;}
.agMobile-mini-tags dl dd a.active,.agMobile-mini-tags dl dd a:hover{ background: var(--color-green); color: var(--color-white);}

.agMobile-mini-swith{  width: 3.2rem; height: 6rem;  border: 0.04rem solid var(--color-green); border-radius: 0.16rem;}
.agMobile-mini-swith .box-img{ width: 100%; height: 100%;}
.agMobile-mini-swith .box-img img{ width: 100%;}
.agMobile-mini-swith .box-btn{ background: var(--color-orange); height: 0.5rem; position:absolute; width:100%; left: 0; bottom: 0; color: var(--color-white);}
.agMobile-mini-swith .box-btn img{ width: 0.17rem;}
.agMobile-mini-swith .box-btn:hover img{ margin-left: 0.15rem;}


.agMobile-list{ width: 35.5%; flex-direction: column; justify-content: space-between;}
.agMobile-list li{ background:var(--color-white); padding: 0.35rem; border-radius: 0.2rem; box-shadow: 0 0 0.15rem rgba(0,0,0,.1);}
.agMobile-list li .word{ width: 51.3%;}
.agMobile-list li .word dl dd{ width: 50%; margin-top: 0.15rem; padding-left: 0.15rem;}
.agMobile-list li .word dl dd:before{ content: ''; background: var(--color-blue); width: 0.05rem; height: 0.05rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%;}
.agMobile-list li .word dl dd:hover{ color:var(--color-orange);}
.agMobile-list li .word dl dd:hover:before { background: var(--color-orange);}
.agMobile-list li .thumb{ width: 42.12%;}
.agMobile-list li .thumb:hover img{ transform: scale(1.05); }


.agSystem-floor{ background-color: #edf1f7; padding: 5.2vw 0;}
.agSystem-floor .agWebsite-aside .la label{ width:calc(50% - 0.08rem);}
.agSystem-floor .agWebsite-aside .la label:hover{ background:  #556fb5;}
.agSystem-floor .agWebsite-list li:hover:after{ background-color: #556fb5;}


.agMarket-floor{ padding: 5.2vw 0;}
.agMarket-list li{ width: 21%; }
.agMarket-list li:before{ content: ''; background: rgba(0,0,0,.2); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.agMarket-list li .cover img{ display: block; max-width: inherit;}
.agMarket-list li .text{ width: 100%; height: 100%; padding: 0 0.4rem; position: absolute; left: 0; top: 0; z-index: 2; align-items: flex-start; flex-direction: column;}
.agMarket-list li.on{ width: 37%; }


.agMall-floor{ background: #edf1f7; padding: 5.2vw 0;}
.agMall-floor .agWebsite-list li:hover:after{ background: #f77343;}
.agMall-floor .agWebsite-aside .la label:hover{ background: #f77343;}


.agCase-floor{ padding: 5.2vw 0;}
.agCase-tabs a{ margin: 0 4.16vw; position: relative; padding-bottom: 0.3rem;}
.agCase-tabs a .icon{ width: 0.56rem; display: inline-block;}
.agCase-tabs a:hover .icon img{ transform: rotateY(-180deg);}
.agCase-tabs a:before { content: ''; background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/bg-line.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat; width: 0.52rem; height: 0.11rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; animation-name: bgSlideH; animation-duration: 1.6s; animation-delay: 0s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-play-state: running; animation-fill-mode: both; opacity: 0;}
.agCase-tabs a.active{ color: var(--color-blue);}
.agCase-tabs a.active:before{ opacity: 1; }

.agCase-body .pcase-list{ display: none;}
.agCase-body .pcase-list:first-child{ display: flex;}

.agCase-more a { color:var(--color-blue); display: block; line-height: 0.5rem; padding: 0 0.54rem; font-size: 0.18rem; position: relative; top: 0; border-radius: 0.3rem; border: 1px solid var(--color-blue); }
.agCase-more a:hover{ background: var(--color-blue); color: var(--color-white); top: -0.05rem;}


.agNews-floor{ background-color: #edf1f7;  padding: 5.2vw 0;}
.agNews-body{ padding: 0.7rem 0 0.85rem 0;}
.agNews-body:before{ content: ''; background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/agNews-bg.jpg); background-size: cover; width: 84.545%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 0.3rem 0 0.3rem 0;}

.agNews{ width: 48.29%; padding-left: 0.6rem; z-index: 2;}
.agNews-head{ line-height: 0.42rem;}
.agNews-head .name{ line-height: 1;}
.agNews-head .tabs{ margin-left: auto;}
.agNews-head .tabs a{ margin-right: 3.385vw; color: var(--color-white); position: relative;}
.agNews-head .tabs a:before { content: ''; background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/news-line.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat; width: 0.52rem; height: 0.11rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: -0.1rem; animation-name: bgSlideH; animation-duration: 1.6s; animation-delay: 0s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-play-state: running; animation-fill-mode: both; opacity: 0;}
.agNews-head .tabs a.active{ font-weight: bold;}
.agNews-head .tabs a.active:before{ opacity: 1;}
.agNews-head .more{ text-transform: uppercase; color: var(--color-white);}
.agNews-head .more:hover{ text-decoration: underline;}

.agNews-list{ padding: 0.35rem 0 0 5.29vw;}
.agNews-list ul{ display: none;}
.agNews-list ul:first-child{ display: inline-block;}
.agNews-list li{ margin-top: 0.35rem;}
.agNews-list li .date{ background: #265fa6; width: 0.87rem; flex-direction: column; line-height: 1; padding: 0.15rem 0;}
.agNews-list li .title{ flex: 1; padding-left: 0.25rem;}
.agNews-list li:hover *{ color: var(--color-white);}
.agNews-list li:hover .title{ text-decoration: underline;}


.agAbout-layout{ background: var(--color-white); width: 46.59%; padding: 0.7rem 0.5rem 0.6rem 0.7rem; z-index: 2; border-radius: 0.4rem 0 0.4rem 0;}
.agAbout-layout .title .dot{ background: var(--color-blue); width: 0.07rem; height: 0.07rem; margin: 0 0.15rem; border-radius: 50%;}
.agAbout-layout .view{ text-align: right;}
.agAbout-layout .view a { color:var(--color-blue); display: inline-block; line-height: 0.5rem; padding: 0 0.54rem; font-size: 0.18rem; position: relative; top: 0; border-radius: 0.3rem; border: 1px solid var(--color-blue); }
.agAbout-layout .view a:hover{ background: var(--color-blue); color: var(--color-white); top: -0.05rem;}


.agClient-floor{ margin-top: 5.2vw; padding-bottom: 5.2vw;}
.agClient-list{ background:url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/agClient-bg.png) no-repeat center; background-size: 96.36% auto;}
.agClient-list .pic{ width: 72.72%; height: 5.6rem; max-width:12.8rem; margin: 0 auto;}
.agClient-list a{ background:#123592; position: absolute; animation: sca .5s linear infinite; border-radius: 0.1rem;}
.agClient-list a img{ max-height:90%; max-width: 90%;}
.agClient-list a:nth-child(1) { width:1.08rem; height:0.86rem; left: .31rem; top:1rem; animation-duration: 2s; z-index: 14; opacity: .5;}
.agClient-list a:nth-child(2) { width:1.03rem; height:0.81rem; left: 0; top:2.27rem; animation-duration: 2.4s;z-index: 14; opacity: .5;}
.agClient-list a:nth-child(3) { width:1.46rem; height:0.89rem; left: .53rem; top:3.19rem; animation-duration: 2.1s; z-index: 14; opacity: .5;}
.agClient-list a:nth-child(4) { width:0.94rem;height:0.7rem; left: .18rem; top:4.35rem; animation-duration: 2.6s; z-index:0; opacity: .4;}
.agClient-list a:nth-child(5) { width:2.04rem; height:1.38rem; left: 1.56rem; top:1.61rem; animation-duration: 1.6s;z-index: 14;}
.agClient-list a:nth-child(6) { width:1.46rem; height:1rem; left: 1.91rem; top:4.06rem; animation-duration: 1.8s; z-index: 14; opacity: .8;}
.agClient-list a:nth-child(7) { width:1.15rem; height:0.87rem; left: 3rem; top:0; animation-duration: 1.9s;z-index: 14; opacity: .5;}
.agClient-list a:nth-child(8) { width:2.04rem; height:1.47rem; left: 3.52rem; top:.59rem; animation-duration: 2.3s; z-index: 0; opacity: .3;}
.agClient-list a:nth-child(9){ width:2.8rem; height:1.8rem; left: 2.27rem; top:2.5rem; animation-duration: 2.2s; z-index: 0; opacity: .8;}
.agClient-list a:nth-child(10){ width:1.13rem; height:0.86rem; left: 3.4rem; top:4.74rem; animation-duration: 2.1s; z-index: 14; opacity: .4;}
.agClient-list a:nth-child(11){ width:1.34rem; height:1.01rem; left: 5.13rem; top:.28rem; animation-duration: 1.8s;z-index: 0;}
.agClient-list a:nth-child(12){ width:0.71rem; height:0.53rem; left: 5.56rem; top:2.07rem; animation-duration: 2.5s; z-index: 14; opacity: .2;}
.agClient-list a:nth-child(13){ width:1.41rem; height:1.07rem; left: 4.59rem; top:2.72rem; animation-duration: 2.6s; z-index: 14;}
.agClient-list a:nth-child(14){ width:1.87rem; height:1.11rem; left: 4.8rem; top:4.34rem; animation-duration: 2.4s;z-index: 14; opacity: .4;}
.agClient-list a:nth-child(15){ width:1.7rem; height:1.31rem; left: 7.1rem; top:0; animation-duration: 2s; z-index: 14; opacity: .6;}
.agClient-list a:nth-child(16){ width:1.17rem; height:0.88rem; left: 6.45rem; top:1.44rem;animation-duration: 2.4s;z-index: 0; opacity: .8;}
.agClient-list a:nth-child(17){width:1.92rem;height:1.46rem;left: 7.17rem;top:1.73rem;animation-duration: 2.1s;z-index: 14; opacity: .3;}
.agClient-list a:nth-child(18){ width:1.92rem; height:1.32rem; left: 6.52rem; top:2.98rem; animation-duration: 2.6s; z-index:14; }
.agClient-list a:nth-child(19){width:0.89rem; height:0.68rem; left: 8.21rem; top:3.5rem; animation-duration: 1.6s; z-index: 0; opacity: .2;}
.agClient-list a:nth-child(20){ width:1.16rem; height:0.88rem; left: 7.12rem; top: 4.55rem; animation-duration: 1.8s; z-index: 14}
.agClient-list a:nth-child(21){ width:2.55rem; height:1.52rem; left: 8.66rem; top:0.43rem; animation-duration: 1.9s; z-index: 14;}
.agClient-list a:nth-child(22){ width:1.35rem; height:1.02rem; left: 8.89rem; top:2.16rem; animation-duration: 2.4s; z-index: 14; opacity: .8;}
.agClient-list a:nth-child(23){ width:1.53rem; height:1.17rem; left: 9.3rem; top:3.22rem; animation-duration: 2.3s; z-index: 0; opacity: .2;}
.agClient-list a:nth-child(24){ width:1.44rem; height:1.09rem; left: 8.88rem; top:4.14rem; animation-duration: 2.2s; z-index: 14;}
.agClient-list a:nth-child(25){ width:0.94rem; height:0.6rem; left: 11.3rem; top:0.67rem; animation-duration: 2.1s;z-index: 14; opacity: .5;}
.agClient-list a:nth-child(26){ width:2.13rem; height:1.64rem; right: 0.63rem; top: 1.82rem; animation-duration: 1.8s;z-index: 0; opacity: .3;}
.agClient-list a:nth-child(27){ width:1.28rem; height:0.82rem; right:0; top:2.64rem; animation-duration: 2.5s;z-index: 14; opacity: .5;}
.agClient-list a:nth-child(28){ width:1.34rem; height:1.02rem; right: 0.46rem; top:3.74rem; animation-duration: 2.6s;z-index: 14; opacity: .5;}
.agClient-list a:hover{ animation:scahover 1.5s linear infinite alternate forwards;  opacity: 1 !important; z-index: 100 !important;}


.agFooter{ background:var(--color-blue); color:var(--color-white); padding-top: 0.8rem;}
.agFooter a:hover{ color:var(--color-white);}
.agFooter-topMenu { width: 70%;}
.agFooter-topMenu dl dd a{ display: block; color:rgba(255,255,255,.5);}
.agFooter-topCode figure{ max-width: 1.2rem; margin-left: 0.3rem;}

.agFooter-contact { margin-top: 0.8rem; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.agFooter-contact li { width: 33.333%; padding: 0.32rem 0 0.32rem 0.4rem; color:rgba(255,255,255,.5); border-right: 1px solid rgba(255, 255, 255, 0.1); }
.agFooter-contact li:first-child{ padding-left: 0;}
.agFooter-contact li .icon{ font-size: 0.6rem; }
.agFooter-contact li .text{ flex: 1; padding-left: 0.4rem;}
.agFooter-contact li:last-child{ border-right: 0;}

.agFooter-copy{ padding: 0.5rem 0; color:rgba(255,255,255,.3);}
.agFooter-copy .links a{ margin-left: 0.15rem;}


/**seo营销页**/
.seo-banner{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/seo-banner.jpg); height: 40vw; padding-top: 5vw;}
.seo-banner .w{ max-width: 14rem;}
.seo-banner .text{ flex: 1; line-height: 1.4;}
.seo-banner .btn{ animation: svelte-naip4b-ripple 1s infinite normal; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear;}
.seo-banner .btn a{ background:#ffa903; line-height: 0.52rem; color: var(--color-white); display: inline-block; padding:0 0.3rem; border-radius: 0.1rem 0 0 0.1rem;}
.seo-banner .btn a:last-child{ background:#2469f3; color:var(--color-white); border-radius: 0 0.1rem 0.1rem 0; }
.seo-banner .thumb{ width: 35%; animation: top_bot1 2s infinite linear;}


.seo-problem{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/seo-problem.jpg); padding: 5.2vw 0;}
.seo-problem .w{ max-width: 13.8rem;}
.seo-problem-body{ height: 4.25rem;}
.seo-problem-body .pro-round{ width: 7.19rem; margin: auto; height: 100%; }
.seo-problem-body .pro-round:before{ content: ''; background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/seo-problem-box.png) no-repeat; background-size:100% 100%; width: 4.25rem; height: 100%; position: absolute; left: 1.34rem; top: 0; animation: rotate 10s linear infinite;}
.seo-problem-body .pro-list li{ position: absolute; z-index: 2; }
.seo-problem-body .pro-list li .icon{ width: 0.8rem;}
.seo-problem-body .pro-list li:nth-child(1){ left: 5.468vw; top: 0.34rem;}
.seo-problem-body .pro-list li:nth-child(2){ right: 0; top: 0.5rem;}
.seo-problem-body .pro-list li:nth-child(3){ left: 0; bottom: 0.1rem;}
.seo-problem-body .pro-list li:nth-child(4){ right: 6.23%; bottom: 0;}
.seo-problem-body .pro-list li:nth-child(2n+1) { flex-direction: row-reverse; }


.seo-website { background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/seo-website.jpg); padding: 5.2vw 0; }
.seo-website-list { margin-left: -0.45rem; padding-top: 0.2rem; }
.seo-website-list li { background:var(--color-white); width: calc(33.33% - 0.45rem); min-height: 2.05rem; margin: 0.35rem 0 0 0.45rem; padding: 0 0.6rem; cursor: pointer; }
.seo-website-list li:before { content: ''; background: #94dc00; width:0.86rem; height: 0.86rem; position: absolute; right: -0.34rem; bottom: -0.34rem; border-radius: 50%; }
.seo-website-list li:nth-child(2):before { background: #ff7342; }
.seo-website-list li:nth-child(3):before { background: #78d2fb; }
.seo-website-list li:nth-child(4):before { background: #a056ff; }
.seo-website-list li:nth-child(5):before { background: #ffac41; }
.seo-website-list li:nth-child(6):before { background: #686fd5; }
.seo-website-list li .icon { width:0.86rem; }
.seo-website-list li .text { width: calc(100% - 0.86rem); padding-left: 0.25rem; }
.seo-website-list li:hover { box-shadow: 0 0 .1rem rgba(0,0,0,.15); color:var(--color-white);}
.seo-website-list li:hover *{ color: var(--color-white);}
.seo-website-list li:hover:before{ width: 100%; height: 100%; right:0; bottom: 0; border-radius: 0;}
.seo-website-list li:hover .icon img{ transform: rotate(360deg); opacity: .8;}


.seo-do{ padding: 5.2vw 0;}
.seo-do-list li{ width:calc((100% - 0.3rem) / 2);  position:relative; margin-top:0.3rem;}
.seo-do-list li .info{ position:absolute; left:0.3rem; bottom:0.3rem; z-index: 2;}
.seo-do-list li .info .t:before{ content:""; background-color:var(--color-white); display:inline-block; width:0.2rem; height:0.03rem; position:absolute; top:-0.2rem; left:0;}
.seo-do-list li .info .c{  padding-right:40%; }
.seo-do-list li:hover .info{ bottom:0.5rem;}
.seo-do-list li:hover .info .t:before{ opacity:0;}


.seo-keywords { background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/seo-keywords.jpg); padding: 5.2vw 0; }
.seo-keywords-list { margin-left:-0.3rem; padding-top: 0.3rem;  }
.seo-keywords-list li { background: var(--color-white); width: calc(25% - 0.3rem); margin: 0.25rem 0 0 0.3rem; padding:0.3rem; cursor: pointer; }
.seo-keywords-list li .icon { width:0.66rem; display: inline-block; }
.seo-keywords-list li:hover { box-shadow: 0 0 0.1rem rgba(0,0,0,.15); }
.seo-keywords-list li:hover .icon { transform: rotateY(360deg); }
.seo-keywords-list li:hover *{ transform: translateY(-0.1rem); }


.seo-case{ padding:4.16vw 0;}
.seo-case-more a{ line-height: 0.5rem; padding: 0 0.54rem; border: 1px solid var(--color-blue); border-radius: 0.3rem;}
.seo-case-more a:hover { background: var(--color-blue); color:var(--color-white); transform:translateY(-0.05rem); box-shadow: 0.02rem 0.02rem 0.1rem rgba(36, 65, 141, 0.4); }

.seo-consult{ padding: 1.5rem 0 1.1rem 0; width: 100%; border-radius:0.3rem 0.3rem 0 0;}
.seo-consult .fdInner{ width: 80%; justify-content: space-between; position: relative; margin:auto;}
.seo-consult-aside{ width: 45%; padding: 0.5rem; background: var(--color-black); border-radius: 0.2rem; }
.seo-consult-aside a { color: var(--color-white); }
.seo-consult-aside .code{ max-width: 1rem;}

.seo-consult-filed{ width: 55%; padding: 0.5rem; background:var(--color-white); border-radius:0.2rem; }
.seo-consult-filed li .aside{ width: 48%;}
.seo-consult-filed li .aside::before { content: ''; background: var(--color-light); width: 0.06rem; height: 0.06rem; position: absolute; left: 0; top:0.08rem; border-radius: 50%; }
.seo-consult-filed li .inpt{ width: 100%; font-size: 0.15rem; letter-spacing: 1px; line-height: 1; padding: 0 0 0.15rem 0.15rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.seo-consult-filed li .inpt::-webkit-input-placeholder{ color: var(--color-light);}
.seo-consult-filed li .inpt:focus{ border-color: var(--color-blue);}
.seo-consult-filed li .serve-t{ padding-left: 0.15rem;}
.seo-consult-filed li .serve-t::before { content: ''; background: var(--color-light); width: 0.06rem; height: 0.06rem; position: absolute; left: 0; top:0.08rem; border-radius: 50%; }
.seo-consult-filed li .serve-x dd { margin:0 0.2rem 0.1rem 0; cursor: pointer; }
.seo-consult-filed li .serve-x dd input { width: 0.16rem; height: 0.16rem; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-appearance: checkbox; }
.seo-consult-filed li .serve-x dd:hover{ color: var(--color-blue);}
.seo-consult-filed li .fdBtn{ background:var(--color-black); padding:0.05rem 0.2rem; color: var(--color-white); border-radius:0.08rem; cursor: pointer;}
.seo-consult-filed li .fdBtn-click{ background:none; flex: 1; color: var(--color-white); text-align: left; cursor: pointer;}
.seo-consult-filed li .fdBtn-arrow { width: 0.46rem; height: 0.46rem; }
.seo-consult-filed li .fdBtn-arrow .BtnArr { position: absolute; left: 0; right: 0; top: 0; bottom: 0; transform: translate(0); }
.seo-consult-filed li .fdBtn-arrow .arr-next { transform: translate(-100%, 100%); }
.seo-consult-filed li .fdBtn:hover{ background: var(--color-blue); color: var(--color-white); }
.seo-consult-filed li .fdBtn:hover .arr-next { transform: translate(0); }
.seo-consult-filed li .fdBtn:hover .arr-prev { transform: translate(100%, -100%); }


/**客户案例**/
.pcase-main{ padding: 0.8rem 0;}
.pcase-head{ margin-top: 1.2rem; border-bottom: 1px solid #ddd; padding-bottom: 0.6rem;}
.pcase-head .en{ font-size: 1rem; font-weight: bold; text-transform: uppercase; }
.pcase-head .cn{ font-size: 0.42rem;}


.pcase-list { margin-left: -0.2rem; }
.pcase-list li{ width: calc(33.33% - 0.2rem); margin: 0.6rem 0 0 0.2rem;}
.pcase-list li .thumb{ padding-top: 64.6%; border-radius: 0.12rem;}
.pcase-list li .logo { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: rotate(0deg) scale(0.2); opacity: 0; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); border-radius: 0.12rem; }
.pcase-list li .corner { transform: scale(0); width: 0.9rem; max-width: 22%; transform-origin: left bottom; position: absolute; left: -1px; bottom: -1px; border-left: 1px solid var(--color-white); border-bottom: 1px solid var(--color-white); }
.pcase-list li .corner:before { content: ""; background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/corner.png) no-repeat scroll left bottom; background-size: contain; display: block; padding-top: 100%; }
.pcase-list li .corner .circle { background-color: var(--color-blue); color: var(--color-white); width: 60%; height: 60%; position: absolute; left: 0.06rem; bottom: 0.06rem; border-radius: 100%; }
.pcase-list li .corner .circle .icon{ transition: all 0.5s cubic-bezier(.32,.74,.3,1.53) 0.3s; transform: scale(0); opacity: 0; }
.pcase-list li:hover .corner { transform: scale(1); }
.pcase-list li:hover .corner .circle .icon{ transform: scale(1); opacity: 1; }
.pcase-list li:hover .thumb .imgs{ transform: scale(1.03);}
.pcase-list li:hover .logo { opacity: 1; -webkit-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }


.pcase-page { padding-top: 0.7rem; }
.pcase-page  a { width: 0.45rem; height:0.45rem; line-height: 0.45rem; color: var(--color-gray); margin: 0 0.06rem; border: 1px solid var(--color-blue); border-radius: 50%; }
.pcase-page .nowpage { background-color: var(--color-blue);  width: 0.45rem; height:0.45rem; line-height: 0.45rem; color:var(--color-white); margin: 0 0.06rem; border: 1px solid var(--color-blue); border-radius: 50%; }
.pcase-page a:hover {  background-color: var(--color-blue); color:var(--color-white); }
.pcase-page a:first-child{ background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/page-prev.png) no-repeat center; background-size:0.16rem auto; font-size: 0; transform: rotate(180deg);}
.pcase-page a:first-child:hover{ background:var(--color-blue) url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/page-prev-hover.png) no-repeat center; background-size:0.16rem auto; }
.pcase-page a:last-child{ background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/page-prev.png) no-repeat center; background-size:0.16rem auto; font-size: 0;}
.pcase-page a:last-child:hover{ background:var(--color-blue) url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/page-prev-hover.png) no-repeat center; background-size:0.16rem auto; }


.caseDetails-banner:before{ content: ''; background: rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.websiteCase-banner{ background-attachment: fixed; height: 33.854vw; align-items: flex-end;}
.websiteCase-banner .w{  padding-bottom: 1rem;}
.websiteCase-banner .text{ width: 70%;}
.websiteCase-banner .text .f{ opacity: .7;}
.websiteCase-banner .note { position: relative; z-index: 2; }
.websiteCase-banner .note a { background-color: #1485ee; color: var(--color-white); width: 1.5rem; height: 0.5rem; border-radius: 0.25rem; }
.websiteCase-banner .note a::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 0.25rem; border: 1px solid #1485ee; transform: scale(1); }
.websiteCase-banner .note a:hover::before { transform: scale(1.08, 1.2); }
.websiteCase-banner .note a:hover b{ transform: rotate(45deg)}


.websiteCase-details { padding-bottom: 0.8rem;}
.websiteCase-details-page { background-color:var(--color-white); margin-top: -0.6rem; z-index: 2; padding: 0.6rem; border-radius: 0.12rem; }
.websiteCase-details-page .info-message{ box-shadow: 0 0.08rem 0.4rem 0.046rem rgba(4,0,0,.1);}
.websiteCase-details-page .info-contant a{ background-color: var(--color-orange); padding: 0 0.5rem; color: var(--color-white); line-height:0.56rem; border-radius: 0.05rem; }
.websiteCase-details-page .info-contant a:after { content: ""; background-color: rgba(0,0,0,.3); width: 0.1rem; height: 0.1rem; position: absolute; transform: translate(-50%,-50%); left: 50%; top: 50%; animation: aniRipple 2s infinite; opacity: 0; border-radius: 50%; }


.websiteCase-details-case li{ padding-right: 0.35rem;}
.websiteCase-details-case li .thumb{ padding-top: 64.6%; border-radius: 0.12rem;}
.websiteCase-details-case li .logo { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: rotate(0deg) scale(0.2); opacity: 0; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); border-radius: 0.12rem; }
.websiteCase-details-case li:hover .thumb imgs{ transform: scale(1.05);}
.websiteCase-details-case li:hover .logo { opacity: 1; -webkit-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }


.websiteMobile-details{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/websiteMobile-details.jpg); padding-top: 2rem;}
.websiteMobile-details .w{ padding: 0.7rem ; flex-direction: row-reverse; justify-content: space-between; border-radius: 0.2rem 0.2rem 0 0;}
.websiteMobile-details-article{ width: 56%; display: flex; flex-direction: column; justify-content: space-between;}
.websiteMobile-details-article .each-bottom{ margin-top: 0.6rem; align-items:  flex-end; }
.websiteMobile-details-article .back-btn{ line-height: 0.46rem; padding: 0 0.17rem; border: 1px #ccc solid; border-radius:0.03rem;}
.websiteMobile-details-article .back-btn:hover{ background: var(--color-blue); color: var(--color-white); border-color: var(--color-blue);}
.websiteMobile-details-article .code-wrap li{ max-width: 1.25rem; margin-left: 0.6rem;}

.websiteMobile-details-scroll{ width: 34.5%; }
.websiteMobile-details-scroll .scroll-inner{ background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/mobile-detail1.png) no-repeat; background-size: 100% auto; width: 3.24rem; height: 6.1rem; padding: 0.45rem 0.32rem 0.8rem 0.32rem;}
.websiteMobile-details-scroll .scroll-inner li{  overflow: hidden; border-radius: 0.1rem;}
.websiteMobile-details-scroll .swiper-button-next, .websiteMobile-details-scroll .swiper-button-prev{ background: #2a2c36; width: 0.56rem; height: 0.56rem; color: var(--color-white); top: auto; margin-top: auto; border-radius: 50%;}
.websiteMobile-details-scroll .swiper-button-next{ right: 0.8rem; bottom: 1.7rem;}
.websiteMobile-details-scroll .swiper-button-next:hover{ background: var(--color-blue);}
.websiteMobile-details-scroll .swiper-button-prev{ left: auto; right: 0.8rem; bottom: 2.56rem;}
.websiteMobile-details-scroll .swiper-button-prev:hover{ background: var(--color-blue);}
.websiteMobile-details-scroll .swiper-pagination{ width: auto; left: auto; bottom:auto; right: 0; top: 0.45rem; color: var(--color-light); -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; font-size: 0.2rem;}
.websiteMobile-details-scroll .swiper-pagination-current{ color:var(--color-black);}


/**原创观点**/
.pnews-banner .text { width: 100%; height: 100%; position: absolute; top: 0; left: 0; line-height: 1.4; }
.pnews-banner .svg-box svg{ vertical-align: top;}
.pnews-banner .svg-box .svg-i1 { animation: opacity 1.8s linear infinite; }
.pnews-banner .svg-box .svg-i2 { transform: translate(1198px, 192px); animation: x_y 1.8s linear infinite; }
.pnews-banner .svg-box .svg-i3 { transform: translate(1174px, 345px); animation: newClip 2s infinite linear; }


.pnews-forward{ background-color: #f5f5f5; padding: 0.65rem 0 0.75rem 0;}
.pnews-forward-second .ne-menu a{ line-height: 0.46rem; padding: 0 0.3rem; position: relative; overflow: hidden; margin-left: 0.2rem; z-index: 1; box-shadow: 0 0 0 1px #000;  border-radius: 0.3rem;}
.pnews-forward-second .ne-menu a span{ position: relative; z-index:1;}
.pnews-forward-second .ne-menu a:after { content: ''; background: var(--color-blue); width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 0.3rem; opacity: 0; }
.pnews-forward-second .ne-menu a.active, .pnews-forward-second .ne-menu a:hover{ color:var(--color-white); box-shadow: 0 0 0 1px transparent; }
.pnews-forward-second .ne-menu a.active:after, .pnews-forward-second .ne-menu a:hover:after{ opacity: 1; }


.pnews-forward-list{ margin: 0 -0.23rem; }
.pnews-forward-list li{ width: 33.333%; padding: 0.6rem 0.23rem 0 23px; }
.pnews-forward-list li a{ background:var(--color-white); padding:0.6rem 0.5rem; display: block; border: 2px solid transparent; border-radius:0.2rem; }
.pnews-forward-list li .title { height: 0.72rem; }
.pnews-forward-list li .desc { height: 0.52rem; }
.pnews-forward-list li .more { margin-top: 0.7rem; }
.pnews-forward-list li .more span { padding-left: 0.25rem; height: 0.41rem; color: #575757; border-radius: 0.41rem; }
.pnews-forward-list li .more span::after { content: ''; width: 100%; height: 100%; position: absolute; right: 0; top: 0; transition: all .8s ease; border-radius: 0.35rem; border: 1px solid #7f7f7f; }
.pnews-forward-list li .more span b { width: 0.41rem; height: 0.41rem; margin-left: -0.05rem; z-index: 10; }
.pnews-forward-list li a:hover { background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/pnews-hover.jpg); background-size: cover; border-color: var(--color-white); box-shadow: 0 0.6rem 0.3rem -0.45rem rgba(64, 50, 25, 0.3); }
.pnews-forward-list li a:hover .more span { padding: 0; }
.pnews-forward-list li a:hover .more span::after { background: var(--color-blue); width:0.41rem; height: 0.41rem; border-color: var(--color-blue); border-radius: 100%; }
.pnews-forward-list li a:hover .more span b { margin-left: 0.08rem; color: var(--color-white); }


.pnews-details{ background-size: 100% auto; padding:2rem 0 1rem 0;}
.pnews-details-head .return{ padding: 0 0.2rem; line-height: 0.4rem; border: 1px solid var(--color-blue); border-radius: 0.4rem;}
.pnews-details-head .return:hover{ background-color: var(--color-blue); color: var(--color-white);}
.pnews-details-head .adds i{ margin: 0 0.05rem;}

.pnews-details-box{ padding-top: 1rem;}
.pnews-details-layout{ width: 70%; }
.pnews-details-layout .layout-desc p{ margin-bottom: 0.3rem;}

.pnews-details-page{ width: 26%; position: relative; }
.pnews-details-page section { position: -webkit-sticky; position: sticky; top: 1rem; }
.pnews-details-page .page-search { background: #f5f5f5; padding: 0.4rem 0.3rem; }
.pnews-details-page .page-search input[type='text'] { background-color: var(--color-white); width: 100%; height: 0.48rem; padding: 0 0.15rem; font-size: 0.15rem; border-radius: 0.32rem; }
.pnews-details-page .page-search .btn { position: absolute; top: 50%; transform: translateY(-50%); right: 0.2rem; z-index: 1; cursor: pointer; }

.pnews-details-page .page-news{ background: #f5f5f5; padding: 0.4rem 0.3rem 0.2rem; }
.pnews-details-page .page-news ul{ border-top: 1px solid rgba(0, 0, 0, 0.06);}
.pnews-details-page .page-news li{ padding: 0.2rem 0; position: relative; border-bottom:1px solid rgba(0, 0, 0, 0.06) ;}
.pnews-details-page .page-news li:last-child{ border-bottom: 0;}
.pnews-details-page .page-news li::after { content: ''; background:var(--color-blue); width: 0; height: 1px; position: absolute; bottom: 0; left: auto; right: 0; }
.pnews-details-page .page-news li:hover::after { width: 100%; right: auto; left: 0; }


.pnews-details-piece{ background: #f5f5f5; padding: 0.6rem 0;}
.pnews-details-piece .w{ justify-content: space-between;}
.pnews-details-piece a{ background-color: var(--color-white); width: 49%;  text-align:center; padding: 0.3rem 1.6rem;}
.pnews-details-piece .view span { width: 1.6rem; padding: 0.1rem 0; color: var(--color-blue); border: 1px solid var(--color-blue); border-radius: 0.4rem; }
.pnews-details-piece .view span:hover{ background-color: var(--color-blue); color: var(--color-white); }


/**联系我们**/
.pcontact-layout{ padding: 5.2vw 0;}
.pcontact-layout .w{ max-width: 15rem;}
.pcontact-layout dl dd .code{ max-width: 1.87rem;}
.pcontact-layout dl .btn { background-color:var(--color-orange); line-height:0.5rem; padding: 0 0.3rem; font-size: 0.24rem; display: inline-block; color:var(--color-white); }
.pcontact-layout dl .btn:hover { background: #278ff3; }
.pcontact-layout dl dd .code{ background-color: #eee; width: 1.8rem; padding:0.2rem; }

.pcontact-address .w{ max-width: 15rem;}
.pcontact-address .ad-right .iconfont{ width: 0.5rem; height: 0.5rem; border: 1px solid var(--color-blue); border-radius: 50%;}


.pcontact-map{  margin-bottom: 3%; }
.pcontact-map:before { content: " "; background-image: linear-gradient(to right,rgba(255,255,255,1) ,rgba(255,255,255,0)); width: 40%; height: 100%; position: absolute;  left: 0; top: 0; z-index: 7; pointer-events: none; }
.pcontact-map:after { content: " "; background-image: linear-gradient(to left, rgba(255,255,255,1) ,rgba(255,255,255,0)); width: 40%; height: 100%; position: absolute; right: 0; top: 0; z-index: 7; pointer-events: none; }
.pcontact-map .point{ width: 0.72rem; position: absolute; left: 46.14%; top: 36%; animation: top_bot1 2s infinite linear;}


/**网站定制-品牌官网**/
.website-custom{ padding: 5.2vw 0;}
.website-custom-flex{ align-items: flex-start;}
.website-custom-flex li{ width: 25%; margin-top: 0.65rem; padding: 0 0.3rem; cursor: pointer;}
.website-custom-flex li .icon{ width: 0.84rem; display: inline-block; margin-bottom: 0.2rem; animation: top_bot1 2s infinite linear;}
.website-custom-flex li:hover .libox{ transform: translateY(-0.2rem);}


.website-why { background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/website-why.jpg) no-repeat 50% 50% / 100% 100%; height: 100vh; }
.website-why .why-title { width: 100%; position: absolute; top: 1rem; left: 0; }
.website-why .why-button { width: 100%; position: absolute; bottom: 0.7rem; left: 0; z-index: 3; }
.website-why .why-button  a { background:var(--color-orange); color:var(--color-white); line-height: 0.5rem; padding: 0 0.54rem; position: relative; top: 0; border-radius: 0.3rem; }
.website-why .why-button  a:hover { top: -0.05rem; }
.website-why .why-tupian { width: 4.95rem; position: absolute; left: 50%; bottom: 6.77vw; transform: translateX(-50%);  }
.website-why .why-tupian img{ animation: top_bot1 2s infinite linear;}

.website-why .why-list { width: 100%; height: 100%; position: absolute; top: -0.5rem; left: 0; z-index: 1; }
.website-why .why-list li {  position: absolute; top: 20%; left: 20%; animation: sca .5s linear infinite; }
.website-why .why-list li .libox{ background: linear-gradient(to bottom, rgba(248, 251, 253, 0.8), 60%, rgba(231, 243, 254, 0.8), rgba(248, 251, 253, 0.8)); --wid: 0.56rem; padding:0.05rem 0.4rem 0.05rem 0.05rem; box-shadow: 0.02rem 0.03rem 0.2rem rgba(0, 0, 0, 0.2); border: 1px solid var(--color-white); border-radius: 0.4rem; }
.website-why .why-list li .icon{ width: var(--wid); height: var(--wid); border-radius: 50%; }
.website-why .why-list li .name { flex: 1; }
.website-why .why-list li:nth-child(1) { --wid: 0.46rem; top: 32%; left: 20%; animation-duration: 1.8s;}
.website-why .why-list li:nth-child(1) .name { font-size: 0.2rem; }
.website-why .why-list li:nth-child(2) { --wid: 0.46rem; top: 43%; left: 47%; animation-duration: 2s;}
.website-why .why-list li:nth-child(2) .name { font-size: 0.2rem; }
.website-why .why-list li:nth-child(3) { --wid: 0.5rem; top: 43%; left: 6%; animation-duration: 2.4s; }
.website-why .why-list li:nth-child(3) .name { font-size: 0.22rem; }
.website-why .why-list li:nth-child(4){ top: 32%; left: 61%; animation-duration: 2s;}
.website-why .why-list li:nth-child(5) { top: 52%; left: 60%; --wid: 0.64rem; animation-duration: 2.2s;}
.website-why .why-list li:nth-child(5) .name { font-size: 0.26rem; }
.website-why .why-list li:nth-child(6) { top: 37.5%; left: 33.7%; animation-duration: 1.6s;}
.website-why .why-list li:nth-child(7) { top: 52%; left: 17%; animation-duration: 2.5s; }
.website-why .why-list li:nth-child(8) { top: 43%; left: 79%; animation-duration: 1.6s;}


.website-advantage{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/website-advantage.jpg);}
.website-advantage-page{  width: 50%; padding: 5.2vw 0;}
.website-advantage-page .six-grid{ padding-top: 0.4rem;}
.website-advantage-page .six-grid li{ width: 46%; margin-top: 0.5rem; cursor: pointer;}
.website-advantage-page .six-grid li .icon{ width: 0.44rem;}
.website-advantage-page .six-grid li .text{ flex:1; padding-left: 0.2rem;}
.website-advantage-page .six-grid li:hover .icon{ transform: translateX(0.1rem);}
.website-advantage-page .six-grid li:hover .text{ transform: translateX(0.1rem);}

.website-advantage-thumb{ display: flex; align-items: center; }
.website-advantage-thumb .th-li{ position: absolute; }
.website-advantage-thumb .th-li1{ width: 0.77rem; bottom:2.58rem; right:7.15rem;}
.website-advantage-thumb .th-li2{ width: 2.62rem; bottom:0.96rem; right:4.86rem;}
.website-advantage-thumb .th-li3{ width: 0.65rem; bottom:0.4rem; right:4.22rem;}
.website-advantage-thumb .th-li4{ width: 3.24rem; bottom:2.06rem; right:2.67rem;}
.website-advantage-thumb .th-li5{ width: 2.85rem; bottom:2.62rem; right:5rem;}
.website-advantage-thumb .th-li6{ width: 2.33rem; bottom:1.1rem; right:1rem;}
.website-advantage-thumb .th-li7{ width: 0.92rem; bottom:1.52rem; right:2.9rem;}
.website-advantage-thumb .th-li8{ width: 0.63rem; bottom:2.4rem; right:1.7rem;}


.website-serve{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/website-serve.jpg); padding:5.2vw 0;}
.website-serve-list li{ background: var(--color-white); width:calc(25% - 0.5rem); margin: 0.5rem 0.25rem 0 0.25rem; padding: 0.35rem 0.4rem 0.5rem 0.4rem; cursor: pointer;}
.website-serve-list li .num{ color:rgba(20,35,180,.2); text-transform:uppercase; }
.website-serve-list li:before{ content: ''; background-color: var(--color-blue); position: absolute; bottom: 0; left: -110%; width: 100%; height: 0.03rem; }
.website-serve-list li:hover:before{ left: 0;}
.website-serve-list li:hover .num{ color: var(--color-blue);}


/**网站定制-响应式网站**/
.responsive-banner{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/responsive-banner.jpg); height: 40vw; }
.responsive-banner:before{ content: ''; background: linear-gradient(180deg, rgba(20, 21, 31, 1), rgba(20, 21, 31, 0)); width: 100%; height: 30vh; position: absolute; left: 0; top: 0; z-index: 10; }
.responsive-banner:after{ content: ''; background: linear-gradient(0deg, rgba(20, 21, 31, 1), rgba(20, 21, 31, 0)); width: 100%; height: 30vh; position: absolute; left: 0; bottom: 0; z-index: 10; }
.responsive-banner .text{  width: 45%; height: auto; line-height: 1.4; position: absolute; left: 7.5%; top: 50%; transform: translateY(-50%); z-index: 5; }
.responsive-banner .text .btn{ animation: svelte-naip4b-ripple 1s infinite normal; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear;}
.responsive-banner .text .btn a{ background:#22a2e0; line-height: 0.52rem; color: var(--color-white); display: inline-block; padding:0 0.3rem; border-radius: 0.1rem 0 0 0.1rem;}
.responsive-banner .text .btn a:last-child{ background: #f2de8a; color: #2070a1; border-radius: 0 0.1rem 0.1rem 0; }
.responsive-banner .visual{ width: 60%; height: auto; position: absolute; left: 35%; top: 0%; z-index: 2; perspective: 3000px; }
.responsive-banner .visual ul{ width: 100%; height: auto; position: relative; display: flex; justify-content: space-between; transform-origin: center center; transform-style: preserve-3d; transform: rotateX(33deg) rotateY(-40deg) rotateZ(31deg); }
.responsive-banner .visual ul li{ width: 46%; height: 100vh; position: relative; }
.responsive-banner .visual ul li .v-box{ width: 100%; height: auto; position: relative; animation: marqueeUp forwards infinite linear 25s; }
.responsive-banner .visual ul li .v-box .img{ width: 100%; height: auto; position: relative; padding-bottom: 3vw; }
.responsive-banner .visual ul li .v-box .img img{ position: relative; border: 0.05rem solid var(--color-white); border-radius: 0.1rem; }
.responsive-banner .visual ul li:nth-child(even) .v-box{ animation: marqueeDown forwards infinite linear 20s; }


.responsive-what{ padding:5.2vw 0;}
.responsive-chart{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/responsive-chart.jpg); padding: 5.2vw 0;}
.responsive-chart .w{ max-width: 13.4rem;}
.responsive-chart .chart-body{ justify-content: space-between;}
.responsive-chart .chart-body dl{ background-color: var(--color-white); width: 48.5%; padding: 0.3rem 0.65rem 0.4rem 0.65rem; border-radius: 0.2rem;}
.responsive-chart .chart-body dl:first-child{ padding-right: 1.2rem;}
.responsive-chart .chart-body dl + dl{ padding-left: 1.2rem;}
.responsive-chart .chart-body dl dt{ background-color: #148cdb; line-height: 0.55rem; border-radius: 0.3rem;}
.responsive-chart .chart-body dl dd p{ border-bottom: 1px #eceeec solid;}
.responsive-chart .chart-body dl dd p:last-child{ border-bottom: 0;}
.responsive-chart .chart-body dl dd label{ color: #1892dc; font-style: italic;}
.responsive-chart .chart-body .pk{ width: 1.6rem; position: absolute; left: 50%; top: 50%; margin: -0.8rem 0 0 -0.8rem; z-index: 2; border-radius: 100%; box-shadow: 0 0 0.6rem rgba(165,165,165,.38); }
.responsive-chart .chart-body dl:hover{ background: #148cdb; color: var(--color-white);}
.responsive-chart .chart-body dl:hover dd label{ color: var(--color-white);}
.responsive-chart .chart-body dl:hover dt{ background: var(--color-white); color: #148cdb;}


.responsive-step{ padding: 5.2vw 0;}
.responsive-step .w{ max-width: 13.4rem;}
.responsive-step-list li .icon{ width: 1.18rem; display: inline-block;}
.responsive-step-list li:hover .icon img{ transform: rotateY(-180deg);}

.responsive-good{ padding: 5.2vw 0;}
.responsive-good-column{ width: 52.55%;}
.responsive-good-column .editor{ padding-top: 0.15rem;}
.responsive-good-column .editor dl{ width: 44%; margin-top: 0.5rem; cursor: pointer;}
.responsive-good-column .editor dl dd{ flex: 1; padding-left: 0.3rem;}
.responsive-good-column .editor dl:hover{ transform: translateY(-0.1rem);}
.responsive-good-column .editor dl:hover dt{ color: #148cdb;}
.responsive-good-thumb{ width: 41.55%;}


/**网站定制-政务网站**/
.government-banner{ height: 40vw;}
.government-banner .w{ max-width: 14rem;}
.government-banner .thumb{ width: 25.46vw;}
.government-banner .text{ flex: 1; line-height: 1.4; text-align: right;}
.government-banner .text .btn{ justify-content: flex-end; animation: svelte-naip4b-ripple 1s infinite normal; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear;}
.government-banner .text .btn a{ background:#e13f3d; line-height: 0.52rem; color: var(--color-white); display: inline-block; padding:0 0.3rem; border-radius: 0.1rem 0 0 0.1rem;}
.government-banner .text .btn a:last-child{ background: #f4e98d; color:#d73134; border-radius: 0 0.1rem 0.1rem 0; }

.government-keep{ padding:5.2vw 0;}
.government-keep-type li{ background-color: var(--color-white); width: 33.333%; padding:  0.35rem; cursor: pointer;}
.government-keep-type li:nth-child(2){ background-color: #7d7ed6; color: var(--color-white);}
.government-keep-type li:nth-child(4){ background-color: #e13f3d; color: var(--color-white);}
.government-keep-type li:nth-child(6){ background-color: #68c6da; color: var(--color-white);}
.government-keep-type li:hover > *{ transform: translateY(-0.2rem);}


.government-core{ padding:5.2vw 0;}
.government-core-tab{ background-color: #f3f9ff;}
.government-core-tab a{ flex:1; padding: 0.25rem 0; border: 1px #cde5ff solid;}
.government-core-tab a.active,.government-core-tab a:hover{ background-color: #e13f3d; color: var(--color-white); border-color: #e13f3d;}

.government-core-swith .swith-item{ display: none;}
.government-core-swith .swith-item:first-child{ display: block;}
.government-core-swith .core-tit h3{ line-height: 1; padding-left: 0.15rem; border-left: 0.05rem #e13f3d solid;}
.government-core-swith .core-list{ margin-left: -0.45rem;}
.government-core-swith .core-list li{ background-color: #f8ffef; width: calc(20% - 0.45rem); min-height: 2.08rem; cursor: pointer; margin: 0.3rem 0 0 0.45rem; flex-direction: column;}
.government-core-swith .core-list li .iconfont{ color: #e13f3d; display: inline-block;}
.government-core-swith .core-list li:hover{ background-color: #e13f3d !important; color: var(--color-white); }
.government-core-swith .core-list li:hover .iconfont{ color: var(--color-white); animation: swing 1s infinite linear;}
.government-core-swith .core-list li:nth-child(2){ background-color: #f3f9ff;}
.government-core-swith .core-list li:nth-child(3){ background-color: #fcf6ff;}
.government-core-swith .core-list li:nth-child(4){ background-color: #f2fffa;}
.government-core-swith .core-list li:nth-child(5){ background-color: #fff6f3;}
.government-core-swith .core-list li:nth-child(6){ background-color: #f3f4ff;}
.government-core-swith .core-list li:nth-child(7){ background-color: #fff4f4;}
.government-core-swith .core-list li:nth-child(8){ background-color: #f1fdff;}
.government-core-swith .core-list li:nth-child(9){ background-color: #fff9f4;}
.government-core-swith .core-list li:nth-child(10){ background-color: #f7fff1;}


/**网站定制-营销网站**/
.market-banner{ height: 40vw;}
.market-banner .btn{ animation: svelte-naip4b-ripple 1s infinite normal; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear;}
.market-banner .btn a{ background:#ec6941; line-height: 0.52rem; color: var(--color-white); display: inline-block; padding:0 0.3rem; border-radius: 0.1rem 0 0 0.1rem;}
.market-banner .btn a:last-child{ background: #126ace; color:var(--color-white); border-radius: 0 0.1rem 0.1rem 0; }


.market-function{ padding:5.2vw 0;}
.market-function-type li{ background-color: #f7f7f7; width: calc(100%/6 - 0.1rem); position: relative; margin: 0 0.05rem; cursor: pointer; border-radius: 0.15rem 0.15rem 0 0; }
.market-function-type li:before{ content: ''; background-color: #fd6c5b; width: 100%; height: 0; position: absolute; left: 0; top: 0;}
.market-function-type li .litop{ background-color: #fd6c5b; padding: 0.2rem 0;}
.market-function-type li .lidesc{ padding: 0.25rem 0.2rem;}
.market-function-type li:nth-child(2):before{ background-color: #a5779c;}
.market-function-type li:nth-child(2) .litop{ background-color: #a5779c;}
.market-function-type li:nth-child(3):before{ background-color: #50b49c;}
.market-function-type li:nth-child(3) .litop{ background-color: #50b49c;}
.market-function-type li:nth-child(4):before{ background-color: #fec35f;}
.market-function-type li:nth-child(4) .litop{ background-color: #fec35f;}
.market-function-type li:nth-child(5):before{ background-color: #778592;}
.market-function-type li:nth-child(5) .litop{ background-color: #778592;}
.market-function-type li:nth-child(6):before{ background-color: #967353;}
.market-function-type li:nth-child(6) .litop{ background-color: #967353;}
.market-function-type li:hover:before{ height: 100%;}
.market-function-type li:hover .lidesc{ color: var(--color-white);}


.market-way{ padding:5.2vw 0;}
.market-way-list li{width: calc((100% - 0.9rem) / 4); margin-right: 0.3rem;}
.market-way-list li:last-child{ margin-right: 0;}
.market-way-list li:hover .thumb img{ transform: scale(1.05);}


.market-contact{ background-image:url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/yxx_hao_bg.jpg); padding:1.3rem 0;}
.market-contact .btn a{ background:var(--color-orange); color:var(--color-white); line-height: 0.5rem; padding: 0 0.54rem; position: relative; top: 0; border-radius: 0.3rem; animation: svelte-naip4b-ripple 1s infinite normal;}


.market-plan { padding:5.2vw 0;}
.market-plan-body li{ width:calc(33.33% - 0.47rem); margin:0.6rem 0.7rem 0 0; position:relative;}
.market-plan-body li:nth-child(3n){ margin-right:0;}
.market-plan-body li .icon{ background: linear-gradient(124deg, #39c5c0, #50b49c); width:0.5rem; height:0.5rem; border-radius:0 0.25rem 0.25rem 0.25rem; }
.market-plan-body li .nums{ font-size:2.3rem; color:rgba(51,51,51,0.03); font-weight:bold; position:absolute; top:0; right:0; line-height:0.8;}
.market-plan-body li:hover .icon{ transform:rotate(360deg);}



/**电商平台-bc2**/
.Ecommerce-banner{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/Ecommerce-banner.jpg); height: 40vw; padding-top: 5vw;}
.Ecommerce-banner .w{ max-width: 14rem;}
.Ecommerce-banner .text{ flex: 1; line-height: 1.4;}
.Ecommerce-banner .text .m{ background: var(--color-white); line-height: 0.42rem; color: #eb728c; display: inline-block; padding: 0 0.4rem;}
.Ecommerce-banner .text .btn{ animation: svelte-naip4b-ripple 1s infinite normal; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear;}
.Ecommerce-banner .text .btn a{ background: var(--color-white); line-height: 0.52rem; color: #eb728c; display: inline-block; padding:0 0.3rem; border-radius: 0.1rem 0 0 0.1rem;}
.Ecommerce-banner .text .btn a:last-child{ background:#f78377; color:var(--color-white); border-radius: 0 0.1rem 0.1rem 0; }
.Ecommerce-banner .thumb{ width: 27.45vw; animation: up-down 1.5s ease-in-out infinite alternate-reverse both;}


.Ecommerce-features{ padding: 5.2vw 0; }
.Ecommerce-features-body{ padding-top: 0.2rem; margin-left: -2%;}
.Ecommerce-features-body li{ background: var(--color-white); width: 23%; padding: 0.3rem; margin: 2% 0 0 2%;}
.Ecommerce-features-body li::before { content: ''; background-color: #f78377; width: 0; height:0.04rem; position: absolute; bottom: 0; left: 0; }
.Ecommerce-features-body li .icon{ width: 0.46rem; display: inline-block;}
.Ecommerce-features-body li:hover{ transform: translateY(-0.1rem); box-shadow: 0 0 .15rem rgba(0,0,0,.1);}
.Ecommerce-features-body li:hover:before{ width: 100%;}


.Ecommerce-industry{ padding:5.2vw 0;}
.Ecommerce-industry-list li{ width: 20%; position: relative; overflow: hidden; }
.Ecommerce-industry-list li .name{ width: 100%; text-align: center; color: var(--color-white); position: absolute; top: 50%; left: 0; transform: translate(0%, -50%); }
.Ecommerce-industry-list li img{ width: 100%;}
.Ecommerce-industry-list li:hover img{ transform: scale(1.05);}


.Ecommerce-plan{ background-image:url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/Ecommerce-plan.png); padding:5.2vw 0; }
.Ecommerce-plan-round{ justify-content: space-between;}
.Ecommerce-plan-round li { background:var(--color-white); width: 18%; padding: 0.3rem 0.2rem; box-shadow: 0 0.05rem 0.23rem 0.02rem rgba(196,196,196,0.32); border-radius: 0.12rem; border: 1px solid rgba(0,0,0,0); }
.Ecommerce-plan-round li .icon { width: 0.75rem; display: inline-block; }
.Ecommerce-plan-round li:hover { background: #FBFBFB; transition: 1.5s; -moz-transition: 1.5s; -webkit-transition: 1.5s; border-color: #FF4747; box-shadow: 0 0.05rem 0.23rem 0.02rem rgba(173,173,173,0.32); transform: translateY(-0.1rem); }


.Ecommerce-core{ padding: 5.2vw 0;}
.Ecommerce-core-body{ padding-top: 0.35rem; justify-content: space-between;}
.Ecommerce-core-body li { background-image: linear-gradient(0deg, rgba(255,255,255,.70) 0%, #fffcfd 100%); width: calc(25% - 0.2rem); padding: 0.4rem; margin-top: 0.2rem; box-shadow: 0 0.04rem 0.2rem rgba(190,196,207,.28); border: 1px solid var(--color-white); border-radius: 0.06rem; cursor: pointer; }
.Ecommerce-core-body li .icon { background: #ea728d; width: 0.6rem; height: 0.6rem; margin: 0 auto; border-radius: 0.4rem; }
.Ecommerce-core-body li .icon img { max-height: 0.3rem; }
.Ecommerce-core-body li:last-child { width: calc(50% - 0.14rem); padding-left: 2.8rem; position: relative; }
.Ecommerce-core-body li:last-child:before { content:''; background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/cdm.png) no-repeat; background-size: 100%; width: 2.4rem; height: 2.4rem; position: absolute; left: 0.2rem; top: 0.2rem; }
.Ecommerce-core-body li dd em { display: inline-block; color: #ea728d; position: relative; }
.Ecommerce-core-body li dd em:before { content: ''; background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/zz.png) no-repeat; background-size: 100%; width: 0.14rem; height: 0.22rem; position: absolute; right: -0.16rem; bottom: 0.06rem; }
.Ecommerce-core-body li:hover { border: solid 1px #ea728d; }
.Ecommerce-core-body li:hover .icon{ transform: rotate(360deg);}


/**电商平台-b2b2c**/
.multiple-banner{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/multiple-banner.jpg); height: 40vw; padding-top: 4vw;}
.multiple-banner .w{ max-width: 14rem;}
.multiple-banner .text{ flex:1; line-height: 1.4;}
/*.multiple-banner .text .btn{ animation: svelte-naip4b-ripple 1s infinite normal; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear;}*/
.multiple-banner .text .btn a{ background: #FA8D1F; line-height: 0.52rem; color: var(--color-white); padding:0 0.3rem; border-radius: 0.1rem 0 0 0.1rem;}
.multiple-banner .text .btn a:last-child{ background:#2379FA; border-radius: 0 0.1rem 0.1rem 0; }
.multiple-banner .text .btn a:hover{ background-color: #0052D9;}
.multiple-banner .thumb { background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/multiple-b1.png) no-repeat; width: 6.21rem; height: 3.02rem; margin-top: 0.7rem; z-index: 3; }
.multiple-banner .thumb i { position: absolute; animation: rowup linear 3s; }
.multiple-banner .thumb i:nth-child(1) { width: 1.48rem; left: 2.13rem; top: -0.7rem; animation: rowup linear 2s infinite; }
.multiple-banner .thumb i:nth-child(2) { width: 0.59rem; left: 0.29rem; top: 1.64rem; }
.multiple-banner .thumb i:nth-child(3) { width: 0.54rem; left: 5.36rem; top: 1.94rem; }
.multiple-banner .thumb i:nth-child(4) { width: 0.45rem; right: 1rem; top: -0.05rem; }


.multiple-ecology{ padding: 5.2vw 0;}
.multiple-ecology .w{ max-width: 14rem;}

.multiple-plant{ padding: 5.2vw 0;}
.multiple-plant-scmos{ justify-content: space-between;}
.multiple-plant-scmos li { width: calc(33.33% - 0.2rem); position: relative; padding: 0.3rem 0.2rem; }
.multiple-plant-scmos li:before { content: ''; background: linear-gradient(to bottom,rgba(255,255,255,.7) 0%,#fff 15%); width: calc(100% - 0.1rem); height: calc(100% - 0.8rem); position: absolute; left: 0.04rem; bottom: 0.04rem; border: solid 1px var(--color-white); border-radius: 0.06rem; backdrop-filter: blur(0.15rem); z-index: 2; }
.multiple-plant-scmos li:after { content: ''; background: linear-gradient(to top,#E9EFF7 40%,#0063FF); width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 0.08rem; }
.multiple-plant-scmos li:nth-child(2):after { background: linear-gradient(to top,#E9EFF7 40%,#00B3FF); }
.multiple-plant-scmos li:nth-child(3):after { background: linear-gradient(to top,#E9EFF7 40%,#575EF4); }
.multiple-plant-scmos .title, .multiple-plant-scmos .desc { position: relative; z-index: 3; }
.multiple-plant-scmos .desc { padding: 0.3rem 0.2rem; }
.multiple-plant-scmos .desc dt { margin-top: 0.3rem; margin-bottom: 0.8rem; }
.multiple-plant-scmos .desc dd i { width: 0.4rem; height: 0.4rem; margin: 0 auto; }
.multiple-plant-scmos .desc dd i:before { content:''; background: rgba(210,228,254,.50); backdrop-filter: blur(0.08rem); width: 100%; height: 100%; position: absolute; z-index: 2; border: solid 1px rgba(210,228,254,.80); border-radius: 100%; }
.multiple-plant-scmos .desc dd i:after { content:''; background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/sci.png) no-repeat; background-size: 100%; width:0.26rem; height: 0.28rem; position: absolute; left: -0.1rem; top: -0.06rem; }
.multiple-plant-scmos .desc dd img { height: 0.2rem; position: relative; z-index: 4; }
.multiple-plant-scmos .desc dd .di:hover { transform:translateY(-0.15rem);}
.multiple-plant-scmos li:nth-child(2) i:after { background-position: 0 -0.36rem; }
.multiple-plant-scmos li:nth-child(3) i:after { background-position: 0 -0.71rem; }
.multiple-plant-scmos li:nth-child(2) i:before { background: rgba(204,239,254,.50); border-color: rgba(204,239,254,.80); }
.multiple-plant-scmos li:nth-child(3) i:before { background: rgba(221,223,252,.50); border-color: rgba(221,223,252,.80); }


.multiple-fine{ padding: 5.2vw 0;}
.multiple-fine-body{ padding-top: 0.3rem; justify-content: space-between;}
.multiple-fine-body li{ width: calc(50% - 0.25rem); margin: 0.25rem 0; position: relative; }
.multiple-fine-body li:before { content: ''; background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/lci.png) no-repeat 0 -0.6rem; width: 0.2rem; position: absolute; height: 0.32rem; right: -0.36rem; top: 50%; transform: translateY(-50%); }
.multiple-fine-body li:after { content: ''; background: linear-gradient(to right,rgba(255,255,255,.50) 0%,#F5F7FA 15%); position: absolute; width: calc(100% - 0.6rem); height: 100%; right: 0; top: 0; backdrop-filter: blur(0.1rem); border-radius: 0 0.08rem 0.08rem 0; }
.multiple-fine-body li .fi-title{ background: #00B82B; width:0.7rem; padding: 0 0.25rem 0 0.15rem; text-align: center; position: relative; border-radius: 0.08rem 0 0 0.08rem; }
.multiple-fine-body li .fi-title:before, .multiple-fine-body li .fi-title:after { content: ''; position: absolute; background:var(--color-white); width: 0.14rem; height: 0.14rem; right: -0.07rem; top: -0.07rem; z-index: 3; border-radius: 0.2rem; }
.multiple-fine-body li .fi-title:after { top: auto; bottom: -0.07rem; }
.multiple-fine-body li .fi-aside { flex: 1; position: relative; z-index: 2; margin-left: -0.1rem; padding: 0.3rem; }
.multiple-fine-body li .fi-aside dd { width: 23%; }
.multiple-fine-body li .fi-aside dd .icon{ width: 0.4rem; display: inline-block;}
.multiple-fine-body li .fi-aside dd:hover .icon img{ transform: rotateY(-180deg);}
.multiple-fine-body li:nth-child(2):before { right: 44%; bottom: -40px; top: auto; transform: rotate(90deg); }
.multiple-fine-body li:nth-child(2) .fi-title { background: #FA8D1F; }
.multiple-fine-body li:nth-child(3):before { top: -40px; right: 44%; transform: rotate(-90deg); }
.multiple-fine-body li:nth-child(3) .fi-title { background: #F55353; }
.multiple-fine-body li:nth-child(4):before { left: -40px; transform: rotate(-180deg); margin-top: -0.16rem; }
.multiple-fine-body li:nth-child(4) .fi-title { background: #2379FA; }


.multiple-about{ background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/multiple-about.jpg) no-repeat center center fixed; background-size: cover; padding-top: 0.4rem; }
.multiple-about:before { content: ''; background: rgba(0, 0, 0, .5); width: 100%; height: 100%; position: absolute; left: 0; top: 0; backdrop-filter: blur(0.2rem); }
.multiple-about .w{ justify-content: space-between; padding-right: 5.2vw;}
.multiple-about .ab-word{ width: 43.75%; }
.multiple-about .ab-word .tit { background-image: linear-gradient(102deg,#cab49f,#EEDBCB,#544130); -webkit-background-clip: text; display: inline-block; color: transparent; }
.multiple-about .ab-word dl dt{ color: rgba(255,255,255,.500); }
.multiple-about .ab-word dl dd span { width: 33.33%; height: 0.5rem; margin-top: 0.15rem; color: rgba(255,255,255,.80); }
.multiple-about .ab-word dl dd span img{ width: 0.32rem;}

.multiple-about .ab-rotate{ background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/profit-makbg.png); background-size: 100%; width: 7rem; height: 4.4rem; margin-top:0.8rem; }
.multiple-about .ab-rotate:before { content: ''; background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/profit-mak360.png); background-size: 100%; width: 3.5rem; height: 3.5rem; position: absolute; bottom: 0.96rem; left: 0.02rem; transform: rotate(360deg); transform-origin: 100% 100%; animation: xdu 5s cubic-bezier(.63,.07,.2,1) 0s infinite; }
.multiple-about .ab-rotate li { background: #0052D9; width: 0.8rem; height: 0.8rem; flex-direction: column; position: absolute; z-index: 3; border-radius: 200%; }
.multiple-about .ab-rotate li:before { content: ''; position: absolute; width: calc(100% + 0.1rem); height: calc(100% + 0.1rem); left: -0.06rem; top: -0.05rem; border: dashed 1px rgba(255,255,255,.50); border-radius: 0.9rem; }
.multiple-about .ab-rotate li img{ width: 0.2rem;}
.multiple-about .ab-rotate li:nth-child(1) { left: -0.4rem; bottom: 0.6rem; }
.multiple-about .ab-rotate li:nth-child(2) { left: 1.15rem; bottom: 2.6rem; }
.multiple-about .ab-rotate li:nth-child(3) { left: 50%; top: -0.3rem; margin-left: -0.4rem; }
.multiple-about .ab-rotate li:nth-child(4) { right: 1.15rem; bottom: 2.6rem; }
.multiple-about .ab-rotate li:nth-child(5) { right: -0.4rem; bottom: 0.6rem; }
.multiple-about .ab-rotate li:nth-child(6) { background: #00C8DC; width: 1.8rem; height: 1.8rem; left: 50%; bottom: 0.14rem; margin-left: -0.9rem; }
.multiple-about .ab-rotate li:nth-child(6):before,.ab-rotate li:nth-child(6):after { display: none; }


.multiple-online{ padding: 5.2vw 0;}
.multiple-online .schex-a { background: #F5F7FA; width: 27.7%; padding: 0.1rem 0.3rem; border-radius: 0.08rem; }
.multiple-online .schex-a:before { content: ''; width: calc(100% + 0.2rem); height: calc(100% + 0.2rem); position: absolute; left: -0.11rem; top: -0.11rem; border: dashed 1px #0052D9; border-radius: 0.08rem; }
.multiple-online .schex-a:after { content: ''; background: #0052D9; width: 0.16rem; height: 0.16rem; position: absolute; right: -0.17rem; top: 0.72rem; border: solid 0.03rem var(--color-white); border-radius: 0.1rem; }
.multiple-online .schex-a dl { padding: 0.2rem 0; cursor:pointer; border-bottom: solid 1px rgba(211,215,222,.50);}
.multiple-online .schex-a dl:last-child { border-bottom: none; }
.multiple-online .schex-a dt { width: 0.4rem; height: 0.4rem; margin-top: -0.05rem; border-radius: 0.4rem; }
.multiple-online .schex-a dt:before,.schex-a dt:after { content: ''; background: linear-gradient(to right,#006CFD,#0052D9); width: 0.4rem; height: 0.4rem; position:absolute; left: -0.06rem; top: -0.06rem; border-radius: 0.06rem; }
.multiple-online .schex-a dt:after { background: rgba(211,229,253,.40); backdrop-filter: blur(10px); top: 0; left: 0; z-index: 2; border: solid 1px #C5DDFD; }
.multiple-online .schex-a dt img { height: 0.24rem; position: relative; z-index: 3; }
.multiple-online .schex-a dd { width: calc(100% - 0.6rem); }
.multiple-online .schex-a dl:hover dd{ transform: translateX(0.1rem);}
.multiple-online .schex-a:last-child { background: #FEF4F1; }
.multiple-online .schex-a:last-child:before { border-color: #F44837; }
.multiple-online .schex-a:last-child:after { background: #F44837; left: -0.18rem; top: auto; bottom:0.72rem; }
.multiple-online .schex-a:last-child dt:before, .multiple-online .schex-a:last-child dt:after { background: linear-gradient(to right,#F44837,#FF8A14); }
.multiple-online .schex-a:last-child dt:after { background: rgba(255,238,231,.40); border-color: #FEF2E6; }

.multiple-online .schex-c { width: 24.6%; }
.multiple-online .schex-c li { background: #E9EFF7; display: flex; margin-top: 0.5rem; border-radius:0.08rem; }
.multiple-online .schex-c li:first-child{ margin-top: 0;}
.multiple-online .schex-c li h2 { background: #0052D9; color:var(--color-white); padding: 0 0.1rem; height: 1.3rem; line-height: 0.32rem; border-radius: 0.08rem; }
.multiple-online .schex-c li h3 { padding: 0.2rem; }
.multiple-online .schex-c li:before { content: ''; width: 40%; height: 0.4rem; position: absolute; left: -35%; top: -0.6rem; border: dashed 1px #0052D9; border-bottom: 0; border-left: 0; border-radius: 0 0.08rem 0 0; }
.multiple-online .schex-c li:after { content: ''; background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/jtx.png) no-repeat; background-size: 100%; width: 0.1rem; height: 0.11rem; position: absolute; left: 0.15rem; top: -0.15rem; }
.multiple-online .schex-c li:last-child { background: #FEF4F1; }
.multiple-online .schex-c li:last-child:before { left: auto; top: auto; right: -35%; bottom: -0.6rem; border: dashed 1px #F44837; border-top: 0; border-right: 0; border-radius: 0 0 0 0.08rem; }
.multiple-online .schex-c li:last-child h2 { background: #F44837; }
.multiple-online .schex-c li:last-child:after { background-position: 0 -0.1rem; left: auto; top: auto; bottom: -0.15rem; right: 0.16rem; }


.multiple-model{ padding: 5.2vw 0;}
.multiple-model .w{ max-width: 13rem;}
.multiple-model-tabs a{ padding: 0 0.4rem; line-height: 0.4rem; color: #0052D9; margin-left: -1px; border: 1px #0052D9 solid;}
.multiple-model-tabs a.active { background-color: #0052D9; color: var(--color-white);}
.multiple-model-content{ background-color: var(--color-white); padding: 0.4rem 0.35rem; box-shadow:0 0.02rem 0.07rem 0 #d4dff5; border-radius: 0.08rem;}
.multiple-model-content li{ display: none;}
.multiple-model-content li:first-child{ display: flex;}
.multiple-model-content li .thumb{ width: 45.5%;}
.multiple-model-content li .word{ width: 46.5%;}
.multiple-model-content li.active .word{ animation-name:fadeInRight; animation-duration:1s;}
.multiple-model-content li.active .thumb{ animation-name:fadeInLeft; animation-duration:1.2s;}


.multiple-code{ padding: 5.2vw 0;}
.multiple-code .Ecommerce-core-body li{background-image: linear-gradient(0deg, rgba(255, 255, 255, .70) 0%, #F5F7FA 100%); }
.multiple-code .Ecommerce-core-body li .icon{ background: #0052D9}
.multiple-code .Ecommerce-core-body li:hover{ border-color: #0052D9;}
.multiple-code .Ecommerce-core-body li:last-child:before{ background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/multiple-code.png) no-repeat; background-size: 100%;}
.multiple-code .Ecommerce-core-body li dd em{ color: #0052D9;}


/**o2o商城**/
.o2o-banner{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/o2o-banner.jpg); height: 40vw; padding-top: 4vw;}
.o2o-banner .w{ max-width: 14rem;}
.o2o-banner .text{ flex:1; line-height: 1.4;}
.o2o-banner .text .btn{ animation: svelte-naip4b-ripple 1s infinite normal; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear;}
.o2o-banner .text .btn a{ background: #3b62d2; line-height: 0.52rem; color: var(--color-white); padding:0 0.3rem; border-radius: 0.1rem 0 0 0.1rem;}
.o2o-banner .text .btn a:last-child{ background:#f36646; border-radius: 0 0.1rem 0.1rem 0; }
.o2o-banner .thumb { width: 43vw; animation: up-down 1.5s ease-in-out infinite alternate-reverse both;}


.o2o-scene{ padding: 5.2vw 0;}
.o2o-scene .w{ max-width: 14rem;}
.o2o-scene-artcon { padding: 0.25rem 0.8rem; border-radius: 0.1rem; box-shadow: 0 0 0.16rem 0.04rem rgba(0,0,0,.08); }
.o2o-scene-artcon dl dt { width: 0.44rem; }
.o2o-scene-artcon dl dd{ flex:1; padding-left: 0.15rem;}
.o2o-scene-artcon dl:hover dd{ padding-left: 0.25rem;}

.o2o-scene-three{ justify-content: space-between;}
.o2o-scene-three .box-unit { background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/fl1_1.png) center top no-repeat; background-size: 100% 100%; width: 24.5%; padding: 0.55rem 0; }
.o2o-scene-three .box-unit:nth-child(2){ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/fl1_2.png); }
.o2o-scene-three .box-static { background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/fl1_3.png) center top no-repeat; background-size: 100% 100%; width: 48.7%; padding-top: 0.3rem; }
.o2o-scene-three .box-static b { color: #ff3228; font-weight: normal; }

.o2o-scene-btn a{ background: #ff8a00; line-height:0.5rem; padding: 0 0.6rem; color:var(--color-white); border-radius:0.08rem;}
.o2o-scene-btn a:hover { transform: translateY(-0.05rem); }


.o2o-model{ background-color: #eff6fe; padding: 5.2vw 0;}
.o2o-model .w{ max-width: 14rem;}
.o2o-model-body li { background:var(--color-white); width:31.35%; padding:0 0.45rem 0.35rem 0.45rem; border: 0.02rem solid var(--color-white); border-radius: 0.08rem; box-shadow: 0 0 0.16rem 0.02rem rgba(0,0,0,.08); cursor: pointer; }
.o2o-model-body li .title { background-image: linear-gradient(to right,#00b1d6,#00cbd3); width: 73%; display: block; margin: -0.26rem auto 0.4rem; height:0.54rem; line-height: 0.54rem; color: var(--color-white); text-align: center; border-radius: 0.5rem; }
.o2o-model-body li .icon { width: 2.67rem; display: block; margin: 0 auto; }
.o2o-model-body li:nth-child(1) .tips{ color: #08a9bc; }
.o2o-model-body li:nth-child(2) .title { background-image: linear-gradient(to right,#666cf0,#8f87f7); }
.o2o-model-body li:nth-child(2) .tips{ color: #666cf0; }
.o2o-model-body li:nth-child(3) .title { background-image: linear-gradient(to right,#5870f8,#5b96fa); }
.o2o-model-body li:nth-child(3) .tips{ color: #5870f8; }
.o2o-model-body li:hover { border-color: #54d3e2; }
.o2o-model-body li:nth-child(2):hover { border-color: #7151e6; }
.o2o-model-body li:nth-child(3):hover { border-color: #3b58e9; }


.o2o-feature{ padding: 5.2vw 0;}
.o2o-feature .w{ max-width: 14rem;}
.o2o-feature-list { justify-content: space-between; padding-top: 0.25rem; }
.o2o-feature-list li { background: linear-gradient(1turn, #f2f7ff, var(--color-white)); width: 23.5%; padding: 0.2rem; margin-top: 0.3rem; box-shadow: 0 0.02rem 0.09rem 0 #c6cddc; border-radius: 0.08rem; border: 0.02rem solid var(--color-white); cursor:pointer;}
.o2o-feature-list li:first-child { width:49%; padding: 0; border: 0; overflow: hidden; }
.o2o-feature-list li:hover{ transform: translateY(-0.1rem); }
.o2o-function{ background-color: #f2f7ff; padding: 5.2vw 0;}


/**域名查询**/
.anDomain-banner{ height: 40vw;}
.anDomain-banner .ba-english{ font-size: 1.2rem; line-height: 1;}
.anDomain-banner .ba-english span{ color: #2a9dff;}
.anDomain-banner .ba-search{ background: var(--color-white); width: 43%; height: 0.58rem; margin:0.4rem auto 0 auto; border-radius: 0.3rem;}
.anDomain-banner .ba-search .inpt{ flex: 1; height: 100%; padding: 0.15rem 0 0.15rem 0.7rem; color: var(--color-gray);}
.anDomain-banner .ba-search .btn{ background: #f28260; width: 1.2rem; height: 100%; color: var(--color-white); cursor: pointer;}


.anDomain{ padding: 0.5rem 0 1rem 0;}
.anDomain-list li{ background: var(--color-white); width: 23%;}
.anDomain-list li .li-title{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/anDomain-line01.jpg); background-position: center; background-size: cover; color: var(--color-white); padding: 0.25rem 0;}
.anDomain-list li .li-inner{ padding: 0.4rem 0.25rem 0.75rem 0.25rem;}
.anDomain-list li .li-inner .cate{  padding-top: 0.15rem; border-top:1px #eee solid; }
.anDomain-list li .li-inner .cate dd{ width: 50%; text-align: center; margin-top: 0.15rem; }
.anDomain-list li .li-inner .label{ color: #fbb523;}
.anDomain-list li .li-inner .sbtn{ background: #e7b03e; display: block; line-height: 0.5rem; color: var(--color-white);}
.anDomain-list li:nth-child(2) .li-title{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/anDomain-line02.jpg); }
.anDomain-list li:nth-child(2) .li-inner .label{ color: #1e98ff;}
.anDomain-list li:nth-child(2) .li-inner .sbtn{ background: #3e65c4;}
.anDomain-list li:nth-child(3) .li-title{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/anDomain-line03.jpg); }
.anDomain-list li:nth-child(3) .li-inner .label{ color: #ff8131;}
.anDomain-list li:nth-child(3) .li-inner .sbtn{ background: #eb9056;}
.anDomain-list li:nth-child(4) .li-title{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/anDomain-line03.jpg); }
.anDomain-list li:nth-child(4) .li-inner .label{ color: #7b7ed2;}
.anDomain-list li:nth-child(4) .li-inner .sbtn{ background: #7b7ed2;}


.anDomain-second-head .tabs{ width: 65%; margin: 0.3rem auto 0 auto;  border: 1px solid var(--color-blue); border-radius: 0.4rem;}
.anDomain-second-head .tabs a{  flex: 1; font-size: 0.2rem; text-align: center; line-height: 0.62rem; border-left:1px solid var(--color-blue); }
.anDomain-second-head .tabs a.active, .anDomain-second .tabs a:hover{ background: var(--color-blue); color:var(--color-white);}
.anDomain-second-table thead th{ background: #eee; font-weight: normal; text-align: left; padding: 0.23rem 0;}
.anDomain-second-table thead th:first-child{ padding-left: 0.7rem;}
.anDomain-second-table tbody tr{ background: var(--color-white);}
.anDomain-second-table tbody td{ padding: 0.21rem 0; color: var(--color-gray);}
.anDomain-second-table tbody td:first-child{ padding-left: 0.7rem;}
.anDomain-second-table tbody td .view{ display: inline-block; padding: 0 0.08rem; border: 1px solid var(--color-blue);}
.anDomain-second-table tbody td .view:hover{ background: var(--color-blue); color: var(--color-white);}
.anDomain-second-table tbody tr:nth-child(odd){ background: #fafafa;}


.anDomain-details{ margin-top: -1.1rem; padding: 0.5rem;}
.anDomain-details-top .tleft .buy{ background: #65b961; margin: 0 0.2rem; color: var(--color-white); line-height: 0.34rem; padding: 0 0.08rem; border-radius: 0.05rem;}
.anDomain-details-top .obtain{ color: #65b961; line-height: 0.36rem; padding: 0 0.3rem; border: 1px #65b961 solid; border-radius: 0.05rem;}
.anDomain-details-top .obtain:hover{ background: #65b961; color: var(--color-white);}

.anDomain-details-info{ border-top:1px #eee solid; }
.anDomain-details-info dl:nth-child(2n+2){ background: #f8f8f8;}
.anDomain-details-info dl dt{ width: 26%; text-align: right; padding: 0.22rem 6.5% 0.22rem 0;}
.anDomain-details-info dl dd{ width: 74%; padding: 0.22rem 0 0.22rem 0.4rem; border-left:1px #eee solid; }
.anDomain-details-info dl dd .dns{ padding: 0.1rem 0;}
.anDomain-details-info dl dd .other{ color: #576b9e; padding-top: 0.15rem; border-top:1px #eee solid; }
.anDomain-details-info dl dd .other a{ line-height:0.19rem; padding: 0 0.07rem; margin-left: 0.1rem; border: 1px #c5cee3 solid; border-radius: 0.03rem;}
.anDomain-details-info dl dd .renew{ margin-left: 0.2rem; color: #9b9b9b;}


.anDomain-details-table thead th{ background: #f8f8f8; font-weight: normal; padding: 0.22rem 0; text-align: left;}
.anDomain-details-table thead th:first-child{ padding-left: 12%; }
.anDomain-details-table tbody tr:nth-child(2n+2){ background: #f8f8f8;}
.anDomain-details-table tbody td{ padding: 0.2rem 0;}
.anDomain-details-table tbody td:first-child{ padding-left: 12%; }
.anDomain-details-table tbody td .have{ background: #777; line-height: 0.22rem; padding: 0 0.05rem; display: inline-block; margin-left: 0.15rem; position: relative;}
.anDomain-details-table tbody td .have:before{content:''; height:0; width:0; display:block; position: absolute; left: -0.05rem; top: 0.06rem; border:0.05rem transparent solid; border-left-width:0; border-right-color:#777;}
.anDomain-details-table tbody td .not{ background: #5cb85c; line-height: 0.22rem; padding: 0 0.05rem; display: inline-block; margin-left: 0.15rem; position: relative;}
.anDomain-details-table tbody td .not:before{content:''; height:0; width:0; display:block; position: absolute; left: -0.05rem; top: 0.06rem; border:0.05rem transparent solid; border-left-width:0; border-right-color:#5cb85c;}
.anDomain-details-table tbody td .entrust{ color: #5cb85c; line-height: 0.26rem; padding: 0 0.1rem; display: inline-block; margin-right: 0.3rem; border: 1px #5cb85c solid;}
.anDomain-details-table tbody td .entrust:hover{ background: #5cb85c; color: var(--color-white);}
.anDomain-details-table tbody td .view{ color: #3c60c8; line-height: 0.26rem; padding: 0 0.1rem; display: inline-block; margin-right: 0.3rem; border: 1px #3c60c8 solid;}
.anDomain-details-table tbody td .view:hover{ background: #3c60c8; color: var(--color-white);}


/**官网-微网站**/
.microsite-banner{ height: 40vw; padding-top: 5vw;}
.microsite-banner .w{ max-width: 14rem; }
.microsite-banner .text{ flex: 1; line-height: 1.4;}
.microsite-banner .text .btn{ animation: svelte-naip4b-ripple 1s infinite normal; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear;}
.microsite-banner .text .btn a{ background: var(--color-blue); line-height: 0.52rem; color: var(--color-white); display: inline-block; padding:0 0.3rem; border-radius: 0.1rem 0 0 0.1rem;}
.microsite-banner .text .btn a:last-child{ background: var(--color-orange); border-radius: 0 0.1rem 0.1rem 0; }
.microsite-banner .thumb{ width: 29.68vw;}
.microsite-banner .thumb .img01{ width: 3.55rem; margin-top: 0.35rem;}
.microsite-banner .thumb .img02{ width: 3.84rem; position: absolute; right: 0; top: 0; z-index: 2;}


.microsite-what{ padding: 5.2vw 0;}
.microsite-what-list li{ width: 25%; padding: 0 0.25rem;}
.microsite-what-list li .icon { background-color: var(--color-orange); width: 1.1rem; height: 1.1rem; margin: 0 auto; font-size: 0.5rem; color: var(--color-white); border-radius: 100%; }
.microsite-what-list li:hover{ transform: translateY(-0.15rem);}
.microsite-what-list li:hover .icon{ transform: rotate(360deg);}


.microsite-industry{ padding:5.2vw 0;}
.microsite-industry-layout { margin-left: -0.16rem; }
.microsite-industry-layout li { background-color: var(--color-white); width: calc(16.66% - 0.16rem); margin: 0.16rem 0 0 0.16rem; padding: 0.2rem .2rem .3rem 0.2rem; position: relative; text-align: center; border: 1px solid #f2f2f3; cursor: pointer; }
.microsite-industry-layout li .icon { width: 0.8rem; display: inline-block; }
.microsite-industry-layout li .cover { background:var(--color-white); width: 90%; position: absolute; left: 50%; top: 50%; z-index: 5; transform: translate(-50%,-50%); display: none; }
.microsite-industry-layout li .cover .link { background-color: var(--color-orange); color: var(--color-white); width: 1.26rem; height: 0.38rem; line-height: 0.38rem; display:inline-block; }
.microsite-industry-layout li .cover .link:hover { background-color: var(--color-black); }
.microsite-industry-layout li:hover  { border-color:var(--color-orange); }
.microsite-industry-layout li:hover .cover { display: block; }


.microsite-process{ background-color: var(--color-orange);  padding:5.2vw 0;}
.microsite-process-list{ max-width: 90%; margin: auto; padding-top: 0.4rem; justify-content: space-between;}
.microsite-process-list li{ background: var(--color-white); width: calc(50% - 0.12rem); margin-top: 0.24rem; padding: 0.3rem; }
.microsite-process-list li .icon{ font-size: 0.64rem;}
.microsite-process-list li .text{ max-width: calc(100% - 1.6rem);}
.microsite-process-list li:hover{ background: #ff7a52; box-shadow: 0 0 0.2rem rgba(0,0,0,.15);}
.microsite-process-list li:hover *{ color: var(--color-white);}


.microsite-benefit{ padding: 5.2vw 0 2.2vw 0;}
.microsite-benefit-inner .in-aside{ width: 50%; padding-right:0.4rem;}
.microsite-benefit-inner .in-aside dl{ width: 48%; margin-bottom: 0.5rem; cursor: pointer;}
.microsite-benefit-inner .in-aside dl dt{ width: 0.62rem;}
.microsite-benefit-inner .in-aside dl dd{ flex:1; padding-left: 0.3rem;}
.microsite-benefit-inner .in-aside dl:last-child{ width: 100%; margin-bottom: 0;}
.microsite-benefit-inner .in-aside dl:hover{ transform: translateX(0.15rem);}
.microsite-benefit-inner .in-thumb{ width: 50%;}
.microsite-benefit-inner .in-thumb li{ position: absolute; top: 0;}
.microsite-benefit-inner .in-thumb li:nth-child(1) { width:48.75%; margin-left:30.75%; z-index:3; position:relative; }
.microsite-benefit-inner .in-thumb li:nth-child(2) { width:28.75%; left:21%; z-index:2; }
.microsite-benefit-inner .in-thumb li:nth-child(3) { width:28.75%; right:13.375%; z-index:2; }
.microsite-benefit-inner .in-thumb li:nth-child(4) { width:25%; left:10.75%; }
.microsite-benefit-inner .in-thumb li:nth-child(5) { width:25%; right:1%; }


/**官网-app**/
.App-banner{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/App-banner.jpg); height: 43.48vw; padding-top: 6.51vw;}
.App-banner .button{ overflow: hidden; position: relative; z-index: 2; animation: svelte-naip4b-ripple 1s infinite normal; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear; border-radius: 0.1rem;}
.App-banner .button a{ background:#3fc6af; line-height: 0.52rem; font-size: 0.18rem; color:var(--color-white); padding:0 0.3rem; }
.App-banner .button a:last-child{ background:#f2de8a; color:#1d9952; }
.App-banner .box{ width:31.145vw; position: absolute; left: 50%; transform: translateX(-50%); top: 12.5vw; z-index:1; }
.App-banner .phone{ width:22.395vw; position: absolute; left: 50%; transform: translateX(-50%); bottom: 12.5vw; }
.App-banner .coord{ width: 56.56vw; height:14.322vw; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; }
.App-banner .coord a{ position: absolute;}
.App-banner .coord a:hover { -webkit-animation: bounce 1s; animation: bounce 1s; }
.App-banner .coord a:nth-child(1){ width: 0.87rem; left: 0; bottom: 3.22vw;}
.App-banner .coord a:nth-child(2){ width: 0.84rem; left: 9.27vw; bottom: 5.572vw;}
.App-banner .coord a:nth-child(3){ width: 0.72rem; left: 17.55vw; bottom: 6.875vw;}
.App-banner .coord a:nth-child(4){ width: 0.76rem; left: 24.635vw; bottom: 5.93vw;}
.App-banner .coord a:nth-child(5){ width: 0.69rem; left: 30.833vw; top: 2.6vw;}
.App-banner .coord a:nth-child(6){ width: 0.68rem; right: 16.875vw; bottom: 6.51vw;}
.App-banner .coord a:nth-child(7){ width: 0.69rem; right: 10vw; bottom: 4.322vw;}
.App-banner .coord a:nth-child(8){ width: 0.84rem; right: 8.125vw; top: 0;}
.App-banner .coord a:nth-child(9){ width: 1.01rem; right: 0; bottom: 4.114vw;}


.App-cando{ padding:5.2vw 0;}
.App-cando-list li{ width: 12%;}
.App-cando-list li .icon{ width: 0.68rem;}
.App-cando-list li:hover{ transform: translateY(-0.2rem);}


.App-solve{  padding:5.2vw 0;}
.App-solve-upper li{ width: 14.6%; margin: 0.24rem 1% 0 1%; padding: 0.3rem 0 0.4rem 0; border: solid 1px #d9d9d9; }
.App-solve-upper li .icon img{ width: 0.8rem;}
.App-solve-upper li:hover{ transform:translate(0,-0.06rem); box-shadow:1px 1px 0.12rem 0.03rem rgba(153,153,153,0.4); }


.App-reason{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/App-solve.jpg); padding:5.2vw 0;}
.App-reason-list{ justify-content: space-between;}
.App-reason-list li{ background-color: var(--color-white); width: 23.5%; padding: 0.4rem; border-radius: 0.12rem; cursor: pointer;}
.App-reason-list li .icon{ background-color: #f0f0f0; width: 0.66rem; height: 0.66rem; border-radius: 100%;}
.App-reason-list li:hover{ background-color: var(--color-green); box-shadow: 0 0 0.25rem rgba(0,0,0,.1);}
.App-reason-list li:hover *{ color: var(--color-white); }
.App-reason-list li:hover .icon{ background-color: var(--color-white); color: var(--color-green);}


.App-assured{ padding:5.2vw 0;}
.App-assured-clan{ justify-content: space-between; padding-top: 0.2rem;}
.App-assured-clan li{ background-color: #f6a90c; width: 24%; margin-top: 0.35rem; padding: 0.25rem; cursor: pointer;}
.App-assured-clan li .title img{ width: 0.55rem;}
.App-assured-clan li:nth-child(2) { background-color: #04bebf;}
.App-assured-clan li:nth-child(3) { background-color: #9fb521;}
.App-assured-clan li:nth-child(4) { background-color: #5972dd;}
.App-assured-clan li:nth-child(5) { background-color: #3fc5d5;}
.App-assured-clan li:nth-child(6) { background-color: #d5b78c;}
.App-assured-clan li:nth-child(7) { background-color: #e58f49;}
.App-assured-clan li:nth-child(8) { background-color: #434242;}
.App-assured-clan li:hover{ background-color: var(--color-green);}


/**小程序**/
.Applets-banner{ height: 40vw; padding-top: 4vw;}
.Applets-banner .w{ max-width: 13.7rem;}
.Applets-banner .text{ flex: 1; line-height: 1.4;}
.Applets-banner .text .btn{ animation: svelte-naip4b-ripple 1s infinite normal; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear;}
.Applets-banner .text .btn a{  background:#7e95f3; line-height: 0.52rem; color: var(--color-white); display: inline-block; padding:0 0.3rem; border-radius: 0.1rem 0 0 0.1rem;}
.Applets-banner .text .btn a:last-child{ background: #f2de8a; color: #1d9952; border-radius: 0 0.1rem 0.1rem 0; }
.Applets-banner .thumb{ width: 31.76vw; animation: up-down 1.5s ease-in-out infinite alternate-reverse both;}


.Applets-fission{ padding: 5.2vw 0;}
.Applets-fission-card li { width: 23%;  }
.Applets-fission-card li .thumb{ border-radius:0.1rem;}
.Applets-fission-card li .thumb img{ width: 100%;}
.Applets-fission-card li .desc{ padding: 0 8%;}
.Applets-fission-card li:hover .thumb img{ transform: scale(1.05);}


.Applets-what{ background:#f7f9fc; padding: 5.2vw 0;}
.Applets-what .w{ max-width: 11rem; }
.Applets-what-wrapper{ justify-content: space-between; }
.Applets-what-tags{ width: 6.8rem;}
.Applets-what-tags dl{ margin-bottom: 0.4rem;}
.Applets-what-tags dl dt img{ width: 0.32rem;}
.Applets-what-tags dl dd a{ background-color: #f7f9fc; margin:0.19rem 0.1rem 0 0; width: 1.25rem; line-height: 0.4rem; border: 1px solid #dcdee0; border-radius:0 0.08rem 0 0.08rem;}
.Applets-what-tags dl dd a.active,.Applets-what-tags dl dd a:hover{ background: var(--color-green); color: var(--color-white);}


.Applets-what-swith{ background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/what-phone.png) no-repeat; background-size: 100% 100%; width: 3.21rem; height: 6.6rem; padding: 0.43rem 0.22rem 0.95rem 0.22rem;}
.Applets-what-swith .box-img{ width: 100%; height: 100%; border-radius: 0.1rem;}
.Applets-what-swith .box-btn{ position:absolute; width:100%; left: 0; bottom: 0.36rem; color: var(--color-white);}
.Applets-what-swith .box-btn img{ width: 0.17rem;}
.Applets-what-swith .box-btn:hover img{ margin-left: 0.15rem;}

.Applets-what-consult .button a{ background: var(--color-white); padding: 0.14rem 0.56rem; margin: 0 0.1rem; border: 1px var(--color-green) solid; border-radius: 5px;}
.Applets-what-consult .button a:last-child{ background-color: var(--color-orange); color: var(--color-white);  border-color: var(--color-orange);}
.Applets-what-consult .button a:hover { background-color: var(--color-green); color: var(--color-white); border-color: var(--color-green); }


.Applets-Entrance{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/Applets-features.jpg); padding: 5.2vw 0;}
.Applets-Entrance-list dl{ width: 25%; margin-top: 0.5rem; cursor: pointer;}
.Applets-Entrance-list dl dt{ width: 0.66rem;}
.Applets-Entrance-list dl dd{ flex: 1;}
.Applets-Entrance-list dl:hover dt img{ transform: rotate(360deg);}


.Applets-advantage{  padding: 5.2vw 0;}
.Applets-advantage-page{ justify-content: space-between; padding-top: 0.25rem;}
.Applets-advantage-page li{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/advantage-bg01.jpg); width:calc(33.33% - 0.22rem); padding: 0.32rem 0.2rem 0.32rem 0.4rem; margin:0.25rem 0 0 0.22rem; border: 0.02rem solid var(--color-white); }
.Applets-advantage-page li::after { content: ''; background-color:#14a96f; width: 1rem; height: 1rem; display: block; position: absolute; bottom: 100%; right: 100%; border-radius: 50%; transform: translate3d(50%, 50%, 0) scale3d(0, 0, 0); }
.Applets-advantage-page li .icon { width: 0.62rem; height: 0.61rem; position: relative; z-index: 2; }
.Applets-advantage-page li .icon img { display: block; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); }
.Applets-advantage-page li .icon img:nth-child(2) { z-index: 2; opacity: 0; }
.Applets-advantage-page li .tit{ position: relative; z-index: 2;}
.Applets-advantage-page li .intro > * { position: relative; z-index: 2; padding-left: 0.17rem; }
.Applets-advantage-page li .intro > *::after { content: ''; width: 0.07rem; height:  0.07rem; position: absolute; left: 0; top: 0.15rem; border: 0.01rem solid #d2d2d2; border-radius: 50%;}
.Applets-advantage-page li:hover::after { transform: translate3d(50%, 50%, 0) scale3d(15, 15, 15); }
.Applets-advantage-page li:hover .icon img:nth-child(1) { opacity: 0; }
.Applets-advantage-page li:hover .icon img:nth-child(2) { opacity: 1; }
.Applets-advantage-page li:hover > *{ color: var(--color-white);}
.Applets-advantage-page li:nth-child(2){ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/advantage-bg02.jpg);}
.Applets-advantage-page li:nth-child(3){ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/advantage-bg03.jpg);}
.Applets-advantage-page li:nth-child(4){ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/advantage-bg04.jpg);}
.Applets-advantage-page li:nth-child(5){ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/advantage-bg05.jpg);}
.Applets-advantage-page li:nth-child(6){ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/advantage-bg06.jpg);}


.Applets-features{  padding: 5.2vw 0;}
.Applets-features-flex li{flex: 0 0 12.5%; max-width: 12.5%; margin-top: 0.7rem;}
.Applets-features-flex li .icon{ background: #eee; width: 1rem; height: 1rem; margin: auto; border-radius: 100%; }
.Applets-features-flex li:hover .icon{ background: var(--color-green);}
.Applets-features-flex li:hover .icon i{ color: var(--color-white); transform: rotateY(180deg); transition: all .45s linear;}


.Applets-custom{ background-color: #f7f9fc; padding: 5.2vw 0;}
.Applets-custom-stage { justify-content: space-between; }
.Applets-custom-stage .large-box { width: calc(42% - 0.25rem); position: relative; padding: 0.45rem 0.4rem; margin: 0 0.125rem; }
.Applets-custom-stage .large-box .tags dd { width:50%; height: 0.45rem; }
.Applets-custom-stage .large-box .tags dd img { width: 0.18rem; }
.Applets-custom-stage .large-box .btns a { background-color: var(--color-orange); width: 2.56rem; line-height: 0.5rem; font-size: 0.2rem; color: var(--color-white); border-radius: 0.05rem; }
.Applets-custom-stage .large-box .btns a:hover { background-color: var(--color-green); }
.Applets-custom-stage .nor-box { width: calc(29% - 0.25rem); padding: 0.45rem 0.2rem; position: relative; margin: 0 0.125rem; }


/**微商城**/
.distrib-banner{ background:linear-gradient(217deg,#9baffe,#9cc6ff 20%,#bed4ff 47%,#ace1ff 71%,#fff 99%); height: 40vw;}
.distrib-banner:before { content: " "; background-image: linear-gradient(179deg,#a2bdff,rgba(162,189,255,.84) 19%,rgba(162,189,255,0) 79%); height: 2.36rem; position: absolute; left: 0; right: 0; top: 0; z-index: 7; pointer-events: none; }
.distrib-banner:after { content: " "; background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff); height: 0.8rem; position: absolute; left: 0; right: 0; bottom: -2px; z-index: 7; pointer-events: none; }
.distrib-banner .w{ max-width:15rem; height: 100%;}
.distrib-banner .text{ flex: 1; line-height: 1.4;}
.distrib-banner .text .btn a{ background-color: #315BF4; line-height: 0.46rem; color: var(--color-white); display: inline-block; padding:0 0.3rem;  border: 1px #315BF4 solid; border-radius: 0.05rem;}
.distrib-banner .text .btn a:hover{ background-color: #2748BF;}
.distrib-banner .thumb{ width: 39.166vw; height: 100%;}
.distrib-banner .thumb li { width: 100%; height: auto; padding: 0.12rem 0; }
.distrib-banner .thumb .GoodReputation{ border-radius: 0.2rem; overflow: hidden; cursor: pointer; }
.distrib-banner .thumb li img{ filter: blur(0.005rem); }
.distrib-banner .thumb-sider1{ width:31%; height: 100%;}
.distrib-banner .thumb-sider2{  width:31%; height: 100%;}
.distrib-banner .thumb-sider3{  width:31%; height: 100%;}


.distrib-problem{ padding:5.2vw 0;}
.distrib-problem-list li{ background: #F5F5FA; width: 31%; margin:0.4rem 1% 0 1%; padding: 0.3rem 0 0.4rem 0; border-radius: 0.1rem; cursor: pointer;}
.distrib-problem-list li .icon{ width: 1.8rem; display: inline-block; animation: top_bot1 2s infinite linear;}
.distrib-problem-list li:hover { background: linear-gradient(147deg, #9FBBFF 0%, #6686FD 77%);}
.distrib-problem-list li:hover *{ color: var(--color-white);}


.distrib-feature{ padding: 5.2vw 0;}
.distrib-feature .w{ max-width: 14rem;}
.distrib-feature-cent{ flex-direction: row-reverse;}
.distrib-feature-cent .cen-thumb { width: 58%; }
.distrib-feature-cent .cen-thumb:hover img{transform: scale(1.02);}
.distrib-feature-cent .cen-body{ width:36%; }
.distrib-feature-cent .cen-body .list dd{ background:url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/feature-dot.png) no-repeat left 0.02rem; background-size:0.2rem 0.2rem; margin-top:0.2rem; padding-left:0.36rem; }
.distrib-feature-cent .cen-body .button a{ background:var(--color-orange); color:var(--color-white); display: inline-block; line-height: 0.5rem; padding: 0 0.54rem; position: relative; top: 0; border-radius: 0.3rem; }
.distrib-feature-cent .cen-body .button a:hover { top: -0.05rem; }


.distrib-activity{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/distrib-activity.jpg); padding: 5.2vw 0;}
.distrib-activity-list{ margin-left: -0.15rem;}
.distrib-activity-list dl{ background-image: linear-gradient(180deg, #F6F8F9 0%, #FFFFFF 100%); width: calc(16.66% - 0.15rem); padding: 0.2rem 0.15rem; margin: 0.15rem 0 0 0.15rem;  border:1px solid rgb(226, 230, 238); border-radius: 0.05rem;}
.distrib-activity-list dl dt{ width: 0.58rem;}
.distrib-activity-list dl dd{ flex: 1; padding-left: 0.15rem;}
.distrib-activity-list dl:hover{ background-image: linear-gradient(90deg, #9FBBFF 0%, #6686FD 77%); border-color: rgb(167, 199, 255);}
.distrib-activity-list dl:hover *{ color: var(--color-white);}


.distrib-compare{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/distrib-compare.png); padding: 5.2vw 0;}
.distrib-compare .w{ max-width: 14rem; }
.distrib-compare-body{ background:var(--color-white); padding:0.22rem; box-shadow:0 0 0.1rem 0 hsla(222,7%,70%,.3);}
.distrib-compare-body .dy-tabs{ width:2.4rem;}
.distrib-compare-body .dy-tabs li{ background: #F5F5FA; position: relative; margin-bottom:0.1rem; cursor: pointer; border-radius: 0.05rem; }
.distrib-compare-body .dy-tabs li .name{ line-height:1.1rem; padding-left:0.3rem; }
.distrib-compare-body .dy-tabs li .icon{ position: absolute; bottom: 0.1rem; right:0.1rem;}
.distrib-compare-body .dy-tabs li.on, .dy-tabs li:hover{ background: linear-gradient(153deg, #799BFD 0%, #4462FB 100%); border-radius: 0.05rem;}
.distrib-compare-body .dy-tabs li.on .name, .dy-tabs li:hover .name{ color:var(--color-white);}
.distrib-compare-body .dy-swith{ flex:1; padding:0.1rem 0.4rem;}
.distrib-compare-body .dy-swith li{ display: none;}
.distrib-compare-body .dy-swith li:first-child{ display: block;}


.distrib-Assure{ padding: 5.2vw 0 3.125vw 0;}
.distrib-Assure .w{ max-width: 14rem;}
.distrib-Assure .distrib-feature-cent{ flex-direction: inherit;}


/**关于我们**/
.pabout-banner img{ width: 100%;}
.pabout-block{ padding: 5.2vw 0;}
.pabout-block-head{ width: 43.6%;}
.pabout-block-head .cn{ line-height: 1.3;}
.pabout-block-head .en{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/pabout-block.jpg);  background-position: 50% 50%; background-clip: text; -webkit-background-clip: text; font-size: 6.25vw; color: transparent; animation: textShade linear 20s infinite; }
.pabout-block-head .log { opacity: .02; width: 21.875vw; }

.pabout-block-usage{ flex:1;}
.pabout-block-usage .number dl{ width: 50%; margin-top: 0.7rem;}
.pabout-block-usage .number dl dt{ font-size: 0.72rem; line-height: 1;}


.pabout-welfare{  background:var(--color-white); height: 400vh; }
.pabout-welfare .wel-box { height: 100vh; position: sticky; position: -webkit-sticky; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.spabout-welfare-head { height: 35%; padding-top: 4.6vw; display: flex; align-items:  flex-end; justify-content: flex-end; }
.spabout-welfare-head .text { height: 100%; line-height: 1.4; padding-bottom: 0.2rem; border-bottom: 1px solid #ddd; }
.pabout-welfare-list{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 4.16vw 0 5.2vw 0; }
.pabout-welfare-list .list-box{ height: 100%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }
.pabout-welfare-list li{ height: 100%; padding-left: 7.8125vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.pabout-welfare-list li .thumb{ width: 8rem; height: 100%; border-radius: 0.12rem; }
.pabout-welfare-list li .text{ width: 6rem; height: 100%; }
.pabout-welfare-list li .text .cont{position: absolute; left: 0; bottom: 1.2vw; padding-right: 5.2vw; }
.pabout-welfare-list li:hover .thumb img{ transform: scale(1.05);}

.pabout-honor{ height: 100vh;}
.pabout-honor .w{ justify-content: space-between; }
.pabout-honor  div{ max-height: 100%;}
.pabout-honor-word{ width: 42%; padding-top: 1rem; position: relative; z-index: 1;}
.pabout-honor-word .desc{ margin-top: 0.8rem; color: rgba(0, 0, 0, .85);}
.pabout-honor-list{ width: 50%; height: 100%; justify-content: space-between;}
.pabout-honor-list .list-scroll{ width: 50%; height: 100vh;}
.pabout-honor-list li{ width: 100%; height: auto; padding: 0.16rem; }
.pabout-honor-list li a { background: var(--color-white); width: 100%; position: relative; overflow: hidden; display: block; padding: 0.3rem; border-radius: 0.2rem; box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); cursor: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/big.png), auto; }


.pabout-client{ padding: 5.2vw 0;}



/**抖音短视频**/
.trill-banner{ height: 40vw; padding-top: 4vw;}
.trill-banner .txt dd{ padding-left: 0.3rem; margin: 0 0.2rem;}
.trill-banner .txt dd:before{ content: ''; width: 0.16rem; height: 0.16rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border: 0.03rem #f9753f solid; border-radius: 50%;}
.trill-banner .btn{ animation: svelte-naip4b-ripple 1s infinite normal; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear;}
.trill-banner .btn a{ background: #f9753f; line-height: 0.52rem; color: var(--color-white); display: inline-block; padding:0 0.3rem; border-radius: 0.1rem 0 0 0.1rem;}
.trill-banner .btn a:last-child{ background:#278ff3; border-radius: 0 0.1rem 0.1rem 0; }


.trill-product{ padding:5.2vw 0;}
.trill-product .w{ max-width: 14rem;}
.trill-product-list li{ width:23.78%; }
.trill-product-list li:hover .pic img{ transform:scale(1.05);}


.trill-core{ background-image:linear-gradient(to right, #48ace8, #5c6cf2);}
.trill-core .w{ max-width: 14rem; }
.trill-core-circle{ width:50%; padding:8.33vw 8.125vw 7.7083vw 0.65rem;}
.trill-core-circle .circle-box{ background-image:linear-gradient(to right, #60ccff, #567fef); width:100%; padding-top:100%; border-radius:50%;}
.trill-core-circle .circle-box .canvas{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); flex-direction:column; line-height: 1;}
.trill-core-circle .circle-box .canvas .cn{ font-size:1.3rem;}
.trill-core-circle .circle-line{ background:url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/core-circle.png) no-repeat; background-size:100% 100%; width:2.56rem; height:100%; position:absolute; right:0; top:0;}

.trill-core-list{ width:50%; padding-left:0.35rem;}
.trill-core-list li{ padding:0.25rem 0; }
.trill-core-list li .icon{ width:0.72rem;}
.trill-core-list li .word{ flex:1; padding-left:0.3rem;}
.trill-core-list li:nth-child(2){ margin-left:0.55rem;}
.trill-core-list li:nth-child(3){ margin-left:1rem;}
.trill-core-list li:nth-child(4){ margin-left:0.55rem;}
.trill-core-list li:hover{ transform: translateX(0.1rem);}


.trill-advert{ padding:5.2vw 0;}
.trill-advert .w{ max-width: 14rem;}
.trill-advert-filed{ justify-content: space-between;}
.trill-advert-filed li{ width:calc(25% - 0.06rem); padding:0.3rem 0.35rem; border:1px #eee solid;}
.trill-advert-filed li .icon{ width:0.84rem; display:inline-block;}
.trill-advert-filed li:hover .icon img{ transform:rotate(360deg);}


.trill-direction{ background-image:linear-gradient(to right, #4f2ad0, #6823c1); padding:5.2vw 0;}
.trill-direction .w{ max-width: 14rem;}
.trill-direction-column{ flex-direction:column; max-height:8rem;}
.trill-direction-column li{ width:25%; margin-top:0.6rem; position:relative; counter-increment:item-counter;}
.trill-direction-column li:nth-child(4n+1){ order:1;}
.trill-direction-column li:nth-child(4n+2){ order:2; }
.trill-direction-column li:nth-child(4n+3){ order:3; }
.trill-direction-column li:nth-child(4n){ order:4; }
.trill-direction-column li:nth-child(2){ padding-top:0.35rem;}
.trill-direction-column li:nth-child(3){ padding-top:0.7rem;}
.trill-direction-column li:nth-child(4){ padding-top:0.35rem;}
.trill-direction-column li .li-box{ width:80%; margin:auto;}
.trill-direction-column li .li-box .hc{ opacity: .8;}
.trill-direction-column li .li-box .hi{ width: 0.89rem;}


.trill-loop{ padding: 5.2vw 0;}
.trill-loop .w{ max-width: 14rem;}
.trill-loop-ring li .kehu{ background:url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/loop-ring.png) no-repeat; background-size:100% 100%; height:3.41rem; color:#5123c6;}
.trill-loop-ring li:nth-child(1){ width:calc(50% - 2.01rem); text-align:right; padding-right:0.5rem; margin-top:2.4rem;}
.trill-loop-ring li:nth-child(1):before{ content:''; background:#0000ff; width:0.3rem; height:0.2rem; position:absolute; right:0; top:0.1rem;}
.trill-loop-ring li:nth-child(2){ width:3.41rem; text-align:center; margin:0 .3rem;}
.trill-loop-ring li:nth-child(2) .desc{ padding-bottom:0.35rem;}
.trill-loop-ring li:nth-child(2) .desc:before{ content:''; background:#0000ff; width:0.3rem; height:0.2rem; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.trill-loop-ring li:nth-child(3){ width:calc(50% - 2.01rem); text-align:left; padding-left:0.5rem; margin-top:2.4rem;}
.trill-loop-ring li:nth-child(3):before{ content:''; background:#0000ff; width:0.3rem; height:0.2rem; position:absolute; left:0; top:0.1rem;}


.trill-guest{ background:#f6f4f4; padding:5.2vw 0;}
.trill-guest .w{ max-width: 14rem;}
.trill-guest-list{ justify-content: space-between; }
.trill-guest-list li{ background:var(--color-white); width:calc(20% - 0.12rem); padding:0.25rem 0.3rem 0.55rem 0.3rem; border-top:0.04rem #f65541 solid;}
.trill-guest-list li .icon{ width: 1.17rem; display:inline-block; padding:0.07rem; }
.trill-guest-list li .surround{ width:100%; height:100%; position:absolute; left:0; top:0; border:1px #e4e4e4 solid; border-radius:50%; }
.trill-guest-list li .surround:before{ content:''; background:#fff; width:0.2rem; height:0.2rem; position:absolute; right:-1px; bottom:0.24rem; border:1px #e4e4e4 solid; border-radius:50%; box-sizing:border-box; }
.trill-guest-list li .title{ line-height:1;  color:#0078ce; padding-bottom:0.15rem;}
.trill-guest-list li .title:before{ content:''; background:#0078ce; width:0.28rem; height:1px; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.trill-guest-list li:hover .surround{ animation:surround 10s linear infinite;}


/**智慧党建**/
.party-banner{ height: 40vw; }
.party-banner .w{ max-width: 14rem;}
.party-banner .text{ max-width: 50%;  line-height: 1.4;}
.party-banner .text .btn{ animation: svelte-naip4b-ripple 1s infinite normal; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear;}
.party-banner .text .btn a{  background: #0056c3; line-height: 0.52rem; color: var(--color-white); display: inline-block; padding:0 0.3rem; border-radius: 0.1rem 0 0 0.1rem;}
.party-banner .text .btn a:last-child{ background: var(--color-red); border-radius: 0 0.1rem 0.1rem 0; }


.party-need{ background:url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/party-need.jpg) no-repeat bottom; background-size: 100% auto; padding:5.2vw 0;}
.party-need .w{ max-width: 14.5rem;}
.party-need-list li{ width: 46.66%; padding-top: 0.7rem; cursor: pointer;}
.party-need-list li .icon { width: 1rem;}
.party-need-list li .text{ flex: 1; padding-left: 0.45rem;}
.party-need-list li:hover .icon{ transform: rotate(360deg);}
.party-need-list li:hover .text .t{ transform: translateX(0.1rem);}
.party-need-list li:hover .text .c{ transform: translateX(-0.1rem);}


.party-plan{ background: #f1f2f9;  padding: 5.2vw 0;}
.party-plan .w{ max-width: 14.5rem;}
.party-plan-tabs a{ background: var(--color-white); width: 11.85%; height: 0.8rem; color: var(--color-red);}
.party-plan-tabs a:hover{ background-color: var(--color-red); color: var(--color-white);}
.party-plan-four li{ background: var(--color-red); width: 24.4%; height: 0.56rem;}
.party-plan-layout{ background: var(--color-white); padding: 0.1rem;}
.party-plan-layout .lay-title{ width: 0.9rem; letter-spacing: 0.05rem; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr;}
.party-plan-layout .lay-aside{ flex: 1;}
.party-plan-layout .lay-bar{ background: var(--color-red); padding: 0.25rem 0 0.2rem 0;}
.party-plan-layout .lay-type li{ background: #f1f2f9; width: calc(50% - 0.05rem); min-height: 1.2rem; flex-direction: column;}
.party-plan-layout .lay-type li .c{ color: #eb8780;}
.party-plan-btm{ background: var(--color-red); padding: 0.25rem 0 0.2rem 0;}


.party-scene{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/party-scene.jpg);  padding:5.2vw 0;}
.party-scene .w{ max-width: 14.5rem;}
.party-scene-tabs a{ background-color: var(--color-white); flex: 1; text-align: center; line-height:0.58rem; font-size:0.2rem; }
.party-scene-tabs a.cpsec { background: var(--color-red); color: var(--color-white); }


.party-scene-list{ margin-top: 0.75rem;}
.party-scene-list li{ display: none;}
.party-scene-list li:first-child{ display: flex;}
.party-scene-list li .word{ background: var(--color-white); width:55.33%; padding: 0.5rem 0.3rem; border-radius: 0.1rem; box-shadow: 0 0.15rem 0.3rem 0 rgba(0, 0, 0, 0.10); z-index: 2;}
.party-scene-list li .word .wt .iconfont{ width: 0.9rem; height: 0.9rem; box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.1); border-radius: 0.1rem;}
.party-scene-list li .thumb{ width: 49.25%; margin-left: -7.58%;}
.party-scene-list li .thumb:hover img{ transform:scale(1.05);}
.party-scene-list li.active .word{ animation-name:fadeInLeft; animation-duration:1s;}
.party-scene-list li.active .thumb{ animation-name:fadeInRight; animation-duration:1.2s;}


.party-solution{ padding:5.2vw 0 3.2vw 0;}
.party-solution-seven { max-width: 10.8rem; margin: auto; margin-top: 0.4rem; padding: 0.9rem 0 1.2rem 0; }
.party-solution-seven .title { width: 1.35rem; line-height: 1.2; font-size:0.6rem; color:var(--color-white); position: absolute; left: 3.4rem; top: 2.35rem; }
.party-solution-seven .titleBg { display: block; margin-left: 1.9rem; }
.party-solution-seven .li { width: 2.25rem; overflow: hidden; }
.party-solution-seven .li dt .a { position: absolute; }
.party-solution-seven .li dd{ text-align: right; line-height: 1;}

.party-solution-seven .huoli { position: absolute; top: 0; left: 2.2rem; }
.party-solution-seven .huoli dt .a { left: 0.37rem; top: 0.29rem; animation: bloom 2s ease 1.5s infinite; }
.party-solution-seven .chengshu { position: absolute; top: 0.2rem; right: 2.4rem; }
.party-solution-seven .chengshu dt .a { left: 0.28rem; top: 0.23rem; animation: narrow 2.4s ease 1.5s infinite; }
.party-solution-seven .chengshu dt .b { animation: bloom 2s ease 1.5s infinite; }

.party-solution-seven .zhuanshu { position: absolute; top: 1.4rem; right: 0; }
.party-solution-seven .zhuanshu dt .a { left: 0.39rem; top: 0.29rem; animation: upDown 2.4s ease-out infinite; }

.party-solution-seven .zhineng { position: absolute; bottom: 0.7rem; right: 0.4rem; }
.party-solution-seven .zhineng dt .a { left: 0.38rem; top: 0.2rem; animation: rotate 2s ease 1.5s infinite; }
.party-solution-seven .zhineng dt .b { animation: bloom 2s ease 1.5s infinite; }

.party-solution-seven .zhuoyue { position: absolute; bottom: 0.4rem; left: 4.2rem; }
.party-solution-seven .zhuoyue dt .a { left: 0.36rem; top: 0.22rem; animation: upDown 2.4s ease-out infinite; }

.party-solution-seven .wushi { position: absolute; bottom: 1rem; left: 0.7rem; }
.party-solution-seven .wushi dt .a { left: 0.3rem; top: 0.32rem; animation: narrow 2.4s ease 1.5s infinite; }
.party-solution-seven .wushi dt .b { animation: bloom 2s ease 1.5s infinite; }

.party-solution-seven .gaoxiao { position: absolute; top: 1.7rem; left: 0; }
.party-solution-seven .gaoxiao dt .a { left: 0.4rem; top: 0.26rem; animation: upDown 2.4s ease-out infinite;}
.party-solution-seven .gaoxiao dt .b { animation: bloom 2s ease 1.5s infinite; }


/**数据大屏**/
.data-banner{ height: 40vw; padding-top: 5vw;}
.data-banner .w{ max-width:15rem;}
.data-banner .text{ flex: 1; line-height: 1.4;}
.data-banner .text .btn{ animation: svelte-naip4b-ripple 1s infinite normal; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear;}
.data-banner .text .btn a{  background: #0056c3; line-height: 0.52rem; color: var(--color-white); display: inline-block; padding:0 0.3rem; border-radius: 0.1rem 0 0 0.1rem;}
.data-banner .text .btn a:last-child{ background: #ec6941; border-radius: 0 0.1rem 0.1rem 0; }
.data-banner .thumb{ width: 40.98vw;}


.data-core{ padding:5.2vw 0;}
.data-core-list{ align-items: flex-start;}
.data-core-list li{ width: 21%; padding: 0 2%; text-align: center;}
.data-core-list li .icon{ height: 0.9rem; animation: top_bot1 2s infinite linear;}
.data-core-list li .icon img{ max-height: 100%;}
.data-core-list li:hover{ transform:translateY(-0.15rem);}


.data-visual{ background: #F4F8FF; padding: 5.2vw 0;}
.data-visual .w{ max-width: 13.4rem;}
.data-visual-body{ box-shadow: 0 0.04rem 0.2rem 0 rgba(0, 105, 234, 0.15), inset 0 -0.02rem 0.03rem 0 rgba(255, 255, 255, 0.8); border-radius:0.04rem; border: 1px solid #C2D5FF;}
.data-visual-fun{ background: #EFF5FF;}
.data-visual-fun li{ flex: 1; text-align: center; line-height: 0.56rem; color: #808DA1; border-top: 0.02rem #EFF5FF solid; cursor: pointer;}
.data-visual-fun li.active{ background: var(--color-white); color: #0069EA; border-color: #0069EA;}
.data-visual-tion{ padding: 0.3rem;}
.data-visual-tion li{ display: none;}
.data-visual-tion li:first-child{ display: block;}
.data-visual-tion li .word{ width: 32%; padding-top: 0.3rem; display: flex; flex-direction: column;}
.data-visual-tion li .word .m{ background: #0069EA; width: 100%; height: 0.48rem; color: var(--color-white); margin-top: auto; border-radius: 0.04rem; }
.data-visual-tion li .word .m:hover{ opacity: .8;}
.data-visual-tion li .thumb{ width: 68%; padding-left: 0.4rem;}


.data-scenes{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/data-scenes-bg.jpg); padding: 5.2vw 0;}
.data-scenes .w{ max-width: 13.4rem;}
.data-scenes-tabs a{ background: var(--color-white); width: calc(25% - 0.01rem); line-height: 0.7rem;}
.data-scenes-tabs a.active{background: #0056c3; color: var(--color-white);}
.data-scenes-swith li{ display: none;}
.data-scenes-swith li:first-child{ display: block;}


/**智慧社区**/
.smart-banner{ height: 40vw; padding-top: 5vw;}
.smart-banner .w{ max-width: 14rem;}
.smart-banner .text{ flex: 1; line-height: 1.4;}
.smart-banner .text .btn{ animation: svelte-naip4b-ripple 1s infinite normal; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear;}
.smart-banner .text .btn a{ background: #3fb08a; line-height: 0.52rem; color: var(--color-white); display: inline-block; padding:0 0.3rem; border-radius: 0.1rem 0 0 0.1rem;}
.smart-banner .text .btn a:last-child{ background: #f78042; border-radius: 0 0.1rem 0.1rem 0; }
.smart-banner .thumb{ width: 31.39vw;	animation: up-down 1.5s ease-in-out infinite alternate-reverse both;}


.smart-why{ padding:5.2vw 0;}
.smart-why .w{ max-width: 14.4rem;}
.smart-why-list li{ width: 22%; }
.smart-why-list li .icon{ width: 0.71rem; display: inline-block;}
.smart-why-list li:hover{ transform: translateY(-0.15rem);}


.smart-safe{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/smart-safe.jpg); padding:5.2vw 0;}
.smart-safe-list{ justify-content: space-between;}
.smart-safe-list li{ background: var(--color-white); width: 19%;}
.smart-safe-list li .wis-bg{ padding-top: 61.37%;}
.smart-safe-list li .wis-con{ padding: 0.3rem;}
.smart-safe-list li .wis-con .text p{ position: relative; padding-left: 0.15rem;}
.smart-safe-list li .wis-con .text p:before{ content: ''; background: #252B3A; width: 0.04rem; height:0.04rem; position: absolute; left: 0; top: 0.12rem; border-radius: 50%;}
.smart-safe-list li:hover .wis-bg img{ transform: scale(1.05);}


.smart-system{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/smart-system.png); padding:5.2vw 0;}
.smart-system-body li{ background: var(--color-white); width: calc(33.33% - 0.15rem); margin: 0.15rem 0 0 0.15rem; padding: 0.3rem 0.4rem; cursor: pointer;}
.smart-system-body li .icon{ color: #4469e3;}
.smart-system-body li .text{ flex: 1; padding-left: 0.3rem;}
.smart-system-body li:hover { background: #4469e3; box-shadow: 0 0 0.5rem 0 rgba(178, 201, 255, .39); }
.smart-system-body li:hover *{ color: var(--color-white);}


.smart-profit{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/smart-profit.jpg); padding: 5.2vw 0;}
.smart-profit .w{ max-width: 13.4rem;}
.smart-profit-list li .icon{ width: 1.26rem; height: 1.25rem;}
.smart-profit-list li .icon:before{ content: ''; background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/smart-profit-bg.png) no-repeat; background-size: 100% 100%; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.smart-profit-list li .icon img{ width: 0.53rem; position: relative; z-index: 2;}
.smart-profit-list li:hover .icon:before{ background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/smart-profit-bg-hover.png) no-repeat; background-size: 100% 100%; transform: rotate(360deg); transition: all 2s; }


/**获取方案**/
.agOption-header { background: var(--color-white); width: 100%; padding: 0.16rem 0; }
.agOption-header .w { width: 85%; max-width: 14.4rem; }
.agOption-header .logo { width: 1.2rem; }
.agOption-header .tips { background: #eee; position: relative; padding: 0 0.18rem; border-radius: 0.18rem; }
.agOption-header .tips:before { content: ''; background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/option-header-icon.svg) center center no-repeat; background-size: contain; width:0.14rem; height:0.14rem; position: absolute; left: -0.03rem; bottom: 0; }
.agOption-header .home { background: var(--color-blue); width: 0.36rem; height: 0.36rem; color: var(--color-white); margin-left: auto; border-radius: 50%; }

.agOption-main{ background:url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/agOption-bg.jpg) no-repeat top center; background-size: 100% auto; width: 100%; padding: 0.46rem 0 1rem 0;}
.agOption-main .w { width: 85%; max-width: 14.4rem; }

.agOption-layout{ width: 54.16666667%; }
.agOption-layout-need { background: rgba(255, 255, 255, 0.8); width: 100%; border: 1px solid #f4f4f4; border-radius: 0.1rem; backdrop-filter: blur(5px); }
.agOption-layout-need .title { padding: 0.23rem 0.36rem 0.16rem; }
.agOption-layout-need .body { border-top: 1px solid #e9e9e9; padding: 0.28rem 0.3rem; }
.agOption-layout-need .body li { margin-bottom: 0.48rem; }
.agOption-layout-need .body li .icon { background:#1485ee; width: 0.2rem; height:0.2rem; border-radius: 50%; margin-top: 0.05rem; }
.agOption-layout-need .body li .text{ flex: 1;}

.agOption-layout-partner { background: rgba(255, 255, 255, 0.8); border: 1px solid #f4f4f4; border-radius: 0.1rem; }
.agOption-layout-partner .title { padding: 0.23rem 0.36rem 0.16rem; }
.agOption-layout-partner .list { padding: 0.2rem 0.3rem; border-top: 1px solid #f4f4f4; }
.agOption-layout-partner .list::before { content: ''; background: linear-gradient(to right, var(--color-white), rgba(255, 255, 255, 0)); width: 2.5rem; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
.agOption-layout-partner .list::after { content: ''; background: linear-gradient(to left, var(--color-white), rgba(255, 255, 255, 0)); width: 2.5rem; height: 100%; position: absolute; right: 0; top: 0; z-index: 2; }
.agOption-layout-partner .list ul li { background:#1485ee; width: 1.54rem; height:0.8rem; margin: 0 0.1rem; border-radius: 0.05rem; }
.agOption-layout-partner .list ul li img { max-width: 95%; max-height: 80%; }

.agOption-form { background: rgba(255, 255, 255, 0.8); width: 39.93055556%; border: 1px solid #f4f4f4; border-radius: 0.1rem; padding: 0.25rem 0.6rem; }
.agOption-form:hover{ border-color:#1485ee;}
.agOption-form .project{ padding-top: 0.5rem;}
.agOption-form .project li{ margin-bottom: 0.25rem;}
.agOption-form .project li .liitem{ width: 47.5%;}
.agOption-form .project li .txt { width: 100%; height: 0.45rem; padding-left: 0.15rem; color:#1485ee; margin-top: 0.1rem; border: 1px solid #ccc; border-radius: 0.05rem; }
.agOption-form .project li .txt::placeholder { color: #ccc; }
.agOption-form .project li .txt:focus { border: 1px solid #1485ee; }
.agOption-form .project li .txt:focus::placeholder { color:#1485ee; }
.agOption-form .project li .yzm-inpt{ width: 1.5rem;}
.agOption-form .project li .yzm-in{ display: inline-block; margin-top: 0.1rem;}
.agOption-form .project li .yzm-in img{ height: 0.45rem;}
.agOption-form .project li .ck dd { width: 33.33%; margin-top: 0.05rem; cursor: pointer; }
.agOption-form .project li .ck dd label{ cursor: pointer;}
.agOption-form .project li .ck dd input{ width: 0.16rem; height: 0.16rem; -webkit-appearance:checkbox;}
.agOption-form .project li .btn { background:#1485ee; width: 100%; height: 0.45rem; color:var(--color-white); border-radius: 0.05rem; cursor:pointer; }
.agOption-form .project li .btn:hover{ background: #00aaff;}


/**侧边悬浮栏**/
.right-pop { width: 0.6rem; position: fixed; right: 0.1rem; top: 50%; transform: translateY(-50%); z-index: 96; }
.right-pop .fn-btn{ background: var(--color-white); width: 100%; position: relative; display: block; padding: 0.1rem 0; margin-bottom: 0.1rem; border-radius: 0.08rem; box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.06);}
.right-pop .fn-btn .icon{ background: var(--color-orange); width: 0.4rem; height: 0.4rem; margin: auto;  }
.right-pop .fn-btn .icon .iconfont{ position: relative; z-index: 2; opacity: .8;}
.right-pop .fn-btn .icon::before { content: ''; background: rgba(236, 105, 65, 0.8); width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid var(--color-orange); border-radius: 0.08em; animation: yuanRun 2s infinite linear; }
.right-pop .fn-btn .icon::after { content: ''; background: rgba(236, 105, 65, 0.8); width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid var(--color-orange); border-radius: 0.08rem; animation: yuanRun 2s 1s infinite linear; }

.right-pop .ask-pop { background: var(--color-orange); width: 1.6rem; padding: 0.2rem 0; color: #eee; position: absolute; right: 120%; top: 50%; transform: translateY(-50%); z-index: 2; border-radius: 0.16rem;  display: none; }
.right-pop .ask-pop .ewm { width: 1rem; height: 1rem; margin: 0.1rem auto 0; border-radius: 0.06rem; }
.right-pop .ask-pop .asks a { background:var(--color-white); color: var(--color-orange); padding: 0.08rem 0.1rem; border-radius: 0.08rem; }
.right-pop .gotop { background:var(--color-orange); width: 0.5rem; height: 0.5rem; margin: auto; color: rgba(255,255,255,.6); border-radius: 0.08rem; }
.right-pop .gotop:hover *{ color: var(--color-white);}


/**系统管理-生产管理**/
.system-banner{ height: 40vw; padding-top: 5vw;}
.system-banner .w{ max-width: 15rem; }
.system-banner .text{ width: 37%; line-height: 1.4;}
.system-banner .text .n dl{ width: 31.27%; padding: 0.15rem 0 0.15rem 0.25rem; border: 1px rgba(255,255,255,.3) solid; border-radius: 0.2rem;}
.system-banner .text .btn{ animation: svelte-naip4b-ripple 1s infinite normal; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear;}
.system-banner .text .btn a{  background:#26c67c; line-height: 0.52rem; color: var(--color-white); display: inline-block; padding:0 0.3rem; border-radius: 0.1rem 0 0 0.1rem;}
.system-banner .text .btn a:last-child{ background: #f2de8a; color:#1d9952; border-radius: 0 0.1rem 0.1rem 0; }
.system-banner .thumb{ width:35.927vw;}


.system-function{ background-color:#eaf4fd; padding: 5.2vw 0;}
.system-function .w{ max-width: 14rem;}
.system-function-body li{ width: 25%; margin-top: 0.6rem;}
.system-function-body li .icon{ width: 0.68rem; display: inline-block;}
.system-function-body li:hover{ transform: translateY(-0.1rem);}


.system-edge{ padding: 5.2vw 0;}
.system-edge .w{ max-width: 14rem; }
.system-edge-warp{ background-color: #eaf4fd; border-radius: 0.16rem; padding: 0.4rem 0.25rem;}

.system-edge-tab{ width: 2.48rem;}
.system-edge-tab li{ height:0.68rem; cursor: pointer; margin-bottom: 0.18rem; border-radius: 0.08rem; }
.system-edge-tab li .icon { width: 0.45rem; margin-right:0.1rem; }
.system-edge-tab li.active { background: #f8fafb; border: 1px solid hsla(0, 0%, 100%, .12); box-shadow: 0 2px 8px 0 rgba(20, 30, 49, .08), inset 0 1px 1px 0 #fff, inset 0 -1px 1px 0 hsla(0, 0%, 100%, .5); }
.system-edge-tab li:hover .name, .system-edge-tab li.active .name { color: #00c29a;}

.system-edge-func{ background-color:var(--color-white); flex: 1; border-radius:0.08rem; padding: 0.25rem 0.3rem;}
.system-edge-func li{ display: none;}
.system-edge-func li:first-child{ display: block;}
.system-edge-func li .func-top{ padding: 0 0.12rem; }
.system-edge-func li .func-top .desc{ max-width: 3.5rem; color: #525967;}
.system-edge-func li .func-top .tryb{ background: #00c29a; color:var(--color-white); height: 0.48rem; padding: 0 0.32rem; border-radius: 0.04rem; cursor: pointer; }
.system-edge-func li .func-top .tryb:hover { background: #4dd4b8; }
.system-edge-func li .func-top .tryb:hover i { -webkit-transform: translateX(0.12rem); transform: translateX(0.12rem); }
.system-edge-func li .func-thumb img{ max-height: 5.65rem;}


.system-custom{ padding:5.2vw 0;}
.system-custom .w{ max-width: 14rem;}
.system-custom-body .view{ width:3.3rem; }
.system-custom-body .view li{ font-size: 0.22rem; height:0.76rem; cursor:pointer; padding-left: 0.2rem; margin-bottom: 0.1rem; }
.system-custom-body .view li img{ width:0.44rem; }
.system-custom-body .view li.check{ border-radius: 0.05rem; box-shadow: 0 0.02rem 0.04rem 0.02rem rgba(138,150,169,0.22); }
.system-custom-body .thumb{ flex: 1; text-align: center;}


.system-multi{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/action-bg.jpg); padding: 5.2vw 0;}
.system-multi .tryb{ background: #00c29a; width: 1.68rem; height: 0.48rem; color:var(--color-white); margin: 0.4rem auto 0 auto; padding: 0 0.32rem; border-radius: 0.04rem; cursor: pointer; }
.system-multi .tryb:hover { background: #4dd4b8; }
.system-multi .tryb:hover i { -webkit-transform: translateX(0.12rem); transform: translateX(0.12rem); }


.system-solve{ background: #eaf4fd; padding: 5.2vw 0;}
.system-solve .w{ max-width: 14rem;}
.system-solve-type{ padding-top: 0.3rem; justify-content: space-between;}
.system-solve-type li{ background-color: var(--color-white); width: 24%; margin-top: 0.8rem; position: relative; padding: 0.75rem 0.3rem 0.3rem 0.3rem; border-radius: 0.2rem;}
.system-solve-type li .icon{ width:0.87rem; position: absolute; left: 50%; top: -0.35rem; margin-left: -0.44rem;}
.system-solve-type li:hover{ background-color: #00c29a;}
.system-solve-type li:hover *{ color: var(--color-white);}
.system-solve-type li:hover .icon{ transform: rotate(360deg);}


/**短视频获客**/
.video-banner{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/video-banner.jpg); height: 40vw; padding-top: 5vw;}
.video-banner .w{ max-width: 14rem;}
.video-banner .text{ flex: 1; line-height: 1.4;}
.video-banner .text .t{ color: #2469f3;}
.video-banner .btn{ animation: svelte-naip4b-ripple 1s infinite normal; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear;}
.video-banner .btn a{ background:#ffa903; line-height: 0.52rem; color: var(--color-white); display: inline-block; padding:0 0.3rem; border-radius: 0.1rem 0 0 0.1rem;}
.video-banner .btn a:last-child{ background:#2469f3; color:var(--color-white); border-radius: 0 0.1rem 0.1rem 0; }
.video-banner .thumb{ width: 6.27rem; animation: rowup linear 2s infinite;}


.video-market{ padding: 5.2vw 0;}
.video-market-box li { width: 18%; text-align: center; }
.video-market-box li .icon { width: 1.2rem; height: 1.2rem; margin: 0 auto; }
.video-market-box li .icon i:nth-child(1){ position: absolute; left: 0; top: 0; }
.video-market-box li .icon i:nth-child(2){ position: absolute; left: 0; top: -100%; }
.video-market-box li:hover .icon i:nth-child(1) { top: 100%; }
.video-market-box li:hover .icon i:nth-child(2){ top: 0; }


.video-platform { padding:5.2vw 0 0 0;}
.video-platform-body { width:6.57rem; margin:0.3rem auto 0 auto; padding-top:1.2rem;}
.video-platform-body .pt-line{ width: 5.7rem; position:absolute; bottom:0.42rem; left:0.18rem;}
.video-platform-body .pt-icon img{ position:absolute ;width:0.85rem;}
.video-platform-body .pt-icon img:nth-child(1){ top:2.9rem; left:-0.9rem; box-shadow:0 0 0.1rem 0.1rem rgba(0,0,0,0.02); border-radius:50%; animation:sjzhico2 2s -2s ease-out infinite alternate;}
.video-platform-body .pt-icon img:nth-child(2){ top:2.6rem; left:1.32rem; animation:sjzhico2 1.5s -2s ease-out infinite alternate;}
.video-platform-body .pt-icon img:nth-child(3){ top:1.4rem; left:1.05rem; box-shadow:0 0 0.1rem 0.1rem rgba(0,0,0,0.02); border-radius:50%; animation:sjzhico2 2s -2s ease-out infinite alternate ;}
.video-platform-body .pt-icon img:nth-child(4){ top:1.76rem; left:2.92rem; animation:sjzhico2 1.5s -2s ease-out infinite alternate;}
.video-platform-body .pt-icon img:nth-child(5){ top:0.2rem; left:3.1rem; box-shadow:0 0 0.1rem 0.1rem rgba(0,0,0,0.02); border-radius:50%; animation:sjzhico2 2s -2s ease-out infinite alternate ;}
.video-platform-body .pt-icon img:nth-child(6){ top:0.9rem; left:4.9rem; box-shadow:0 0 0.1rem 0.1rem rgba(0,0,0,0.02); border-radius:50%; animation:sjzhico2 1.5s -2s ease-out infinite alternate;}
.video-platform-body .pt-icon img:nth-child(7){ top:2.3rem; left:4.48rem; animation:sjzhico2 2s -2s ease-out infinite alternate;}
.video-platform-body .pt-icon img:nth-child(8){ top:3rem; left:5.96rem; box-shadow:0 0 0.1rem 0.1rem rgba(0,0,0,0.02); border-radius:50%;animation:sjzhico2 1.5s -2s ease-out infinite alternate;}


.video-industry{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/video-industry.png); padding: 5.2vw 0;}
.video-industry-box li{ width: 12.2%; overflow: hidden; position: relative; border-radius: 0.1rem; }
.video-industry-box li:after { content: ""; background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/industry-bg.png) bottom no-repeat; background-size: 100%; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1;}
.video-industry-box li .thumb img { display: block; max-width: inherit; }
.video-industry-box li .title { color:var(--color-white); position: absolute; bottom: 0.3rem; left: 0.43rem; z-index: 9; }
.video-industry-box li.on { width: 34%; }
.video-industry-box li.on:after { opacity: 0; }


.video-serve{ padding: 5.2vw 0;}
.video-serve-box{ padding-top: 0.25rem; justify-content: space-between;}
.video-serve-box li { background: #e8eef7; width: 31.7%; margin-top: 0.36rem; padding: 0.3rem 0.42rem; border-radius: 0.1rem; }
.video-serve-box li .thumb { height: 1rem; }
.video-serve-box li .thumb img{ display: block; max-height: 100%; animation-duration: 1s; animation-fill-mode: both;}
.video-serve-box li:hover .thumb img { animation-name: bounce; transform-origin: center bottom; }


/**网站运营维护**/
.service-banner{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/service-banner.jpg); height: 40vw; padding-top: 5vw;}
.service-banner .w{ max-width: 14rem;}
.service-banner .text{ flex: 1; line-height: 1.4;}
.service-banner .btn{ animation: svelte-naip4b-ripple 1s infinite normal; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1s; animation-timing-function: linear;}
.service-banner .btn a{ background:#1e60ab; line-height: 0.52rem; color: var(--color-white); display: inline-block; padding:0 0.3rem; border-radius: 0.1rem 0 0 0.1rem;}
.service-banner .btn a:last-child{ background:#ff63ff; color:var(--color-white); border-radius: 0 0.1rem 0.1rem 0; }
.service-banner .thumb{ width: 32.3vw; animation: up-down 1.5s ease-in-out infinite alternate-reverse both;}


.service-project{ padding: 5.2vw 0;}
.service-project-body li{ width:calc((100% - 0.6rem) /4); height:1.5rem; margin-top:0.4rem; cursor:pointer; position:relative }
.service-project-body li .iconw{ background:#EF177E; width:0.72rem; height:0.72rem; padding:0.16rem; position:absolute; left:0; top:0.39rem; border-radius:100%; z-index:2}
.service-project-body li .icon { width:0.4rem; height:0.4rem;  }
.service-project-body li .icon img { width:0.4rem; position:absolute; left:0; top:-0.4rem;  }
.service-project-body li .text { background:#f6f6f6; width:calc(100% - 0.36rem); height: 100%; padding:0.2rem 0.4rem 0.4rem 0.6rem; position:absolute; right:0; top:0; }
.service-project-body li .text h2{ color: #06305F; line-height:0.48rem; }
.service-project-body li .text h2::after { content: ""; background-color: rgba(239, 23, 126, 0.95); width: 0.4rem; height: 0.02rem; display: block; position: absolute; left:0; bottom:0;}
.service-project-body li:hover .text h2::after { width:1rem; }
.service-project-body li:hover .iconw { background:#06305F; }
.service-project-body li:hover .icon img { top:0}


.service-process{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/service-process.jpg); padding: 5.2vw 0;}
.service-process-list li { background:var(--color-white); width:calc((100% - 1.2rem) /7); height:1.9rem; border-top:0.04rem solid #EF177E; }
.service-process-list li .num { font-size: 1rem; color: rgba(239, 23, 126, 0.05); line-height: 1.9rem;}
.service-process-list li .iconw { width:100%; height:0.66rem; position:absolute; top:0.4rem; bottom:0;  }
.service-process-list li .iconw img { max-height: 100%; }
.service-process-list li .textbg { background:#06305F; position:absolute; top:-1rem; left:0; width:100%; height:0.9rem; }
.service-process-list li .textbg span { position:relative; display:inline-block; width:1rem; height:0.1rem; margin-top:0.7rem;}
.service-process-list li .textbg span::after { content: ""; background: #EF177E; display: block; width: 0; height: 0.03rem; position: absolute; left:calc((100% - 1rem) /2);  }
.service-process-list li .text { width:100%;  position:absolute; left:0; top:1.26rem;}
.service-process-list li .text h2{ color: #06305F; line-height:0.32rem;}
.service-process-list li:hover .textbg { top:0 }
.service-process-list li:hover .textbg span::after { width:100%; }
.service-process-list li:hover .iconw { top:1.05rem; }
.service-process-list li:hover .text { top:0.2rem; }
.service-process-list li:hover .text h2{ color:var(--color-white); }


.service-other{ padding: 5.2vw 0;}
.service-other-related { margin-top:0.25rem; }
.service-other-related li { background: #FFF8FD; display:block; width: calc((100% - 0.6rem) / 7); padding:0.25rem 0; margin:0.1rem 0.1rem 0 0; border: 1px solid #ECECEC; }
.service-other-related li:nth-child(7n)  {margin-right:0}
.service-other-related li .icon { height:0.68rem; overflow:hidden}
.service-other-related li .icon img{ max-height: 100%; }
.service-other-related li:hover .text { color:#06305F }
.service-other-related li:hover { background:#f8eff5 }
.service-other-related li:hover img{ animation: rotate 0.3s linear;}


.service-advantage{ background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/service-advantage.jpg); padding: 5.2vw 0;}
.service-advantage-list{ justify-content: space-between;}
.service-advantage-list li{ background: rgba(239, 23, 126, 0.9); padding: 0.3rem; color:var(--color-white); width: 23%; text-align: center; margin-top:0.4rem; border: 1px solid #F1F1F1; border-radius: 0 10px; }
.service-advantage-list li .icon{ height: 0.6rem;}
.service-advantage-list li .icon img{ max-height: 100%;}
.service-advantage-list li .desc{ opacity: .8;}
.service-advantage-list li:hover i img{animation: fadeIn 1s}


/**手机菜单**/
.Mobile-button{ width:0.4rem; height:100%; position:absolute; top:0; right:0; flex-direction:column; display:none;}
.Mobile-button .solid{  background-color:var(--color-blue); width:0.26rem; height:0.02rem; }
.Mobile-button .solid2{ margin:0.07rem 0; }
.Mobile-button.active .solid1{ transform:rotate(-45deg) translateY(0.125rem); margin-right:0.14rem !important;}
.Mobile-button.active .solid2{ transform:translateX(0.5rem);}
.Mobile-button.active .solid3{ transform:rotate(45deg) translateY(-0.125rem); margin-right:0.14rem !important;}

body.on{ overflow: hidden;}
.Mobile-menu{ background:var(--color-blue); width:100%; height:100%; position:fixed; z-index:97; top:0; left:-100%; overflow-y:auto; padding:0.7rem 3% 0 3%; }
.Mobile-menu.onShow{ left:0; }
.Mobile-menu li{ margin-bottom: 0.2rem;}
.Mobile-menu li .lit a{ font-size:0.16rem; color: var(--color-white); font-weight:bold; }
.Mobile-menu li .lic{ display: flex; flex-wrap: wrap;}
.Mobile-menu li .lic a{ font-size:0.14rem; margin: 0.1rem 0.1rem 0 0; color:var(--color-white); opacity: .8;}


/**商城模板**/
.por-search{ padding: 2rem 0 0.4rem 0; border-bottom: 1px solid #f1f1f2; }
.por-search .w{ max-width: 51.25%; min-width: inherit;}
.por-search-form .input{ background: var(--color-white); width: 1%; height: 0.48rem; padding: 0.08rem 0.16rem; -ms-flex: 1 1 auto; flex: 1 1 auto; color: #495057; border:1px solid #ced4da; border-radius: 0.25rem 0 0 0.25rem;}
.por-search-form .btn{ background: linear-gradient(150deg,#298dff,#00baff); color: var(--color-white); padding: 0 0.48rem; border-radius: 0 0.25rem 0.25rem 0; cursor: pointer;}
.por-search-hots a{ margin: 0 0.1rem;}

.por-page{ background: #f5f6f7; padding: 0.35rem 0 0.6rem 0;}
.por-page-content{ min-height: calc(100vh - 0.8rem);}
.por-page-left{ width: 2.2rem; height:auto; }
.por-page-left .list-type{ display: flex; flex-direction: column; position: -webkit-sticky; position: sticky; top: 0.15rem; }
.por-page-left .pa-pills{ background: linear-gradient(150deg,#298dff,#00baff); line-height: 0.39rem; color: var(--color-white); border-radius: 0.2rem;}
.por-page-left .pa-menu{ overflow-y: auto; -ms-flex: 1; flex: 1; padding: 0 0.24rem;}
.por-page-left .pa-menu::-webkit-scrollbar { width:0.05rem; }
.por-page-left .pa-menu::-webkit-scrollbar-thumb { background-color: #D3D3D3; border-radius:0.05rem; }
.por-page-left .pa-menu::-webkit-scrollbar-track { background-color: transparent; }
.por-page-left .pa-menu li{ padding-right: 0.24rem; margin-bottom: 0.04rem; position: relative;}
.por-page-left .pa-menu li a{ position: relative; display:block; padding: 0.09rem 0;}
.por-page-left .pa-menu li a.active{ color: var(--color-blue); }
.por-page-left .pa-menu li a.active:before { content: ''; width: 0; height: 0; position: absolute; left: -0.23rem; top: 50%; transform: translateY(-55%); border: 0.05rem solid var(--color-blue); border-radius: 100%; }
.por-page-left .pa-menu li .num{ width: 0.5rem; float: right;}
.por-page-left .pa-menu li .dropdown-menu{ background-color:var(--color-white); width:100%; min-width: 1.6rem; padding: 0.08rem 0.24rem 0.08rem 0; position: absolute; top: 100%; left: 0; z-index: 1000; display: none; border-radius:0.1rem; box-shadow: 0 .02rem .04rem rgba(0,0,0,.075);}
.por-page-left .pa-menu li .dropdown-menu.show { display: block; }
.por-page-left .pa-menu li .dropdown-menu a{ padding-left: 0.16rem;}


.por-page-body{ -ms-flex: 1; flex: 1; margin-left: 0.48rem;}
.por-page-filter .filter-color li{ margin-right: 0.05rem;}
.por-page-filter .filter-color li a{ padding:0 0.07rem; display: block; line-height: 0.25rem; border-radius: 0.04rem;}
.por-page-filter .filter-color li:first-child a { background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/color-all.png) center / 100% 100% no-repeat; }
.por-page-filter .filter-color li i { visibility: hidden; }
.por-page-filter .filter-color li.active i{ visibility: visible;}
.por-page-filter .filter-order a{ line-height: 0.29rem; padding: 0 0.16rem; margin-right: 0.05rem; border-radius: 0.2rem;}
.por-page-filter .filter-order a.active{ background: linear-gradient(150deg, #298dff, #00baff); color: var(--color-white);}

.por-page-filter .filter-company dd { margin-right: 0.16rem; padding-left: 0.24rem; }
.por-page-filter .filter-company dd .input { position: absolute; z-index: -1; opacity: 0; overflow: visible; }
.por-page-filter .filter-company dd .label { display: inline-block; line-height: 1.8; cursor: pointer; }
.por-page-filter .filter-company dd .label::before { content: ""; width: 0.16rem; height: 0.16rem; position: absolute; top: 0.04rem; left: -0.24rem; display: block; pointer-events: none; border: 1px solid #bdbdbd; border-radius: 50%; }
.por-page-filter .filter-company dd .label::after { content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; width: 0.16rem; height: 0.16rem; position: absolute; top: 0.04rem; left: -0.24rem; display: block; }
.por-page-filter .filter-company dd .input:checked~.label::before { background-color: var(--color-blue); }
.por-page-filter .filter-company dd .input:checked~.label::after { background-image: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/input-check.svg); }


.por-page-product{ margin:0 -0.25rem 0 -0.25rem; padding-top: 0.16rem;}
.por-page-product li{ width: 33.33%; padding:0 0.25rem; margin-top: 0.46rem;}
.por-page-product li .li-thumb{ padding-bottom: 0.16rem;}
.por-page-product li .img-wrapper{ display: block; margin-bottom: 0.08rem;}
.por-page-product li .img-pc-wrapper{ box-shadow: 0 0.05rem 0.2rem 0.2rem rgba(0,0,0,0.03); border-radius: 0.1rem;}
.por-page-product li .img-pc-wrapper .img-pc{ width: 100%; position: absolute; left: 0; }
.por-page-product li .img-mobile-wrapper{ background: url(https://ag-angucms.oss-cn-chengdu.aliyuncs.com/phone-bg.png) center / 100% 100% no-repeat; width: 1.2rem; height: 2.48rem; padding: 0.15rem 0.06rem 0.05rem 0.08rem; position: absolute; right: 0.1rem; bottom: -0.2rem; border-radius: 0.1rem; box-shadow: 0 .08rem 0.16rem rgba(0, 0, 0, .15);}
.por-page-product li .img-mobile-wrapper .img-mobile { width: 100%; height: 100%; border-radius: 0 0 0.1rem 0.1rem; }
.por-page-product li .img-mobile-wrapper .img-mobile img { position: absolute; left: 0; }
.por-page-product li .btn-group { position: absolute; margin-left: 0.16rem;  bottom: 0; left: 0; opacity: 0; z-index: 1; border-radius: 0.2rem; }
.por-page-product li .btn-group .btn{ background: linear-gradient(150deg,#298dff,#00baff); line-height: 0.4rem; color: var(--color-white); padding: 0 0.24rem;}
.por-page-product li .btn-group .btn:last-child{ background: linear-gradient(150deg,#2fdd89,#2bb573);}
.por-page-product li .li-word{ padding: 0 0.16rem;}
.por-page-product li:hover .img-wrapper { transform: translateY(-0.5rem); }
.por-page-product li:hover .img-pc-wrapper{ box-shadow: 0 .08rem 0.16rem rgba(0, 0, 0, .15); }
.por-page-product li:hover .btn-group { opacity: 1; }


.por-page-mobile{ margin:0 -0.25rem 0 -0.25rem; }
.por-page-mobile li{ width:20%; padding:0 0.25rem; margin-top: 0.46rem;}
.por-page-mobile li .li-thumb{ background: var(--color-white); height: 4.5rem; border-radius: 0.05rem; border: 1px solid #ebebeb;}
.por-page-mobile li .li-thumb img{ width: 100%; position: absolute;}


/**商城模板详情**/
.mobile-model{ background: #f5f6f7; padding: 0.5rem 0 0.8rem 0;}
.mobile-model .w{ max-width: 1250px; justify-content: space-between;}
.mobile-model-left{ background: var(--color-white); width: 780px; height: 770px;}
.mobile-model-left .designer-view{  width: 3.75rem; height: 6.32rem; box-shadow: 0 0 0.2rem 0 rgba(51, 51, 51, 0.1); border-radius: 0.1rem;}
.mobile-model-left .designer-view img{ position: absolute; width: 100%;}
.mobile-model-right{ background: var(--color-white); width: 400px; padding: 0.24rem; border-radius: 0.05rem; }
.mobile-model-right .right-code{ width: 300px; margin:0.3rem auto 0 auto; padding:0.2rem 0; border: 1px solid rgba(238, 238, 238, 1); border-radius:0.08rem;}
.mobile-model-right .right-code img{ max-width: 200px;}
.mobile-model-right .right-use{ background:var(--color-blue); width: 280px; height: 0.44rem; line-height: 0.44rem; color: var(--color-white); display: block; text-align: center; margin:0.25rem auto 0 auto; border-radius: 0.22rem; }
.mobile-model-right .right-lab{ padding-top: 0.25rem; border-top: 1px rgba(238,238,238,1) solid;}
.mobile-model-right .right-lab .lab-title{ padding-left: 0.17rem;}
.mobile-model-right .right-lab .lab-title:before{ content: '';  background: var(--color-blue); width: 0.03rem;  height: 0.15rem; position: absolute; left: 0.05rem; top: 50%; transform: translateY(-50%); }
.mobile-model-right .right-lab .lab-content a{ padding: 0.05rem 0.14rem; margin:0 0.1rem 0.14rem 0; border-radius: 0.16rem; border: 1px solid rgba(227, 227, 227, 1); }
.mobile-model-right .right-lab .lab-content a:hover { color: var(--color-blue); border: 1px solid var(--color-blue); }

.mobile-recomm{ padding: 0.75rem 0;}
.mobile-recomm .w{ max-width: 1250px;}
.mobile-recomm .por-page-mobile{ margin: 0 -0.15rem;}
.mobile-recomm .por-page-mobile li{ padding: 0 0.15rem;}