body{ width: 100%; overflow-x: hidden; }

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0; 
  }
  to {
    opacity: 1; 
  }
}

/*解决方案背景*/
.programme_top_bg { background: url(/eportal/uiFramework/commonResource/image/2024022609292250873.jpg) bottom center no-repeat; background-size: cover; }

/*解决方案*/
.jjfa { padding: 0.6rem 0; } 
.con_title { font-size: 0.2rem; font-weight: 400; display: flex; justify-content: center; margin-bottom: 0.6rem; letter-spacing: 0.03rem; } 
.con_title .title {  font-weight: 400; margin: 0; padding: 0; } 
.con_title .subTitle { font-weight: 400; margin: 0; padding: 0; }
.whiteColor { color: #fff; } 
.blueColor { color: #ffc600; }
.blackColor { color: #070b2d ;}

.jjfa .jjfa_con {} 
.jjfa .jjfa_con .jjfa_left_p { width: 5rem; position: relative; animation-delay: 0.3s;} 
.jjfa .jjfa_con .jjfa_left_p p { font-size: 0.1rem; color: #fff; line-height: 0.2rem; font-weight: 300; text-align: justify; } 
.jjfa .jjfa_con .jjfa_left_p::before {content:"";display:block;position:absolute;top:-0.3rem;left:-0.3rem;background:url(/eportal/uiFramework/commonResource/zip/img4/left.png) center no-repeat;background-size:cover;width:0.7rem;height:0.7rem;animation:rotation 6s linear infinite; }
.jjfa .jjfa_con .jjfa_right_img { width: 2.3rem; position: relative; text-align: right; z-index: 2; animation-delay: 0.6s;}
.jjfa .jjfa_con .jjfa_right_img img { position: relative; z-index: 2; width: 100%; }
.jjfa .jjfa_con .jjfa_right_img::after {  content: ""; display: block; width: 2.6rem; height: 2.6rem; position: absolute; top: -0.2rem; right: 0; background: url(/eportal/uiFramework/commonResource/zip/img4/right.png) right top no-repeat; background-size: cover; z-index: 1; animation: rotation 5s linear infinite; }
.jjfa .jjfa_con .jjfa_left_p .jjfa_btnBox { margin-top: 0.5rem; } 
.jjfa .jjfa_con .jjfa_left_p .jjfa_btnBox a { display: inline-block; padding: 0.08rem 0.28rem; font-size: 0.1rem; border: 2px solid transparent; border-radius: 50px; background-clip: padding-box, border-box; background-origin: padding-box, border-box; background-image: linear-gradient(to right, #161104,#161104), linear-gradient(90deg, #ff688f,#0093ff); color: #fff; }


/*功能介绍*/
.gnjs_list { position: relative; padding: 0.2rem 0 0.8rem; }
.gnjs_list .gnjs_center { position: absolute; top: 0.9rem; left: 50%; margin-left: -1.5rem; width: 3rem; height: 3rem; background: url(/eportal/fileDir/ainao/resource/cms/2024/02/img_pc_site/centerBg.png) center no-repeat; background-size: cover; z-index: 1; } 
.gnjs_list .gnjs_center::before { content: ""; display: inline-block; width: 1.55rem; height: 1.55rem; position: absolute; top: 0.75rem; left: 50%; margin-left: -0.75rem; background: url(/eportal/uiFramework/commonResource/zip/img4/center.png) center no-repeat; background-size: cover; animation: rotation 4s linear infinite; }

.gnjs_list ul {display: block;width: 100%;height: 2.8rem;} 
.gnjs_list ul li { padding: 0.1rem 0.2rem; z-index: 2; min-width: 1.2rem; } 
.gnjs_list ul li:hover { background: url(/eportal/uiFramework/commonResource/zip/img4/active.png) left top no-repeat; background-size: contain; } 
.gnjs_list ul li p.num { font-size: 0.19rem; color: #ffc600; font-weight: 500; margin-left: 0.3rem; transition: all 0.5s; } 
.gnjs_list ul li:hover p.num { margin-left: 0; }
.gnjs_list ul li p.gnjs_title { font-size: 0.115rem; color: #ffffff; font-weight: normal; margin: 0.06rem 0; } 
.gnjs_list ul li:first-child {position: absolute;top: 1rem;left: 2.2rem;animation-delay: 0.2s;opacity: 0;animation-name: fadeIn;animation-duration: 0.2s;animation-fill-mode: forwards;} 
.gnjs_list ul li:nth-child(2) {position: absolute;top: 2rem;right: 2rem;animation-delay: 0.4s;opacity: 0;animation-name: fadeIn;animation-duration: 0.4s;animation-fill-mode: forwards;} 
.gnjs_list ul li:nth-child(3) {position: absolute;top: 2.1rem;left: 1.5rem;animation-delay: 0.6s;opacity: 0;animation-name: fadeIn;animation-duration: 0.6s;animation-fill-mode: forwards;} 
.gnjs_list ul li:nth-child(4) {position: absolute;top: 3rem;right: 2.3rem;animation-delay: 0.8s;opacity: 0;animation-name: fadeIn;animation-duration: 0.8s;animation-fill-mode: forwards;} 
.gnjs_list ul li:nth-child(5) {position: absolute;top: 3rem;left: 2rem;animation-delay: 1s;opacity: 0;animation-name: fadeIn;animation-duration: 1s;animation-fill-mode: forwards;} 
.gnjs_list ul li:nth-child(6) {position: absolute;top: 1rem;right: 2.4rem;animation-delay: 1.2s;opacity: 0;animation-name: fadeIn;animation-duration: 1.2s;animation-fill-mode: forwards;} 
.gnjs_list ul li:nth-child(7) {position: absolute;top: 2.7rem;left: 0.2rem;animation-delay: 1.4s;opacity: 0;animation-name: fadeIn;animation-duration: 1.4s;animation-fill-mode: forwards;} 
.gnjs_list ul li:nth-child(8) { position: absolute; top: 2.5rem; right: 0.5rem; animation-delay: 1.6s; opacity: 0; animation-name: fadeIn; animation-duration: 1.6s; animation-fill-mode: forwards; } 
.gnjs_list ul li:nth-child(9) {position: absolute;top: 1.3rem;left: 0rem;animation-delay: 2s;opacity: 0;animation-name: fadeIn;animation-duration: 1.8s;animation-fill-mode: forwards;}
.gnjs_list ul li:nth-child(10) { position: absolute; top: 1.3rem; right: 0rem; animation-delay: 2.2s; opacity: 0; animation-name: fadeIn; animation-duration: 1.8s; animation-fill-mode: forwards; }



/*方案优势*/
.faysBox {padding: 0.4rem 0 0.6rem;} 
.faysBox ul.fays_list { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } 
.faysBox ul.fays_list li {width: 4.4rem;margin-bottom: 0.15rem;padding: 0.2rem;box-sizing: border-box;background: #f6f7fb;border-radius: 20px;min-height: 1.55rem;transition: all 0.5s;margin-right: 0.18rem;} 
.faysBox ul.fays_list li:nth-child(2n) { margin-right: 0px; }
.faysBox ul.fays_list li .fays_img {position: relative;width: 0.5rem;margin-top: 0.1rem;transition: all 0.5s;} 
.faysBox ul.fays_list li .fays_img img:last-child { display: none; } 
.faysBox ul.fays_list li .fays_con { width: 3.32rem; text-align: justify; } 
.faysBox ul.fays_list li .fays_con .fays_con_title { font-size: 0.12rem; font-weight: 400; color: #070b2d; padding-left: 0.1rem; border-left: 3px solid #0c6db4; margin-bottom: 0.1rem; line-height: 0.14rem; } 
.faysBox ul.fays_list li .fays_con .fays_con_title span { } 
.faysBox ul.fays_list li .fays_con p { font-size: 0.1rem; line-height: 0.18rem; color: #9597a0; font-weight: 400; } 
.faysBox ul.fays_list li .fays_img::after { content: ""; display: inline-block; width: 0rem; position: absolute; bottom: -0.06rem; left: 50%; border-radius: 50%; box-shadow: 0 10px 35px 20px rgba(3,38,255,0.3); transform: translate(0,-50px); transition: all 0.3s; opacity: 0; }
.faysBox ul.fays_list li .fays_img img { width: 100%; height: auto; object-fit: contain; } 
.faysBox ul.fays_list li .fays_img img:first-child { } 
.faysBox ul.fays_list li:hover { background: url(/eportal/uiFramework/commonResource/image/2024013115462567577.png) right bottom no-repeat; background-size: cover; box-shadow: 0px 4px 20px 1px rgba(121, 128, 143, 0.2);  }
.faysBox ul.fays_list li:hover .fays_img{ margin-top:0; } 
.faysBox ul.fays_list li:hover .fays_img img:last-child { display: inline-block; } 
.faysBox ul.fays_list li:hover .fays_img img:first-child { display: none; } 
.faysBox ul.fays_list li:hover .fays_img::after { width: 0.07rem; opacity: 1; transform: none !important; }


/*成功案例*/
.success_bg { background: url(/eportal/uiFramework/commonResource/image/2024022311032113430.jpg) center no-repeat; background-size: cover; }
.success { padding-top: 0.6rem; overflow: hidden; }
.cgal_list { position: relative; } 
.cgal_list .swiper-wrapper {} 
.cgal_list .swiper-wrapper .swiper-slide {} 
.cgal_list .swiper-wrapper .swiper-slide .slide_top { border-radius: 10px; position: relative; } 
.cgal_list .swiper-wrapper .swiper-slide .slide_top img { width: 100%; height: 1.6rem; object-fit: cover; border-radius: 10px;}
.cgal_list .swiper-button-prev { left: 3rem; top: 0.7rem; background: url(/eportal/fileDir/ainao/resource/cms/2024/01/img_pc_site/leftBtn.png) center no-repeat; background-size: contain; width: 0.32rem; height: 0.32rem; } 
.cgal_list .swiper-button-next { right: 3rem; top: 0.7rem; background: url(/eportal/fileDir/ainao/resource/cms/2024/01/img_pc_site/rightBtn.png) center no-repeat; background-size: contain; width: 0.32rem; height: 0.32rem; }
.cgal_list .swiper-wrapper .swiper-slide .slide_title { margin: 0.4rem 0 0.6rem; text-align: center; } 
.cgal_list .swiper-wrapper .swiper-slide .slide_title .slide_p {} 
.cgal_list .swiper-wrapper .swiper-slide .slide_title .slide_p span { padding-left: 0.1rem; box-sizing: border-box; font-size: 0.12rem; color: #fff; font-weight: 400; position: relative; } 
.cgal_list .swiper-wrapper .swiper-slide .slide_title .slide_p span::before { content: ""; display: inline-block; position: absolute; top: 0.025rem; left: 0; width: 3px; height: 0.13rem; background: #ffd200; }
.cgal_list .swiper-wrapper .swiper-slide-next { margin-top: -0.1rem; transition: all 1s; } 
.cgal_list .swiper-wrapper .swiper-slide-next .slide_title { margin: 0.5rem 0 0.6rem; } 
.cgal_list .swiper-wrapper .swiper-slide .slide_top::after { content:"";display: inline-block; transition: all 1s; opacity: 0; width: 0; height: 0.3rem; background: url(/eportal/uiFramework/commonResource/image/2024020110033364492.png) center no-repeat; background-size: contain; position: absolute; bottom: 0; left: 50%; } 
.cgal_list .swiper-wrapper .swiper-slide-next .slide_top::after { opacity: 1; bottom: -0.5rem; width: 2.6rem; left: 0.3rem; }



/*相关产品*/
.related_bg { background: url(/eportal/fileDir/ainao/resource/cms/2024/01/img_pc_site/xgcp_bg.jpg) center no-repeat; background-size: cover; }
.success_list { padding: 0.6rem 0 1rem;overflow: hidden; } 
.success_list ul { display: flex; justify-content: center; align-items: center; } 
.success_list ul li {position: relative; margin-right: 1rem; width: 1.4rem; height: 1rem; } 
.success_list ul li img {height: 100%;width: 100%;object-fit: contain;}
.success_list ul li:last-child { margin-right: 0; }
.success_list ul li::after { content:""; display: inline-block; width: 1.4rem; height: 0.2rem; background: url(/eportal/uiFramework/commonResource/image/2024013116450767712.png) center no-repeat; background-size: cover; border-radius: 20px; position: absolute; bottom: -0.5rem; left: 0rem; }

.swiper-success {overflow: hidden;width: 7.2rem;margin: 0 auto;padding:0 0.6rem 0 0.9rem;} 
.swiper-success .swiper-wrapper {padding-bottom: 0.3rem;justify-content: center;} 
.swiper-success .swiper-wrapper .swiper-slide {
    text-align: center;
} 
.swiper-success .swiper-wrapper .swiper-slide img {height: 0.5rem;width: 1.35rem;object-fit: contain;} 
.swiper-success .swiper-wrapper .swiper-slide::after {content:"";display: inline-block;width: 1.1rem;height: 0.2rem;background: url(/eportal/uiFramework/commonResource/image/2024013116450767712.png) center no-repeat;background-size: cover;border-radius: 20px;position: absolute;bottom: -0.3rem;left: 0.3rem;}
.swiper-success .swiper-button-prev {left: 0rem;top: 0.2rem;background: url(/eportal/fileDir/ainao/resource/cms/2024/01/img_pc_site/leftBtn.png) center no-repeat;background-size: contain;width: 0.32rem;height: 0.32rem;} 
.swiper-success .swiper-button-next {right: 0rem;top: 0.2rem;background: url(/eportal/fileDir/ainao/resource/cms/2024/01/img_pc_site/rightBtn.png) center no-repeat;background-size: contain;width: 0.32rem;height: 0.32rem;}




@media screen and (max-width:1100px){
    .cgal_list .swiper-wrapper .swiper-slide-active .slide_top::after { width: 4rem; }
    .cgal_list .swiper-wrapper .swiper-slide-next{ margin-top:0px; }
}

@media screen and (max-width:800px){
    /*页面框架*/
    .jjfa { padding: 2rem 0; } 
    .faysBox { padding: 0.6rem 0 1rem; } 

    /*成功案例*/
    .success { padding-top: 1rem; } 
    .success_list { padding: 1rem 0 2rem; } 
    .success_list ul li { width: 2.5rem; } 
    .success_list ul li::after { width: 2.5rem; height: 0.4rem; background-size: contain; } 
    .cgal_list { width: 7rem; margin: 0 auto; }
    .cgal_list .swiper-wrapper .swiper-slide .slide_top img { height: 2.6rem; } 
    .cgal_list .swiper-wrapper .swiper-slide-active .slide_title { margin: 0.5rem 0 1rem; }
    .cgal_list .swiper-wrapper .swiper-slide-active .slide_top::after{width: 7rem;}
    .cgal_list .swiper-wrapper .swiper-slide .slide_title .slide_p span { font-size: 0.2rem; } 
    .cgal_list .swiper-wrapper .swiper-slide .slide_title .slide_p span::before { height: 0.3rem; width: 2px; top: 0.03rem; } 
    .cgal_list .swiper-button-prev { left: 0rem; top: 1.2rem; width: 0.6rem; height: 0.6rem; } 
    .cgal_list .swiper-button-next { right: 0rem; top: 1.2rem; width: 0.6rem; height: 0.6rem; } 

    
    /*解决方案*/
    .con_title {font-size: 0.35rem; } 
    .jjfa .jjfa_con .jjfa_left_p { width: 100%; } 
    .jjfa .jjfa_con .jjfa_left_p p {  font-size: 0.16rem; line-height: 0.32rem; } 
    .jjfa .jjfa_con .jjfa_right_img {width: 100%;text-align: center;} 
    .jjfa .jjfa_con .jjfa_right_img img { width: 3rem; } 
    .jjfa .jjfa_con .jjfa_right_img::after { width: 4rem; height: 4rem; right: unset; left: 2.45rem; top: -0.5rem;} 
    .jjfa .jjfa_con .jjfa_left_p .jjfa_btnBox a { font-size: 0.16rem; padding: 0.16rem 0.5rem; } 

    /*功能介绍*/
    .gnjs_list ul { height: 5.1rem; } 
    .gnjs_list ul li:first-child { top: 1.5rem; } 
    .gnjs_list ul li p.num { font-size: 0.28rem; margin-left: 0.5rem; } 
    .gnjs_list ul li p.gnjs_title { font-size: 0.16rem; } 
    .gnjs_list .gnjs_center { width: 5rem; height: 5rem; top: 1.5rem; margin-left: -2.5rem; } 
    .gnjs_list .gnjs_center::before { width: 2.2rem; height: 2.2rem; margin-left: -1rem; top: 1.4rem; } 
    .gnjs_list ul li { width: 2rem; box-sizing: border-box; }
    .gnjs_list ul li:nth-child(2) {top: 3rem;right: 1rem;} 
    .gnjs_list ul li:nth-child(3) { top: 3rem; left: 1.2rem; } 
    .gnjs_list ul li:nth-child(4) {top: 5.4rem;right: 1.5rem;} 
    .gnjs_list ul li:nth-child(7) { top: 2rem; left: 0.1rem; } 
    .gnjs_list ul li:nth-child(6) {top: 1rem;right: 2rem;} 
    .gnjs_list ul li:nth-child(5) {top: 4.5rem;left: 1.6rem;} 
    .gnjs_list ul li:nth-child(9) {top: 5.3rem;} 
    .gnjs_list ul li:nth-child(8) { top: 4.3rem; right: 0.2rem; }
    


    /*方案优势*/
    .faysBox ul.fays_list li { width: 100%; min-height: unset; padding: 0.4rem; margin-bottom: 0.4rem; } 
    .faysBox ul.fays_list li .fays_img { width: 1rem; } 
    .faysBox ul.fays_list li .fays_con { width: 6.8rem; } 
    .faysBox ul.fays_list li .fays_con p { font-size: 0.16rem; line-height: 0.32rem; } 
    .faysBox ul.fays_list li .fays_con .fays_con_title { font-size: 0.23rem; line-height: 0.23rem; } 

    /*相关产品*/
    .success_list ul li { width: 2.5rem; } 
    .success_list ul li::after { width: 2.5rem; height: 0.4rem; background-size: contain; }

}

@media screen and (max-width:550px){
    /*页面框架*/
    .jjfa { padding: 2rem 0; } 
    .faysBox { padding: 0.6rem 0 1rem; } 

    /*成功案例*/
    .success { padding-top: 1rem; } 
    .success_list { padding: 1rem 0 2rem; } 
    .success_list ul li { width: 2.5rem; } 
    .success_list ul li::after { width: 2.5rem; height: 0.4rem; background-size: contain; } 
    .cgal_list { width: 7rem; margin: 0 auto; }
    .cgal_list .swiper-wrapper .swiper-slide .slide_top img { height: 3.2rem; } 
    .cgal_list .swiper-wrapper .swiper-slide-active .slide_title { margin: 0.5rem 0 1rem; }
    .cgal_list .swiper-wrapper .swiper-slide-active .slide_top::after{width: 7rem;}
    .cgal_list .swiper-wrapper .swiper-slide .slide_title .slide_p span { font-size: 0.3rem; } 
    .cgal_list .swiper-wrapper .swiper-slide .slide_title .slide_p span::before { height: 0.3rem; width: 2px; top: 0.06rem; } 
    .cgal_list .swiper-button-prev { left: 0rem; top: 1.6rem; width: 0.8rem; height: 0.8rem; } 
    .cgal_list .swiper-button-next { right: 0rem; top: 1.6rem; width: 0.8rem; height: 0.8rem; } 

    
    /*解决方案*/
    .con_title { font-size: 0.5rem; } 
    .jjfa .jjfa_con .jjfa_left_p { width: 100%; } 
    .jjfa .jjfa_con .jjfa_left_p p { font-size: 0.3rem; line-height: 0.55rem; } 
    .jjfa .jjfa_con .jjfa_right_img {width: 100%;text-align: center;} 
    .jjfa .jjfa_con .jjfa_right_img img { width: 4rem; } 
    .jjfa .jjfa_con .jjfa_right_img::after { width: 5rem; height: 5rem; right: unset; left: 2rem; } 
    .jjfa .jjfa_con .jjfa_left_p .jjfa_btnBox a { padding: 0.3rem 0.7rem; font-size: 0.3rem; } 

    /*功能介绍*/
    .gnjs_list ul { height: 8rem; } 
    .gnjs_list ul li {width: 3rem;max-width:unset;word-break: break-all;}
    .gnjs_list ul li:first-child {top: 1rem;left: 3rem;} 
    .gnjs_list ul li p.num { font-size: 0.5rem; }  
    .gnjs_list ul li p.gnjs_title { font-size: 0.25rem; width:100%; max-width: unset; } 
    .gnjs_list .gnjs_center { width: 7rem; height: 7rem; top: 1.5rem; margin-left: -3.5rem; } 
    .gnjs_list .gnjs_center::before { width: 3rem; height: 3rem; margin-left: -1.5rem; top: 2rem; } 
    .gnjs_list ul li:nth-child(2) {top: 2rem;left: 0.5rem;right: unset;} 
    .gnjs_list ul li:nth-child(3) {top: 2rem;right: 0rem;left: unset;} 
    .gnjs_list ul li:nth-child(4) {top: 3.5rem;right: unset;left: -0.5rem;} 
    .gnjs_list ul li:nth-child(7) {top: 5.5rem;left: unset;right: 0rem;} 
    .gnjs_list ul li:nth-child(6) {top: 5.5rem;right: unset;left: 0rem;} 
    .gnjs_list ul li:nth-child(5) {top: 3.5rem;left: unset;right: -0.5rem;} 
    .gnjs_list ul li:nth-child(9) {top: 7rem;left: unset;right: 0.5rem;} 
    .gnjs_list ul li:nth-child(8) {top: 7rem;right: unset;left: 0.5rem;}
    .gnjs_list ul li:nth-child(10) {top: 8.5rem;left: 3rem;right: unset;}



    /*方案优势*/
    .faysBox ul.fays_list li { width: 100%; min-height: unset; padding: 0.5rem; margin-bottom: 0.5rem; } 
    .faysBox ul.fays_list li .fays_img { width: 1.3rem; } 
    .faysBox ul.fays_list li .fays_con { width: 6.35rem; } 
    .faysBox ul.fays_list li .fays_con p { font-size: 0.3rem; line-height: 0.5rem; } 
    .faysBox ul.fays_list li .fays_con .fays_con_title { font-size: 0.4rem; line-height:0.4rem; } 

    /*相关产品*/
    .success_list ul li { width: 2.5rem; } 
    .success_list ul li::after { width: 2.5rem; height: 0.4rem; background-size: contain; }
}