@media (min-width:768px){.modelTitle .title_icon{width:100px;height:8px}
.toped{background-repeat:no-repeat;height:500px;background-size:100% 100%}
.toped .bannerWord{padding:0;position:relative}
.toped .bannerWord h5{padding:0;margin:0;margin-top:130px;width:820px;display:flex;align-items:center;font-family:微软雅黑,sans-serif;font-weight:400;font-style:normal;font-size:40px!important;color:#fff;line-height:60px;text-align:left!important}
.toped .bannerWord p{margin:0;padding:0;width:650px;margin-top:20px;margin-bottom:20px;align-items:center;font-family:微软雅黑,sans-serif;font-weight:400;font-style:normal;font-size:20px!important;color:#fff;line-height:40px;text-align:left!important}
.toped .bannerWord .rightbg{width:386px;height:216px;background-size:100% 100%;position:absolute;left:830px;top:155px}
}
.toped{background-repeat:no-repeat;background-size:100% 100%}
.toped .bannerWord .button{text-align:center;font-size:16px;font-weight:700;color:#fff;display:inline-block;border-radius:20px;text-align:center;line-height:40px;width:150px;background:linear-gradient(90deg,rgba(30,110,220,.3) 0,rgba(47,164,255,.8) 100%);cursor:pointer}
.part1{background-color:#f4f8ff;display:flex}
.part1,.part2{padding-top:60px;padding-bottom:60px;height:auto;min-height:0}
.part2{background:#fff}
.part1 .card-box{padding:10px;background-color:#fff;box-sizing:border-box;border-width:1px;border-style:solid;border-color:#d4d4d4;border-radius:0;-moz-box-shadow:1px 3px 5px rgba(221,221,221,.349019607843137);-webkit-box-shadow:1px 3px 5px rgba(221,221,221,.349019607843137);box-shadow:1px 3px 5px rgba(221,221,221,.349019607843137);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:all ease .5s;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#fff,#fff) border-box}
.part1 .card-box:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#2af598,#009efd) border-box;border:2px solid transparent;transition:all ease .5s}
.part1 .card-box .icon{width:90px;height:90px;margin-top:15px}
.part1 .card-box h5{display:flex;text-align:center;color:#444;font-size:20px;font-weight:700;margin:20px 0}
.part1 .card-box p{color:#999;font-size:14px;height:236px;line-height:36px;margin:0 auto;width:100%;padding:10px;margin-bottom:20px;text-align:center}
.modelTitle{text-align:center;margin-bottom:30px}
.modelTitle h4{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;margin-bottom:10px}
.modelTitle .title_icon{border-width:0;margin:0 auto;width:70px;height:5px;background:-webkit-linear-gradient(0deg,#3a6af6 0,#059afe 100%);background:-moz-linear-gradient(90deg,#3a6af6 0,#059afe 100%);background:linear-gradient(90deg,#3a6af6 0,#059afe 100%);border:none;border-radius:10px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.part11 .pain-card{display:flex;align-items:center;gap:16px;padding:20px;height:100%;background:#f5f6f8;border-radius:6px;transition:all .3s ease}
.part11 .pain-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.part11 .pain-card .icon img{width:80px;height:80px}
.part11 .pain-card .icon.icon1 img{width:100px;height:80px}
.part11 .pain-card .icon.icon2{box-sizing:border-box}
.part11 .pain-card .icon.icon2 img{width:100px;height:127px;transform:scale(1.1);margin-top:-30px}
.part11 .pain-card .icon.icon3 img{width:90px;height:80px}
.part11 .pain-card .icon.icon4 img{width:100px;height:110px}
.part11 .pain-card .info h5{font-size:22px;font-weight:600;margin-bottom:10px}
.part11 .pain-card .info p{font-size:16px;color:#666;line-height:1.7}
.part22 .intro{color:#444;font-size:20px}
.part22 .modelTitle .intro .highlight{color:#f90;font-weight:700;font-size:20px}
.part22 .card-box2{position:relative;height:300px;color:#fff;display:flex;align-items:center;padding:40px;overflow:hidden}
.part22 .content-bg{background:url(../images/ai_product_part22_bg1.png) no-repeat;background-size:100% 100%;height:300px}
.part22 .left-box{position:relative;background:linear-gradient(90deg,rgba(10,30,80,.8) 0,rgba(30,80,160,.6) 100%)}
.part22 .left-box::after{content:'';width:15px;position:absolute;height:100%;top:0;bottom:0;right:0;background:#fff}
.part22 .right-box{padding-left:55px;position:relative;background:linear-gradient(180deg,rgba(10,30,80,.8) 0,rgba(30,80,160,.6) 100%)}
.part22 .right-box::after{content:'';width:15px;position:absolute;height:100%;top:0;bottom:0;left:0;background:#fff}
.part22 .content{position:relative;z-index:2;max-width:500px}
.part22 .content h2{font-size:28px;font-weight:700;color:#fff;margin-bottom:20px}
.part22 .content p{font-size:20px;line-height:1.8;color:rgba(255,255,255,.9)}
.part22 .highlight{color:#ffb400;font-weight:700;font-size:22px}
.part3 .row{margin:0}
.part3 .imgbg{background:linear-gradient(270deg,#eff6fa 0,#d6e8fd 100%);padding:20px 10px 10px 10px}
.swiper1 a{color:#303030}
.swiper3 .swiper-slide.selected{color:#1870ff;border-bottom:2px solid #1870ff;font-size:18px;font-weight:700}
.swiper3 .swiper-slide:hover{color:#1870ff;border-bottom:2px solid #1870ff;font-size:18px;font-weight:700}
.swiper3 a{color:#303030}
.swiper3 .swiper-slide{font-size:16px;transition:all ease .3s}
.swiper4 .swiper-slide{opacity:0}
.swiper4 .swiper-slide-active{opacity:1}
.part3 .proLeft{height:100%;padding:40px;color:#fff;background:linear-gradient(135deg,#2f6bff,#1e90ff);border-radius:6px}
.part3 .proLeft .title{font-size:24px;font-weight:700;display:flex;align-items:center}
.part3 .proLeft .icon{width:35px;height:35px;margin-right:10px}
.part3 .proLeft .subTitle{margin-top:15px;font-size:18px}
.part3 .proLeft .line{margin:20px 0;border-bottom:1px dashed rgba(255,255,255,.5)}
.part3 .proLeft .line.line2{margin:15px 0}
.part3 .sectionTitle{font-size:20px;margin-bottom:30px;font-weight:700}
.part3 .sectionTitle.sectionTitle2{font-size:20px;margin-bottom:8px;font-weight:700}
.part3 .highlight{font-size:16px;line-height:32px}
.part3 .highlight .yellow{color:#ffd84d;font-weight:700}
.part3 .desc{margin-top:30px;font-size:14px;line-height:36px}
.part3 .desc2{margin-top:15px;font-size:14px;line-height:36px}
.part3 .desc2 .boxTitle{font-size:16px;font-weight:700;margin-bottom:0}
.part3 .desc2 .boxDesc{font-size:14px;color:#fff;line-height:28px;width:100%}
.part3 .proRight{display:flex;flex-direction:column;padding-left:15px}
.part3 .topBox{width:670px;height:160px;padding-right:30px;display:flex;flex-wrap:wrap;overflow:hidden;margin-bottom:16px;background:#f3f7fd;background-size:100% 100%}
.part3 .boxContent .boxDesc{width:auto}
.part3 .boxContent{width:605px;display:flex}
.part3 .box{padding:20px;border-radius:6px}
.part3 .boxTitle{font-size:16px;font-weight:700;margin-bottom:10px}
.part3 .boxDesc{font-size:14px;color:#666;line-height:28px;width:245px}
.part3 .boxDesc2{width:590px;height:100%;margin-left:16px;font-size:14px;color:#666;line-height:28px;display:flex;align-items:center}
.part3 .boxDesc2 p{width:590px;font-size:14px;color:#666;line-height:28px}
.part3 .topBox2 .box{padding:10px;border-radius:6px}
.part3 .topBox2 .boxDesc{font-size:14px;color:#666;line-height:28px;width:200px}
.part3 .topBox4 .box{padding:10px 20px}
.part3 .topBox4 .box2{padding:0 20px 10px 20px}
.part3 .imgBox{position:relative;background:#f3f7fd;padding:20px;padding-right:60px;padding-bottom:40px;border-radius:6px}
.part3 .imgBox img{width:100%;border-radius:6px}
.part3 .imgBox .imgTag{position:absolute;left:40%;bottom:28px;transform:translateX(-50%);background:#fff;padding:8px 20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);font-size:14px;font-weight:700;color:rgba(58,100,216,.8);border:2px solid rgba(58,100,216,.8)}
.part3 .imgBox .imgTip{position:absolute;width:300px!important;height:150px;right:20px;bottom:10px}
.productCenter{display:flex}
.part3 .swiper5{display:block}
.part3 .swiper6{display:block}
.part3 .swiper7{display:block}
.part3-tab{margin-top:40px;margin-bottom:40px;border-radius:12px;background:#eaeef8;height:126px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.part3-tab ul{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}
.part3-tab ul li{cursor:pointer;position:relative;height:100%;width:16.5%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .4s ease 0s}
.part3-tab ul li:before{width:100%;height:120%;content:"";position:absolute;left:0;top:-10%;background:#fff;border-radius:12px;box-shadow:0 0 12px 4px rgba(16,38,100,.07);transform:scale(0);opacity:0;z-index:0;transition:all .4s ease 0s}
.part3-tab ul li.active:before{transform:scale(1);opacity:1;transition:all .4s ease 0s}
.part3-tab ul li span:nth-child(2){margin-top:4px}
.part3-tab ul li span:first-child{width:100%;position:relative;z-index:1;height:64px;display:block;transition:all .4s ease 0s}
.part3-tab ul li span:first-child img{width:auto;height:auto;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.part3-tab ul li.active span:first-child{transform:rotateY(180deg)}
.part3-tab ul li span{color:#333;z-index:2;font-size:16px}
.part3-tab ul li.active span{color:#108cee}
.part4{height:600px;position:relative;overflow:hidden;background:url(../images/ai_production_part4_nav.png) no-repeat;background-size:100% 100%}
.part4Content{position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(251,252,253,.2);padding-top:60px;padding-bottom:60px}
.part4 .modelTitle h4 span{color:#fff}
.part4 .row .boxTop{padding:0;padding-right:20px;box-sizing:border-box}
.part4 .row .boxTop .boxTopItem{width:100%;height:100%;background:rgba(255,255,255,.2);padding:30px 30px 20px 30px}
.part4 .row .boxTop .boxTopItem h4{color:#fff;font-weight:700;font-style:normal;font-size:20px}
.part4 .row .boxTop .boxTopItem .boxTopItemTop{display:flex;justify-content:space-between;align-items:center}
.part4 .row .boxTop .boxTopItem .boxTopItemTopIcon{width:35px;height:35px}
.part4 .row .boxTop .boxTopItem p{margin-top:20px;width:80%;font-weight:500;font-style:normal;font-size:14px;color:#fff;line-height:28px;margin-bottom:16px}
.part4 .row .boxBot{margin-top:15px;padding-right:15px}
.part4 .row .boxBot .boxBotItem{width:100%;height:100%;background:rgba(255,255,255,.2);padding:30px 30px 20px 30px}
.part4 .row .boxBot .boxBotItem .boxTopItemTop{display:flex;justify-content:space-between;align-items:center}
.part4 .row .boxBot .boxBotItem h4{color:#fff;font-weight:700;font-style:normal;font-size:20px}
.part4 .row .boxBot .boxBotItem p{margin-top:20px;width:100%;font-weight:500;font-style:normal;font-size:14px;color:#fff;line-height:28px;margin-bottom:0}
.part55{background:#fff}
.part55 .w20{width:20%}
.part55 .card-box{border-color:#d4d4d4}
.part55 .card-box p{height:155px}
.part6{height:550px;position:relative;overflow:hidden;background:url(../images/ai_product_foot.jpg) no-repeat;background-size:100% 100%}
.part6 .modelTitle h4 span{color:#fff}
.part6 .modelTitle .intro{color:#fff}
.part6 .modelTitle .intro .highlight{color:#f90;font-weight:700;font-size:20px}
.part6Content{position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(251,252,253,.2);padding-top:60px;padding-bottom:60px}
.part6 .valueBox3{background:rgba(255,255,255,.85);border-radius:10px;padding:0 10px}
.valueBox3 li{margin-bottom:0}
.valueBox3 li>div{width:100%;margin:0 auto;box-shadow:none;padding:0;background:0 0;height:auto;border:none;padding:20px;position:relative;overflow:visible}
.valueBox3 li>div::after{content:'';background:url(../images/part6-2.svg) no-repeat;background-size:100% 100%;width:4px;height:150px;position:absolute;right:-10px;top:100px}
.valueBox3 li>div.last2::after{right:-16px}
.valueBox3 li>div.last::after{content:'';display:none}
.valueBox3 li>div .p1{width:200px;text-align:left;font-size:18px;margin-left:0;margin-right:0;margin-top:20px!important;margin-bottom:10px!important}
.valueBox3 li>div .p3{color:#666;text-align:left!important;margin-bottom:10px}
.valueBox3 li>div:hover{border-image:none;border:none}
.part9 .caseBox li{padding-right:15px;padding-left:0}
.mbshow{display:none!important}
@media (max-width:768px){.toped .bannerWord .button{text-align:center;font-size:14px;font-weight:700;color:#fff;display:inline-block;border-radius:20px;text-align:center;line-height:40px;width:110px;background:linear-gradient(90deg,rgba(30,110,220,.3) 0,rgba(47,164,255,.8) 100%);cursor:pointer}
.nopadding{padding:0}
.part22 .content-bg{height:auto;margin-left:10px;margin-right:10px}
.part22 .left-box::after{display:none}
.part22 .right-box::after{display:none}
.part22 .card-box2{height:auto;padding:20px}
.part22 .content h2{font-size:22px}
.part22 .content p{font-size:14px}
.part3 .swiper3{display:none}
.part3 .productCenter{display:block;margin-top:20px}
.part3 .boxDesc2{width:100%}
.part3 .swiper5{display:none!important}
.part3 .swiper6{display:none!important}
.part3 .swiper7{display:none!important}
.part3 .topBox{height:auto;width:100%;display:block;margin-top:10px;background:#f3f7fd}
.part3 .boxDesc2 p{width:100%}
.part3 .swiper4 .swiper-slide{opacity:1}
.part3 .swiper-wrapper{flex-direction:column}
.mbshow{display:block}
.menu-box .swiper-wrapper{display:flex;flex-direction:column}
.content-box .swiper-slide{opacity:1}
.content-box .swiper-slide-active{opacity:1}
.part4{height:1780px}
.part4 .row{margin-left:2px;margin-right:-17px}
.part55 .w20{width:100%;padding:20px!important}
.part6{min-height:1350px}
.animate-item{opacity:1!important;transform:translateY(0)!important}
}
.animate-item{opacity:0;transform:translateY(30px)}
.animate-item.show{animation:fadeUp .6s ease forwards}
@keyframes fadeUp{to{opacity:1;transform:translateY(0)}
}
