.banner_index{position: relative;overflow: hidden;}
.banner_index video {
    position: absolute;
    width: 100%;height: 100%;
    left: 0px;
    top: 0;
    object-fit: cover;
}

.bannerindex_text{z-index: 3;color: #fff;width: 100%;position: absolute;left: 0;top:220rem;}

.bannerindex_p{max-width: 600rem;}
.bannerindex_p h3{line-height: 1.2em;max-height: 2.8em; margin-bottom: 10rem;}
.bannerindex_p p{line-height: 1.4em;max-height: 2.8em;}

.bannerindex_text{
	width: 100%;
	opacity: 0;visibility:hidden;
	transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;
	-webkit-transform: translatex(200px); -moz-transform: translatex(200px);-o-transform: translatex(200px);-ms-transform: translatex(200px);transform: translatex(200px);
}
.banner_index li.ani-slide .bannerindex_text{
	visibility: visible;opacity: 1;
	-webkit-transform: translatex(0px); -moz-transform: translatex(0px);-o-transform: translatex(0px);-ms-transform: translatex(0px);transform: translatex(0px);
}

.banner_but{display: none;}
.banner_but>div{font-size: 60px;height: 60px;width: 60px; line-height: 60px; margin-top: -30px;text-align: center;color: #fff;background: none !important;}
.banner_but .swiper-button-prev{left: 20px;}
.banner_but .swiper-button-next{right: 20px;}
.banner_index .swiper-pagination{bottom: 30rem !important;width: 100%;display: none;}
.banner_index span{width: 100rem;height: 5rem;background:none;opacity:1;margin: 0 2rem !important;position: relative;}
.banner_index span::after{content: "";position: absolute;left: 0;bottom: 0; width: 100%;height: 2rem;background: rgba(255, 255, 255, 0.4);}
.banner_index span.swiper-pagination-bullet-active,.banner_index span::after{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.banner_index span.swiper-pagination-bullet-active{width: 200rem;}
.banner_index span.swiper-pagination-bullet-active::after{background: #c7103c;height: 100%;}



@media only screen and (max-width:1024px) {
    .bannerindex_text{top:120rem}
    .banner_index span{height: 4rem;width: 50rem;}
    .banner_index span.swiper-pagination-bullet-active{width: 80rem;}
    .banner_index .swiper-pagination{bottom: 20rem !important;}
}


@media only screen and (max-width:767px) {

.bannerindex_p{width: 100%;}

.bannerindex_text{-webkit-transform: translatex(50px); -moz-transform: translatex(50px);-o-transform: translatex(50px);-ms-transform: translatex(50px);transform: translatex(50px)}

.banner_index img{display: none;}
.banner_index li{height: 220px !important;}
.bannerindex_text{top:23%;}
.bannerindex_text h3{font-size: 16px;line-height: 24px;max-height: 48px;font-weight: bold;margin-bottom: 5px;}
.bannerindex_text p{line-height: 20px;max-height: 40px;}
.bannerindex_text p br{display: none;}

.banner_index .swiper-pagination{bottom: 5px !important;}
.banner_index span::after{height: 2px;}
.banner_index span{height: 3px;margin: 0 2px !important;}
.banner_but>div{background: none;width: 30px;}
.banner_but>div i{font-size: 30px;font-weight: bold;}
.banner_but .swiper-button-prev{left: 5px;}
.banner_but .swiper-button-next{right: 5px;}
}




/* shouye */
.index_box01{padding: 50rem 0;}
.index_box02{padding: 60rem  0;}


.index_box01 .wrap_1400{position: relative;}
.index_box01 .wrap_1400:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;
/*background: linear-gradient(94deg, #edf4fa -4%,#edf4fa 41%, #edf4fa 75%,#edf4fa 99%);filter: blur(10rem);*/
background: linear-gradient(94deg, #cae7ff -4%,#cae7ff 41%, #cae7ff 75%,#cae7ff 99%);filter: blur(5rem);
}


.index_aislider{position: relative;}
.index_aislider .swiper-container{padding: 0 10rem; padding-bottom: 60rem;}
.index_aislider .index_button>div{margin-top: 0;top:140rem}
.index_aislider li{width: 33.33%;margin-right: 35rem}
.index_aislider dl{overflow: hidden;background: #fff; box-shadow: 0 0 10px 2px rgba(0, 15, 79, 0.05);}
.index_aislider dt{overflow: hidden;position: relative;}
.index_aislider dt video{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover; }

.index_ai_tab {display: flex;flex-wrap: wrap;justify-content: center; position: relative;}
.index_ai_tab::after{background:#e4e4e4;content: "";position: absolute;left: 0; bottom: 0; width: 100%;height: 1rem;}
.index_ai_tab p a{padding: 30rem 15rem;display: block;position: relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index_ai_tab p a::after{z-index: 5; background:#c7103c;content: "";position: absolute;left: 50%; bottom: 0; width: 0%;height: 3rem;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_ai_tab p{margin: 0 15rem;max-width: 190rem;}
.index_ai_tab p.on{font-weight: bold;}
.index_ai_tab p.on a::after{width: 100%;left: 0;}
.index_ai_text{padding: 50rem;}

.index_ai_text h3{line-height: 1.6em;margin-bottom: 30rem;}
.index_ai_p p{line-height: 1.6em;margin-bottom: 10rem;padding-left: 32rem;position:relative;}
.index_ai_p p:last-child{margin-bottom: 0}
.index_ai_p p::after{ content: '\eaf1';font-family: 'iconfont'; position: absolute;left: 0;top:0;color: #c7103c;    font-weight: bold;}

.index_ai_iteam{display: none;}
.index_ai_iteam.on{display: block;}
.index_aiscoll{height: 220rem;}


.index_box08{position: relative;padding: 140rem 0;color: #fff;background-attachment: fixed;}
.index_box08::after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.51);}
.index_box08 .wrap_1400{position: relative;z-index: 5;}
.index_box08 .index_btnsold a{padding: 0 74rem 0 66rem;}
.index_box08 .index_btnsold{text-align: center;}
.index_box08 .index_boxtitle{margin-bottom: 0;}

.index_box07{background: #f9f9f9;padding: 120rem 0;}

.index_custom { position: relative;overflow: hidden;}
.index_custom ul{display: flex; position: relative;}
.index_custom li{float: left; margin-bottom: 20rem;}
.index_custom li dl{position: relative; overflow: hidden; margin:0 10rem;border-radius: 10rem;overflow: hidden;  box-shadow: 0 0 10px 0 rgba(0, 15, 79, 0.06);width:240rem;}
.index_custom dt{text-align: center;padding: 10rem 10rem;border: 1rem solid transparent;background: #fff;    border-radius: 10rem;}
.index_custom dt img{width: 180px;max-width: 100%;margin:auto;}

.index_custom::before {
    content: '';
    width: 50rem;
    height: 100%;
    background: linear-gradient(to right, #f9f9f9, rgba(255, 255, 255, 0));
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
  }
   .index_custom::after {
    content: '';
    width: 50rem;
    height: 100%;
    background: linear-gradient(to left, #f9f9f9, rgba(255, 255, 255, 0));
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
  }
  @media only screen and (min-width:1025px) {
    .index_custom dt{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
  .index_custom dl:hover dt{border-color:#d56c7d ;}
  }
@media only screen and (max-width:1024px) {
    .index_custom li dl{width: 140rem;}
    .index_custom dt{padding: 10rem;}
}
@media only screen and (max-width:767px) {
    .index_custom li dl{width: 120px;}
    .index_custom dt{padding: 10px;}
    .index_aislider li{width: 100%;margin-right: 8px}
}




.slide_hide{display: none;}
.index_logobox:before { content: ''; display: table }
.index_logobox:after { content: ''; display: table; clear: both }

.index_logobox .swiper-container{padding: 10rem;}
.index_logo{width: 16.66%;float: left;}
.index_logo dl{  margin:10rem;border-radius: 10rem;overflow: hidden;        box-shadow: 0 0 10px 0 rgba(0, 15, 79, 0.06);}
.index_logo dt img{width: 180px;max-width: 90%;margin:auto;}
.index_logo dt{text-align: center;padding: 30rem;background:#fff url(/uploads/image/i/index_jb02.jpg) repeat-x 0 bottom;}
.index_logo dt::after{}

.index_box06{padding: 140rem 0; }
/*.index_why dd p{line-height: 1.33em;}*/
.index_why dd .index_ai_p {text-align: left;    color: #000;}
.index_why li{width: 25%;float: left;text-align: center;margin-bottom: 40rem;}
.index_why ul{display: flex;flex-wrap: wrap;margin:0 -20rem;}
.index_why li dl{height: 100%;background:rgba(255, 255, 255, 0.85); border-radius: 18rem; padding:40rem 20rem; margin:0 20rem;    box-shadow: 0 0 10px 0 rgba(0, 15, 79, 0.06); border: 1rem solid rgba(255, 255, 255, 0.85) ;}
.index_why dt{width: 70rem;height: 70rem; margin: auto;margin-bottom: 20rem;}
.index_why dt img{width: 100%;height: 100%;}
.index_why dd h3{margin-bottom: 20rem;}

.index_box05{padding: 100rem 0;     background-position: 0 0; border-bottom:10rem solid #f8fafc;}
.index_soluimg{border-radius: 20rem;overflow: hidden;}
.index_smallimg{position: relative;}
.index_solubox_t .left{width: 50%;float: left;}
.index_solubox_t .right{width: 45.6%;padding-right: 3.8%; float: right;}
.index_solubox_t .right h2{margin-bottom: 20rem;}

.index_smallimg .swiper-container{padding: 10rem 0rem;padding-bottom: 20rem;}
.index_smallimg li{width: 33.33%;float: left;text-align: center;}
.index_smallimg dl{border: 1px solid #fff; padding: 25rem 15rem;background: #fff;border-radius: 15rem;overflow: hidden;box-shadow: 0 4px 10px 0 rgba(0, 15, 79, 0.15);    margin: 0 5rem; position: relative;}
.index_smallimg dt::after{ border-radius: 15rem; content: "";position: absolute;top:2rem;left: 2rem;width: calc(100% - 2rem);height: calc(100% - 2rem);background:#fff;}
.index_smallimg dt img{width: 100rem;max-width: 90%;}
.index_smallimg dt{margin-bottom: 5rem;}
.index_smallimg dd h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index_smallimg dt img,.index_smallimg dd{position: relative;z-index: 8;}
 
.index_smallimg li.on .pubbef::before,.index_smallimg li.on .pubbef::after{visibility: visible;opacity: 1;}

.index_solutext{height: 350rem;overflow: hidden;}
.index_soluiteam li{margin-bottom: 25rem;}
.index_soluiteam li:last-child{margin-bottom: 0;}
.index_soluiteam dt{line-height: 1.66em;margin-bottom: 10rem;}
.index_soluiteam dd{overflow: hidden;}
.index_soluiteam dd .p01{line-height: 1.87em;}
.index_solu_span{overflow: hidden;}
.index_solu_span span{float: left;color: #bf002e;background: #fcf3f3; border-radius: 20rem;padding: 10rem 25rem; margin-right: 10rem; margin-bottom: 10rem;}
.index_solu_span span:last-child{margin-right: 0;}

.index_solu_more{padding-top: 50rem;}
.index_solu_more a{display: block; line-height: 60rem;background: #c7103c;color: #fff;border-radius: 5rem;text-align: center;}
.index_tips{text-align: center;padding-top: 40rem;}

.index_box03{padding: 120rem 0 0rem 0; position: relative;}
.index_aipart{overflow: hidden;}
.index_aipart .left{width: 18.7%;float: left;padding-top: 15rem;}
.index_aipart .left h5{margin-bottom: 45rem;}
.index_aipart .left h5 img{width: 100%;max-width: 285rem;}
.index_aipart .right{width: 49.3%;float: left;margin-left: 3.7%;padding-bottom: 50rem;}
.index_aiout{position: relative; min-height: 690rem;}
.ai_exchange{width: 35.9%; height: 100%; position: absolute;right: 0;bottom: 0;}
.ai_exchange>img{width: 100%; position: absolute;left: 0;bottom: 0;}

.ai_exchangebox{position: absolute;left: 17.1%;top:15rem;width: 100%;width: 59.4%;z-index: 5;}
.ai_exchange h2{ margin-bottom: 50rem;
    color: #0063ec; line-height: 1em;text-align: center;
    background: -webkit-linear-gradient(to right,#0063ec, #0048be);
    background: -o-linear-gradient(to right,#0063ec, #0048be);
    background: -moz-linear-gradient(to right,#0063ec, #0048be);
    background: -ms-linear-gradient(to right,#0063ec, #0048be);
    background: linear-gradient(to right, #0063ec, #0048be);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ai_exchange li{overflow: hidden; margin-bottom: 30rem;}
.ai_exchange dl{overflow: hidden;}
.ai_exchange dt{float: left;width:45rem;height: 45rem;border-radius: 50%; overflow: hidden; margin-right: 20px;}
.ai_exchange dt img{width: 100%;height: 100%;}
.ai_exchange dd{ min-width: 255rem; max-width: calc(100% - 100rem);float: left;padding: 15rem;padding-right: 10rem; border-radius: 5rem; background: #fff;color: #000; position: relative;}
.ai_exchange dd::after{content: "";position: absolute;width: 0;height: 0;overflow: hidden;margin: 0 0 0 -12rem;border: 10rem dashed transparent;border-right: 18rem solid #fff;top:15rem;left: -12rem;}
.ai_exchange dd p{line-height: 1.5em;}

.ai_exchange li:nth-child(2n) dt{float: right;margin:0;margin-left: 20rem;}
.ai_exchange li:nth-child(2n) dd{float: right;padding: 15rem;padding-left: 25rem; background: #fff;color: #000;}
.ai_exchange li:nth-child(2n) dd::after{border-right-color: transparent;border-left:18rem solid #fff; left: auto;right: -32rem;}


.ai_ul li{visibility: hidden;opacity: 0;-webkit-transform: translatey(60rem); -moz-transform: translatey(60rem);-o-transform: translatey(60rem);-ms-transform: translatey(60rem);transform: translatey(60rem);transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.ai_ul .on li:nth-child(1){visibility: visible;opacity: 1;-webkit-transform: translatey(0); -moz-transform: translatey(0);-o-transform: translatey(0);-ms-transform: translatey(0);transform: translatey(0); }
.ai_ul .on2 li:nth-child(2){visibility: visible;opacity: 1;-webkit-transform: translatey(0); -moz-transform: translatey(0);-o-transform: translatey(0);-ms-transform: translatey(0);transform: translatey(0);}


@media only screen and (min-width:1025px) {

    /*.ai_btn span a:hover{background: url(/uploads/image/i/aibtn.png) no-repeat;background-size: 100% 100%; color: #fff !important;}    */
}
@media only screen and (max-width:1024px) {
    .ai_exchangebox{width: 80%;}
    .ai_exchange dd{min-width: inherit;max-width: calc(100% - 70rem);}
  
        
}


.ai_text{line-height: 1.66em;height:580rem;overflow: hidden;}
.index_aipart .left .index_btnsold a{width: 90%;max-width: 100%;}

.ailist ul{display: flex;flex-wrap: wrap;padding-top: 1rem;}
.ailist dl{height: 100%;padding: 20rem 25rem;padding-bottom: 40rem;margin-left: -1rem; border-radius: 15rem;
    /* background: url(/uploads/image/i/index_k_le.png) no-repeat;background-size: 100% 100%; */
}

.ailist li:nth-child(1) dl{background: url(/uploads/image/i/index_k01.png) no-repeat;background-size: 100% 100%;}
.ailist li:nth-child(2) dl{background: url(/uploads/image/i/index_k02.png) no-repeat;background-size: 100% 100%;}
.ailist li:nth-child(3) dl{background: url(/uploads/image/i/index_k03.png) no-repeat;background-size: 100% 100%;}
.ailist li:nth-child(4) dl{background: url(/uploads/image/i/index_k04.png) no-repeat;background-size: 100% 100%;}
.ailist li:nth-child(5) dl{background: url(/uploads/image/i/index_k05.png) no-repeat;background-size: 100% 100%;}
.ailist li:nth-child(6) dl{background: url(/uploads/image/i/index_k06.png) no-repeat;background-size: 100% 100%;}
.ailist li:nth-child(7) dl{background: url(/uploads/image/i/index_k07.png) no-repeat;background-size: 100% 100%;}
.ailist li:nth-child(8) dl{background: url(/uploads/image/i/index_k08.png) no-repeat;background-size: 100% 100%;}
.ailist li:nth-child(9) dl{background: url(/uploads/image/i/index_k09.png) no-repeat;background-size: 100% 100%;}



.ailist li{width: 33.33%; min-height: 227rem; margin-top: -1rem;}
.ailist dt{margin-bottom: 16rem;overflow:hidden; }
.ailist dt span{width: 50rem;height: 50rem;float: left;}
.ailist dt img{width: 100%;height: 100%;}
.ailist dt h3{font-weight: bold;line-height: 1.5em;float: right; width: calc(100% - 60rem)}
.ailist dd p{line-height: 1.5em;}

.ai_more {text-align: center;padding-top: 30rem;}
.ai_more em{display: block;padding-top: 5rem;    
    background: -webkit-linear-gradient(to right,#3769f0, #47a0f9);
    background: -o-linear-gradient(to right,#3769f0, #47a0f9);
    background: -moz-linear-gradient(to right,#3769f0, #47a0f9);
    background: -ms-linear-gradient(to right,#3769f0, #47a0f9);
    background: linear-gradient(to right, #3769f0, #47a0f9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.ai_more a{display: inline-block;color: #3769f0;}

.index_box04{padding: 120rem 0;}
.index_protab{position: relative;margin-bottom: 60rem;}
.index_protab::after{content: "";position: absolute;bottom:0;left: 0;width: 100%;height: 1rem;background:#e4e4e4;}
.index_protab ul{display: flex;flex-wrap: wrap;justify-content: center; }
.index_protab li{margin:0 30rem;color: #999;cursor: pointer;text-align: center;}
.index_protab li dl{padding-bottom: 30rem;position: relative; height: 100%;}
.index_protab li dl::after{content: "";position: absolute;bottom: 0; left: 50%;width: 0%;height: 3rem;background: #c7103c;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_protab li h3{line-height: 1em;margin-bottom: 20rem;}


.sw_01 span{width: 0;height: 100%;position: absolute;left: 0;width: 50%;


    background: rgba(255,255,255,0.2);
background-image:-moz-linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
background-image:-webkit-linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
background-image:-ms-linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
background-image:-o-linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
background-image:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);

}
  .sw_01{width:80rem;  height: 3rem;background: #cb9faa; position: absolute; bottom: 0; animation:movebox 1.2s linear infinite alternate; position: absolute;left: 50%; margin-left: -40rem;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

  .sw_01 span{animation:move 1.2s linear infinite alternate;}
@keyframes move{
0%{width:33.33%;}
50%{width:90%;}
100%{width:100%;}
}
@keyframes movebox{
0%{background: #cb9faa; width: 80rem}
100%{background: #c7103c;width: 160rem;margin-left:-80rem }
}


.index_protab li.on{color: #000;}
.index_protab li.on dl::after{width: 100%;left: 0;}
.index_protab li.on .sw_01{visibility: hidden;opacity: 0;}





.index_iclist{width: 38.6%;float: left; position: relative;}
.index_iclist .swiper-container{overflow: inherit;}
.index_iclist ul{display: flex;flex-wrap: wrap;margin:0 -5rem;}
.index_iclist li{width: 33.33%;float: left;text-align: center;margin-bottom: 10rem; cursor: pointer;height: auto;}
.index_iclist dl{  height: 100%;padding: 40rem 20rem;padding-bottom: 45rem;border-radius: 12rem;margin:0 5rem;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; position: relative; overflow: hidden;   
border: 1px solid #eaeaec;background: #fff; 
}


.index_iclist dl dd::after{ border-radius: 18rem; content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background:#fff; display: none;}
.index_iclist dd h3,.index_iclist dt{position: relative;z-index: 8;}

.index_iclist li.on .pubbef::before,.index_iclist li.on .pubbef::after{ visibility: visible;opacity: 1;  }

.index_iclist dt{width: 85rem;height: 85rem;margin:auto;border-radius: 50%;position: relative; margin-bottom: 15rem;
    background: #66d5f8 !important;
    background: linear-gradient(180deg, rgba(102, 213, 248, 1) 0%, rgba(219, 236, 247, 1) 100%) !important;}
.index_iclist dt img{width: 80rem;height: 80rem;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}


.index_iclist li.cur dl{ box-shadow: 0 0 10px 3px rgba(0, 15, 79, 0.1);z-index: 9;position: relative;color: #fff;background: #7bdcfa;
    background: linear-gradient(180deg, rgba(123, 220, 250, 1) 0%, rgba(41, 117, 226, 1) 100%);}
.index_iclist li.cur dl dd::after{
    /*background:#fff url(/uploads/image/i/indexjb_bg_02.jpg) no-repeat !important; background-size: 100% 100%  !important; */
background: #86e9fe;
background: linear-gradient(188deg,rgba(134, 233, 254, 1) 0%, rgba(153, 227, 254, 1) 16%, rgba(23, 94, 222, 0.9) 100%);
}
.index_iclist li.cur .pubbef{display: none;}
.index_iclist li .pubbef,.ailist li .pubbef{display: none !important;}{display: none !important;}

.index_probox{width: 57.5%;float: right;}
.index_protitle{margin-bottom: 30rem;}
.index_protitle h3{line-height: 1em;margin-bottom: 20rem;}
.index_protitle p{line-height: 1.5em;}

.index_data_list li{width: 50%;float: left; margin-bottom: 20rem;}
.index_data_list li>a{display: block;margin: 0 10rem;border-radius: 20rem;overflow: hidden;}
.index_data_list ul{margin: 0 -10rem;}
.index_data_list dl{background: url(/uploads/image/i/index_prolistbg.jpg) no-repeat; background-size: 100% 100%; padding: 20rem;}
.index_data_list dt h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom: 15rem;}
.index_data_list dd p{line-height: 1.5em;height: 3em; margin-bottom: 15rem;}

/* .index_topslide li{height: auto !important;} */
.index_topslide .swiper-container{height: 66rem;}
.index_top_p{display: flex;flex-wrap: nowrap;justify-content: center;align-items: center; padding: 13rem 10rem; border-radius: 10rem; height: 66rem; position: relative;z-index: 5; overflow: hidden; position: relative;}
.index_top_p::after{}

.index_topslide{position: relative;overflow: hidden;border-radius: 10rem;z-index: 5}
.index_topslide .pubbef::before, .index_topslide .pubbef::after{visibility: visible;opacity: 1;}
.index_topslide::after{content: "";position: absolute;top:2rem;left: 2rem;width: calc(100% - 4rem);height: calc(100% - 4rem); background:#fff url(/uploads/image/i/index_jb01.jpg) repeat-x 0 bottom;border-radius: 10rem;}

.pubbef_out{border-radius: 10rem;overflow: hidden;position: relative;}

.index_top_p p{overflow: hidden;padding: 0 20rem; position: relative;z-index: 5;}
.index_top_p p:first-child{padding-left: 0;}
.index_top_p p:last-child{padding-right: 0;}

.index_top_p p em{float: left;width: 40rem;height: 40rem;position: relative;background: #faeef1; border-radius: 10rem; margin-right: 10rem;}
.index_top_p p em img{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
.index_top_p p img{width: 26rem;height: 26rem;}
.index_top_p p span{margin-top: 7rem;float: left;line-height: 26rem;}

.index_top_p02 p{float: none;display: block;line-height: 26rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index_top_p02 .index_btn a{line-height: 34rem;height: 34rem;padding: 0 20rem;}
.index_top_p02 .index_btn{position:absolute;right:20rem}
.index_topslide_phone{display: none;}
@media only screen and (max-width:1024px) {
    .index_topslide_phone{display: block;}
    .index_topslide_pc{display: none;}

    .index_ai_tab p{margin: 0;}
    .index_ai_tab p a{padding: 15rem 10rem;}
    .index_ai_text{padding: 20rem;}
    .index_ai_text h3{margin-bottom: 20rem;}
    .index_aislider .swiper-container{padding: 0;}
    .index_aislider .index_button>div{top:80rem}

    .index_box08,.index_box07,.index_box06,.index_box04{padding: 80rem 0;}
    .index_box08 .index_btnsold a{padding: 0 20rem;}

    .index_logo dt{padding: 10rem;}

    .index_why ul{margin:0 -10rem;}
    .index_why li {margin-bottom: 20rem;}
.index_why li dl{ margin:0 10rem;  }
.index_why dt{width: 50rem;height: 50rem;}
.index_why li dl{padding: 30rem 20rem;}

.index_solu_more{padding-top: 30rem;}
.index_solu_more a{line-height: 40rem;}
.index_tips{padding-top: 20rem;}
.index_soluiteam li{margin-bottom: 15rem;}
.index_solu_span span{padding: 6rem 15rem;}
.index_solubox_t .right{padding-right: 0;}

.ailist dl{padding: 20rem;}
.ailist dt{margin-bottom: 5rem;}

.index_iclist dl{padding: 20rem 10rem;}
.index_data_list dt h3{margin-bottom: 5rem;}
.index_protitle h3{margin-bottom: 10rem;}
.index_protitle{margin-bottom: 20rem;}
.index_data_list dl{padding: 15rem;}
.index_data_list dd p{margin-bottom: 10rem;}

.index_top_p::after{display: none;}
.index_top_p{background: #fff url(/uploads/image/i/index_jb01.jpg) repeat-x 0 bottom;    border: 1px solid #c7103c;}
.ai_text{height: 555rem;}
.index_top_p02 .index_btn{position: static;}
}



@media only screen and (max-width:767px) {
    .index_ai_p p{line-height: 24px;margin-bottom: 10px;padding-left: 22px;}
    .index_ai_tab p a{padding: 15px 10px;}
    .index_ai_tab p{max-width: inherit;margin:0 5px;}
    .index_ai_tab p a::after{height: 2px;}
    .index_ai_tab::after{height: 1px;}
    .index_ai_text{padding: 20px 10px;}
    .index_aiscoll{max-height: 130px;height: auto;}
    .index_aislider .index_button>div{top:190rem}
    .index_aislider dl{margin:0 1px;}

    .index_logo{width: 33.33%;}
    .index_logo dt{padding: 10px;}

    .index_why li{width: 50%;}

    .pub_tabslider li a{line-height: 30px;}
    .index_solubox_t .left,.index_solubox_t .right{float: none;width: 100%;}
    .index_solubox_t .right{padding-top: 20rem;}
    .index_soluiteam li{margin-bottom: 15px;}
    .index_solu_more{padding-top: 20px;}
    .index_solu_more a{line-height: 32px;}
    .index_tips{padding-top: 20px;}
    .index_soluiteam dt{margin-bottom: 10px;}
    .index_smallimg dt{margin-bottom: 10px;}

    .index_aipart .left,.index_aipart .right{float: none;width: 100%;margin:0; padding-bottom: 30px;}
    .ai_exchange,.ai_exchangebox{position: static;width: 100%;padding: 0 3%;}
    .ai_exchange>img{position: static;}

    .ai_exchange dt{width: 40px;height: 40px;margin-right: 10px;}
    .ai_exchange dd{max-width: calc(100% - 50px); width: auto;padding: 10px;}
    .ai_exchange li:nth-child(2n) dt{margin-left: 10px;}
    .ai_exchange dd::after{margin: 0 ;border: 10px dashed transparent;border-right: 20px solid #fff;top:10px;left: -20px;}

    .ai_exchange li:nth-child(2n) dd{padding: 10px;}
    .ai_exchange li:nth-child(2n) dd::after{border-right-color: transparent;border-left:20px solid #fff; left: auto;right: -30px;}



    .index_aipart .left .index_btnsold a{width: 100%;}
    .index_box05{border-bottom-width: 10px;}
    .ailist li{width: 50%;margin-bottom: 4px;}
    .ailist li:last-child{margin-bottom: 0;}
    .ailist ul{margin:0 -2px;}
    .ailist dl{padding: 15px;margin:0 2px;}
    .ailist dt{margin-bottom: 10px;}
    .ailist dt span{width: 50px;height: 50px;}
    .ailist dt h3{width: calc(100% - 60px)}
    /*.ailist dd h3{margin-bottom: 5px;}*/

    .index_iclist,.index_probox{float: none;width: 100%;}
    .index_protab li{width: 50%;margin:0;}
    .index_protab::after{height: 1px;}
    .index_protab li dl::after{height: 2px;}
    .index_protab li dl{padding: 0 5px;padding-bottom: 10px;}
    .index_protitle h3{margin-bottom: 10px;}
    .index_protab{margin-bottom: 20px;}
    .index_iclist dt{width: 60px;height: 60px;margin-bottom: 10px;}
    .index_iclist dt img{width: 50px;height: 50px;}
    .index_iclist dd h3{font-size: 14px;}
    .index_iclist li{margin-bottom: 20px;}
    .index_iclist dl{padding:10px;}
    .index_protitle{margin-bottom: 20px;}
    .index_data_list dl{padding: 20px;}
    .index_data_list li{float: none;width: 100%;}
    .index_data_list li>a,.index_data_list ul{margin:0;}

    .index_box01{padding-bottom: 0;}
    .index_top_p{display: block;border-width: 1px;padding:5px 10px; height: auto;}
    .index_topslide .swiper-container{height: 55px;}
    .index_top_p p{padding: 5px 0;}
    .index_top_p p em{width: 30px;height: 30px;}
    .index_top_p p em img{width: 20px;height: 20px;}
    .index_top_p p span{width: calc(100% - 40px); line-height: 24px;margin-top: 3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .index_top_p02 p{line-height: 24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .index_top_p02 p{width: calc(100% - 80px);float: left;}
    .index_top_p02 .index_btn {width:70px;float: right;}
    .index_top_p02 .index_btn a{height: 24px;line-height: 24px; padding: 0;display: block;width: 100%;}
    
    .index_topslide::after{display: none;}
    .ailist dl{background: none !important;border: 1px solid #fff;}

    .index_why dt{width: 36px;height: 36px;}
    .ai_text{height: auto;}

    .index_box02{overflow: hidden;}
    .index_aislider .swiper-container{overflow: inherit;}
    .index_aislider .swiper-slide-active dl{ box-shadow: 0 0 10px 2px rgba(0, 15, 79, 0.2);}
.index_solutext{height: auto;}
.ai_ul{height: auto !important;}


    
}


.mgcg{height: 100%;position: relative; overflow: hidden;}
@media only screen and (min-width:1025px) {
a{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_aislider dl,.index_smallimg dl{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_aislider dl:hover{background: #fff;box-shadow: 0 7px 14px 2px rgba(0, 15, 79, 0.1);}
.index_smallimg dl:hover{box-shadow: 0 4px 10px 0 rgba(0, 15, 79, 0.15);position: relative;z-index: 5;}
.index_smallimg dl:hover dd h3{font-weight: bold;}
.index_solu_more a:hover{color: #fff !important; opacity: 0.8;}

.index_iclist dl:hover{color: #fff;background: #7bdcfa;background: linear-gradient(180deg,rgba(123, 220, 250, 1) 0%, rgba(41, 117, 226, 1) 100%);}


.index_iclist li.cur .pubbef{display: none;}
.index_data_list li>a:hover dd p{color: #c7103c;}
.index_data_list li>a:hover dl{background: #fff;}
.index_data_list li>a:hover{box-shadow: 0 5px 14px 0 rgba(0, 15, 79, 0.1);}

.index_why li dl,.index_logo dl,.index_iclist dl,.index_smallimg dl,.ailist dl{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_smallimg dl:hover{border-color:#d56c7d ;}
.index_smallimg dl:hover .pubbef{display: none;}
.index_smallimg dl:hover dt::after{display: none;}
.index_logo dl:hover .iscjno{display: none;}


.ailist dl{cursor: default;}

.ailist .mgcg:hover .pubbef {display: none;}
.ailist dl:hover dd p{color: #fff;}

/* why效果 */

.index_why li dl {position: relative;overflow: hidden;}
.index_why li dt::after{ border-radius: 18rem; content: "";position: absolute;top:2rem;left: 2rem;width: calc(100% - 4rem);height: calc(100% - 4rem);background:#fff;}
.index_why dt img,.index_why dd{position: relative;z-index: 8;}

.index_why li.on .pubbef::before,.index_why li.on .pubbef::after{visibility: visible;opacity: 1;}
.index_why li dl:hover .pubbef{display: none;}
.index_why li dl:hover {border-color:#d56c7d ;}
/* 1111 */
/* .index_logo.on dl{background: red;} */

.iscjno{ position: absolute;inset: 0px;display: none;}



.index_logo.on .iscjno::before,.index_logo.on .iscjno::after{visibility: visible;opacity: 1;}


.animated .index_logo.on .iscjno{display: block;}



.iscjno::before,.iscjno::after{visibility: hidden;opacity: 0;}
.iscjno::before {
    content: "";
    position: absolute;
    inset:-1px;
    border-radius: inherit;
    filter: blur(16px);
    will-change: filter;
    z-index: 0;
    animation: 16s linear 0s infinite normal none running lhdoia;
    background: repeating-conic-gradient(from var(--values-capsule-gradient-angle),#da1d4a 0%,#da1d4a 5%,transparent 6%,transparent 40%,#da1d4a 50%);
}
.iscjno::after {
    content: "";
    position: absolute;
    inset:-1px;
    border-radius: inherit;
    z-index: 0;
    animation: 16s linear 0s infinite normal none running lhdoia;
    background: repeating-conic-gradient(from var(--values-capsule-gradient-angle),#da1d4a 0%,#da1d4a 5%,transparent 6%,transparent 40%,#da1d4a 50%);
}

.index_logo dt {   transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
    background-color: #fff; border: 1rem solid #fff;
    position: relative;
    border-radius: 10rem;
    z-index: 1;
}
/*.index_logo dl:hover dt{border-color:#d56c7d ;}*/
.index_logo dl {
    
    position: relative;
   
    padding: 2px;
    overflow: hidden;}


@-webkit-keyframes lhdoia{
  0%{--values-capsule-gradient-angle:45deg;opacity:0;}
  5%{opacity:0;}
  20%{opacity:1;}
  85%{opacity:1;}
  100%{--values-capsule-gradient-angle:765deg;opacity:0;}
  }/*!sc*/
@keyframes lhdoia{
  0%{--values-capsule-gradient-angle:45deg;opacity:0;}
  5%{opacity:0;}
  20%{opacity:1;}
  85%{opacity:1;}
  100%{--values-capsule-gradient-angle:765deg;opacity:0;}
}/*!sc*/
@property --values-capsule-gradient-angle{syntax:'<angle>';initial-value:45deg;inherits:false;}/*!sc*/
data-styled.g194[id="valuescapsulestyled__valuesanim-sc-9si2hz-0"]{content:"iscjno,"}/*!sc*/

/* 1111 */

/* 2222 */
.pubbef{display: none;}
.animated .pubbef{display: block;}
.pubbef::before,.pubbef::after{ visibility: hidden;opacity: 0;  }

.pubbef::before {
    content: "";
    position: absolute;
    inset: 0px;
    border-radius: inherit;
    filter: blur(16px);
    will-change: filter;
    z-index: 0;
    animation: 16s linear 0s infinite normal none running lhdoia;
    background: repeating-conic-gradient(from var(--values-capsule-gradient-angle),#c7103c 0%,#c7103c 5%,transparent 6%,transparent 40%,#c7103c 50%);
}
.pubbef::after {
    content: "";
    position: absolute;
    inset: 0px;
    border-radius: inherit;
    z-index: 0;
    animation: 16s linear 0s infinite normal none running lhdoia;
    background: repeating-conic-gradient(from var(--values-capsule-gradient-angle),#c7103c 0%,#c7103c 5%,transparent 6%,transparent 40%,#c7103c 50%);
}


/* .rebut,.mgcg{border-radius: 20rem;} */
.rebut {    background-color: rgb(3, 21, 39);position: relative; z-index: 1;}


  @property --values-capsule-gradient-angle{syntax:'<angle>';initial-value:45deg;inherits:false;}/*!sc*/
  data-styled.g194[id="valuescapsulestyled__valuesanim-sc-9si2hz-0"]{content:"pubbef,"}/*!sc*/

 
.ailist li.on .pubbef.on::before,.ailist li.on .pubbef.on::after{visibility: visible;opacity: 1;}
.ailist li.on .rebut,.ailist li.on .mgcg{border-radius: 20rem;}
.ailist li.on{position: relative;z-index: 5;}
.ailist li.on dl{
background: #86e9fe;
background: linear-gradient(188deg, rgba(134, 233, 254, 1) 0%, rgba(153, 227, 254, 1) 16%, rgba(23, 94, 222, 0.9) 100%);color: #fff;}
.ailist li.on dd p{color: #fff}

.ailist ul{padding-top: 2rem;padding-left: 2rem;}
.ailist li{margin-top: -2rem;}
.ailist dl{margin: 2rem;margin-left: -2rem;}

.ailist dl.on{background: #fff !important;color: #c7103c;}
.ailist dl.on dd p{color: #c7103c;}

/* 2222 */
}






@media only screen and (min-width:1025px) {
.index_iclist li.cur dl dd::after,.index_iclist dl dd::after{display: none;}
.index_iclist li.cur dl,.index_iclist li.on dl{
background: #40a6f1;color: #fff;
background: linear-gradient(197deg,rgba(134, 233, 254, 1) 0%, rgba(23, 94, 222, 1) 100%);}
.index_iclist dl::after{content: "";position: absolute;top:-100%;left: 0;width: 100%;height: 200%;background: linear-gradient(197deg,rgba(134, 233, 254, 1) 0%, rgba(23, 94, 222, 0) 100%);visibility: hidden; opacity: 0}

.ailist li dt,.ailist li dd{position: relative;z-index: 5}
.ailist li dl::after{content: "";position: absolute;top:-100%;left: 0;width: 100%;height: 200%;background: linear-gradient(197deg,rgba(134, 233, 254, 1) 0%, rgba(23, 94, 222, 0) 100%);visibility: hidden; opacity: 0}


.ailist li.on dl,.ailist li.cur dl{background: #40a6f1;color: #fff;background: linear-gradient(197deg,rgba(134, 233, 254, 1) 0%, rgba(23, 94, 222, 1) 100%);}


@-webkit-keyframes orangellowpulse {
  0% { top:-100%; }
  100% { top:0%}
 
}
/*.index_iclist li.cur dl::after,.index_iclist li.on dl::after  { visibility: visible;opacity: 1;
    -webkit-animation: orangellowpulse 1s linear infinite alternate;

}
.ailist li.on dl::after { visibility: visible;opacity: 1;
    -webkit-animation: orangellowpulse 1s linear infinite alternate;

}*/

.index_iclist li.cur dl{color: #fff;background: #7bdcfa;background: linear-gradient(180deg,rgba(123, 220, 250, 1) 0%, rgba(41, 117, 226, 1) 100%);}

    
}


/* 模块新增 */
.index_box09{padding: 120rem 0;}
.index_box09 .index_boxtitle{text-align: left;}
.index_box09 .index_more{padding-top: 40rem;}
.index_resle,.index_resre{width: 48%;float: left;}
.index_resre{float: right;}
.index_res_dry ul{margin: 0 -10rem;}
.index_res_dry li{width: 50%;float: left;margin-bottom: 20rem;}
.index_res_dry li>a{display: block;margin: 0 10rem;}
.index_res_dry li dl{padding: 30rem;background: #f0f6fe;overflow: hidden;border-radius: 10rem;padding-bottom: 22rem;}
.index_res_dry li dt span{width: 60rem;height: 60rem;background: #fff;border-radius: 15rem;position: relative; display: block;}
.index_res_dry li dt span img{width: 30rem;height: 30rem;}
.index_res_dry li dt {margin-bottom: 20rem;}
.index_res_dry li dd h3{margin-bottom: 10rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index_res_dry li dd p{color:#555555;line-height: 1.5em;height: 3em;display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.index_res_dry li:nth-child(2) dl{background: #f2fdf5;}
.index_res_dry li:nth-child(3) dl{background: #f9f5fe;}
.index_res_dry li:nth-child(4) dl{background: #fef7ee;}

.index_reslist dl{background: #f7fbff;}
.index_reslist dl,.index_reslist dt{border-radius: 20rem;overflow: hidden;}
.index_reslist li>a{display: block;}
.index_reslist dt{float: left;width: 36.3%;}
.index_reslist dd{float: right;width: 63.7%;padding: 20rem 25rem;}
.index_reslist li{margin-bottom: 20rem;}
.index_reslist li:last-child{margin-bottom: 0;}
.index_reslist li h3{line-height: 1.3em;height: 2.6em;margin-bottom: 20rem;}


.resource_viewindex{line-height: 30rem;}

.resource_viewindex:before{ content: ''; display: table }
.resource_viewindex:after{ content: ''; display: table; clear: both }
.resource_viewindex{ *zoom: 1 }
.resource_viewindex .solu_more{overflow: inherit;}
.resource_viewindex .solu_more i{width: 15rem;}
.resource_viewindex span{float: left;color: #c7103c;}

.resource_viewindex span em{float: left;margin-right: 8rem;}
.resource_viewindex>i{color: #636363;float: left;margin-left: 25rem;}
.resource_viewindex .solu_morebox{float: left;padding-top: 0;}
.resource_viewindex .solu_morebox:nth-child(2){float: right;}
@media only screen and (max-width:1024px) {
    .index_box09{padding: 80rem 0;}
    .index_resle,.index_resre{width: 100%;float: none;}
    .index_resle{margin-bottom: 60rem;}
    .index_reslist dd{padding: 40rem 30rem;}
}
@media only screen and (max-width:767px) {
    .index_res_dry li dl{padding: 30rem;}
    .index_res_dry li dt span{width: 50px;height: 50px;}
.index_res_dry li dt span img{width: 30px;height: 30px;}
.index_reslist dt,.index_reslist dd{float: none;width: 100%;}
.index_reslist dd{padding: 20px;}
.index_reslist li h3{margin-bottom: 20px;}
.resource_viewindex>i{float: right;margin: 0;}
.index_reslist li{margin-bottom: 20px;}
.resource_viewindex span em{font-size: 20px;}
.index_box09 .index_boxtitle{text-align: center;}
  
}
@media only screen and (min-width:1025px) {
    .index_res_dry dl{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .index_res_dry dl:hover{box-shadow: 0 0 14px 2px rgba(0, 15, 79, 0.1);}

    .index_reslist dl{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .index_reslist dl:hover{box-shadow: 0 0 14px 2px rgba(0, 15, 79, 0.1);}
}