html{-webkit-text-size-adjust:none}
.mb{display:none}
.fold-icon{display:none!important;width:12px;height:12px;background:url(/skin/image/ifold1.svg) center no-repeat;background-size:cover;position:absolute;right:30px;top:50%;margin-top:-6px;transition:all 0.3s;transform:rotateX(180deg)}
.a-container{max-width:1400px;margin-left:auto;margin-right:auto}
@media (max-width:1580px){
.a-container{max-width:1400px}
}
@media (max-width:767px){
.a-container{padding-left:15px;padding-right:15px}
}
.l-container{max-width:1400px;margin-left:auto;margin-right:auto}
@media (max-width:1580px){
.l-container{max-width:1400px}
}
@media (max-width:767px){
.l-container{padding-left:15px;padding-right:15px}
.hadheight{height:114px}
}
.unfold.fold-icon{transform:rotateX(0)}
@media (max-width:978px){
.unfold.fold-icon{background-size:cover}
.unfold.fold-icon .pc{display:none!important}
.unfold.fold-icon .mb{display:block!important}
.unfold.fold-icon .fold-icon{display:block!important}
}
.l-btn{height:48px;line-height:48px;padding:0 30px;border:1px solid #EE5E2C;color:#EE5E2C;font-size:16px;vertical-align:middle;text-align:center;transition:all 0.3s;border-radius:40px;float:left;margin-top:10px;margin-right:20px}
.l-btn+.l-btn{margin-right:0}
.l-btn:hover{color:#ee8460;border:1px solid #ee8460}
.l-btn.green{color:#fff;border:1px solid #ee8460;background:#ee8460}
.l-btn.green:hover{background:#ee8460}
.l-btn.gray{color:#666;border:1px solid #f3f7fd;background:#f3f7fd}
.l-btn.gray:hover{background:#f3f7fd;color:#666;border-color:#f3f7fd}
.l-btn.orange{color:#fff;border:1px solid #f59a23;background:#f59a23}
.l-btn.orange:hover{border:1px solid #ffa632;background:#ffa632}
@media (max-width:978px){
.l-btn{float:none;height:36px;line-height:36px;font-size:14px;padding:0 28px;display:inline-block;vertical-align:middle;text-align:center;margin-right:10px}
.l-btn+.l-btn{margin-right:0}
.w1200{width:auto}
}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.tab[data-direction="cross"]>.tab_btn>li{float:left;text-align:center}
.tab[data-direction="cross"]>.tab_btn>li>p{display:inline-block;font-size:18px;color:#333;cursor:pointer}
.tab[data-direction="cross"]>.tab_item>li{float:left}
.tab[data-direction="cross"][data-index="2"]>.tab_btn>li{width:50%}
.tab[data-direction="cross"][data-index="3"]>.tab_btn>li{width:33.333%}
.tab[data-direction="cross"][data-index="4"]>.tab_btn>li{width:25%}
.tab[data-direction="vertical"]>.tab_btn>li>p{display:inline-block;font-size:18px;color:#333;cursor:pointer}
.tab[data-direction="vertical"]>.tab_item>li{float:left}
.tab[data-direction="vertical"][data-index="2"]>.tab_btn>li{width:50%}
.tab[data-direction="vertical"][data-index="3"]>.tab_btn>li{width:33.333%}
.tab[data-direction="vertical"][data-index="4"]>.tab_btn>li{width:25%}
@media (max-width:978px){
.content{padding-top:50px;overflow-x:hidden}
}
.remind-block{display:inline-block;vertical-align:middle;font-size:14px;color:#EE5E2C;height:20px;line-height:20px;position:relative;overflow:hidden;text-align:center;width:calc(100% - 50px);max-width:300px;z-index:100}
.marquee-block{display:inline-block;width:100%;height:100%;vertical-align:middle;overflow:hidden;box-sizing:border-box;position:relative}
.marquee{animation:marquee 3s linear infinite;white-space:nowrap;position:absolute}
.marqueeT{top:100%;animation:marqueeT 3s 1.5s linear infinite;white-space:nowrap;position:absolute}
@keyframes marquee{
0%{top:100%}
100%{top:-100%}
}
@keyframes marqueeT{
0%{top:100%}
100%{top:-100%}
}
.banner .banner-pc{width:100%;text-align:center}
.banner .banner-map{width:100%;text-align:center;display:none}
.l-nav{background:rgba(250,252,255);height:70px}
.l-nav ul{max-width:1180px;margin-left:auto;margin-right:auto}
.l-nav ul li{float:left;width:calc((100%) / 7)}
.l-nav ul a{display:inline-block;width:100%;text-align:center;font-size:16px;color:#333333;line-height:70px;letter-spacing:0}
@media (max-width:978px){
.l-nav{display:none}
}
.price ul{position:relative;height:250px;background:#fff;box-shadow:0 5px 30px 0 rgba(239,239,239,0.75);border-radius:8px;overflow:hidden;border:1px solid #dde4f0}
.price ul li{background-image:linear-gradient(180deg,#ffffff 0%,#ffffff 100%);transition:all 0.3s;width:33.33%;position:absolute;overflow:hidden;cursor:pointer;border:1px solid #dde4f0}
.price ul li:first-child{background:url(/skin/image/price-img-bg.png) center no-repeat;background-size:100% 100%}
.price ul li i{display:inline-block;width:30px;height:30px;background-size:100% 100%!important;vertical-align:middle;margin-right:10px}
.price ul li h3{display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;color:#333333;line-height:30px}
.price ul li>p{font-size:16px;color:#666666;line-height:24px;overflow:hidden;margin-top:10px;text-overflow:ellipsis;white-space:nowrap}
.price ul li>div{margin:30px}
.price ul li div{margin-top:30px}
.price ul li div p{font-size:16px;color:#666666;line-height:24px;margin:15px 0}
.price ul[data-index="1"] li:nth-child(1){left:-1px;top:-1px;bottom:-1px}
.price ul[data-index="1"] li:nth-child(1)>p{color:#333333}
.price ul[data-index="1"] li:nth-child(2){left:calc(33.33% - 2px);top:-1px;bottom:123px}
.price ul[data-index="1"] li:nth-child(3){width:calc(33.33% + 5px);left:calc(66.66% - 3px);top:-1px;bottom:123px}
.price ul[data-index="1"] li:nth-child(4){left:calc(33.33% - 2px);top:124px;bottom:-1px}
.price ul[data-index="1"] li:nth-child(5){width:calc(33.33% + 5px);left:calc(66.66% - 3px);top:124px;bottom:-1px}
.price ul[data-index="2"] li:nth-child(1){left:-1px;top:-1px;bottom:-1px}
.price ul[data-index="2"] li:nth-child(1)>p{color:#333333}
.price ul[data-index="2"] li:nth-child(2){background-image:linear-gradient(180deg,#ffffff 0%,#f1f9ff 100%);left:calc(33.33% - 2px);top:-1px;bottom:-1px}
.price ul[data-index="2"] li:nth-child(2)>p{color:#333333}
.price ul[data-index="2"] li:nth-child(3){width:calc(33.33% + 5px);left:calc(66.66% - 3px);top:-1px;bottom:123px}
.price ul[data-index="2"] li:nth-child(4){left:calc(33.33% - 2px);top:248px;bottom:-1px}
.price ul[data-index="2"] li:nth-child(5){width:calc(33.33% + 5px);left:calc(66.66% - 3px);top:124px;bottom:-1px}
.price ul[data-index="3"] li:nth-child(1){left:-1px;top:-1px;bottom:-1px}
.price ul[data-index="3"] li:nth-child(1)>p{color:#333333}
.price ul[data-index="3"] li:nth-child(2){left:calc(33.33% - 2px);top:-1px;bottom:123px}
.price ul[data-index="3"] li:nth-child(3){background-image:linear-gradient(180deg,#ffffff 0%,#f1f9ff 100%);width:calc(33.33% + 5px);left:calc(66.66% - 3px);top:-1px;bottom:-1px}
.price ul[data-index="3"] li:nth-child(3)>p{color:#333333}
.price ul[data-index="3"] li:nth-child(4){left:calc(33.33% - 2px);top:124px;bottom:-1px}
.price ul[data-index="3"] li:nth-child(5){width:calc(33.33% + 5px);left:calc(66.66% - 3px);top:248px;bottom:-1px}
.price ul[data-index="4"] li:nth-child(1){left:-1px;top:-1px;bottom:-1px}
.price ul[data-index="4"] li:nth-child(1)>p{color:#333333}
.price ul[data-index="4"] li:nth-child(2){left:calc(33.33% - 2px);top:-1px;bottom:248px}
.price ul[data-index="4"] li:nth-child(3){width:calc(33.33% + 5px);left:calc(66.66% - 3px);top:-1px;bottom:123px}
.price ul[data-index="4"] li:nth-child(4){background-image:linear-gradient(180deg,#ffffff 0%,#f1f9ff 100%);left:calc(33.33% - 2px);top:-1px;bottom:-1px}
.price ul[data-index="4"] li:nth-child(4)>p{color:#333333}
.price ul[data-index="4"] li:nth-child(5){width:calc(33.33% + 5px);left:calc(66.66% - 3px);top:124px;bottom:-1px}
.price ul[data-index="5"] li:nth-child(1){left:-1px;top:-1px;bottom:-1px}
.price ul[data-index="5"] li:nth-child(1)>p{color:#333333}
.price ul[data-index="5"] li:nth-child(2){left:calc(33.33% - 2px);top:-1px;bottom:123px}
.price ul[data-index="5"] li:nth-child(3){width:calc(33.33% + 5px);left:calc(66.66% - 3px);top:-1px;bottom:248px}
.price ul[data-index="5"] li:nth-child(4){left:calc(33.33% - 2px);top:124px;bottom:-1px}
.price ul[data-index="5"] li:nth-child(5){background-image:linear-gradient(180deg,#ffffff 0%,#f1f9ff 100%);width:calc(33.33% + 5px);left:calc(66.66% - 3px);top:-1px;bottom:-1px}
.price ul[data-index="5"] li:nth-child(5)>p{color:#333333}
@media (max-width:978px){
.price ul{height:auto;border:none;box-shadow:none;overflow:visible}
.price ul li{width:100%!important;position:relative;left:0!important;right:0!important;top:0!important;bottom:0!important;background:#ffffff!important;box-shadow:0 0 30px 0 rgba(239,239,239,0.75);border-radius:4px;margin-bottom:10px;margin-right:0}
.price ul li>div{margin:20px 20px 10px}
.price ul li .fold-icon{width:12px!important;height:12px!important;display:block!important;right:20px;top:36px}
.price ul li i{display:inline-block;width:30px;height:30px;background-size:100% 100%!important;vertical-align:middle;margin-right:10px}
.price ul li h3{display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;color:#333333;line-height:28px}
.price ul li div p{font-size:16px;color:#666666;line-height:24px;margin:15px 0}
.price ul li>div>p{font-size:15px;color:#333333;line-height:24px;overflow:hidden;margin-top:10px}
.price ul li div p:first-child{margin-top:20px}
}
@keyframes toTop{
0%{transform:translateY(0)}
50%{transform:translateY(10px)}
100%{transform:translateY(0)}
}
@-moz-keyframes toTop{
0%{transform:translateY(0)}
50%{transform:translateY(10px)}
100%{transform:translateY(0)}
}
@-webkit-keyframes toTop{
0%{transform:translateY(0)}
50%{transform:translateY(10px)}
100%{transform:translateY(0)}
}
@-o-keyframes toTop{
0%{transform:translateY(0)}
50%{transform:translateY(10px)}
100%{transform:translateY(0)}
}
@keyframes fireToTop{
0%{background-position:center 250px}
100%{background-position:center 0}
}
@-moz-keyframes fireToTop{
0%{background-position:center 250px}
100%{background-position:center 0}
}
@-webkit-keyframes fireToTop{
0%{background-position:center 250px}
100%{background-position:center 0}
}
@-o-keyframes fireToTop{
0%{background-position:center 250px}
100%{background-position:center 0}
}
@keyframes fireToTop1{
0%{background-position:center 125px}
100%{background-position:center 0}
}
@-moz-keyframes fireToTop1{
0%{background-position:center 125px}
100%{background-position:center 0}
}
@-webkit-keyframes fireToTop1{
0%{background-position:center 125px}
100%{background-position:center 0}
}
@-o-keyframes fireToTop1{
0%{background-position:center 125px}
100%{background-position:center 0}
}
@keyframes toDo1{
0%{opacity:0;top:46%;left:18.5%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:46%;left:18.5%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:61.5%;left:1.5%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:61.5%;left:1.5%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:46%;left:18.5%;transform:rotateZ(0deg) skew(0deg)}
}
@-moz-keyframes toDo1{
0%{opacity:0;top:46%;left:18.5%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:46%;left:18.5%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:61.5%;left:1.5%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:61.5%;left:1.5%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:46%;left:18.5%;transform:rotateZ(0deg) skew(0deg)}
}
@-webkit-keyframes toDo1{
0%{opacity:0;top:46%;left:18.5%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:46%;left:18.5%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:61.5%;left:1.5%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:61.5%;left:1.5%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:46%;left:18.5%;transform:rotateZ(0deg) skew(0deg)}
}
@keyframes toDo1{
0%{opacity:0;top:46%;left:18.5%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:46%;left:18.5%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:61.5%;left:1.5%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:61.5%;left:1.5%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:46%;left:18.5%;transform:rotateZ(0deg) skew(0deg)}
}
@keyframes toDo2{
0%{opacity:0;top:61%;left:1%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:61%;left:1%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:86%;left:28%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:86%;left:28%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:61%;left:1%;transform:rotateZ(0deg) skew(0deg)}
}
@-moz-keyframes toDo2{
0%{opacity:0;top:61%;left:1%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:61%;left:1%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:86%;left:28%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:86%;left:28%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:61%;left:1%;transform:rotateZ(0deg) skew(0deg)}
}
@-webkit-keyframes toDo2{
0%{opacity:0;top:61%;left:1%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:61%;left:1%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:86%;left:28%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:86%;left:28%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:61%;left:1%;transform:rotateZ(0deg) skew(0deg)}
}
@-o-keyframes toDo2{
0%{opacity:0;top:61%;left:1%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:61%;left:1%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:86%;left:28%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:86%;left:28%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:61%;left:1%;transform:rotateZ(0deg) skew(0deg)}
}
@keyframes toDo3{
0%{opacity:0;top:86.5%;left:28%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:86.5%;left:28%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:86.5%;left:28%;transform:rotateZ(0deg) skew(0deg)}
}
@-moz-keyframes toDo3{
0%{opacity:0;top:86.5%;left:28%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:86.5%;left:28%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:86.5%;left:28%;transform:rotateZ(0deg) skew(0deg)}
}
@-webkit-keyframes toDo3{
0%{opacity:0;top:86.5%;left:28%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:86.5%;left:28%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:86.5%;left:28%;transform:rotateZ(0deg) skew(0deg)}
}
@-o-keyframes toDo3{
0%{opacity:0;top:86.5%;left:28%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:86.5%;left:28%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:86.5%;left:28%;transform:rotateZ(0deg) skew(0deg)}
}
@keyframes toDo4{
0%{opacity:0;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
}
@-moz-keyframes toDo4{
0%{opacity:0;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
}
@-webkit-keyframes toDo4{
0%{opacity:0;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
}
@-o-keyframes toDo4{
0%{opacity:0;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:86.5%;left:68%;transform:rotateZ(0deg) skew(0deg)}
}
@keyframes toDo5{
0%{opacity:0;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:38%;left:69%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:38%;left:69%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
}
@-moz-keyframes toDo5{
0%{opacity:0;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:38%;left:69%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:38%;left:69%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
}
@-webkit-keyframes toDo5{
0%{opacity:0;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:38%;left:69%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:38%;left:69%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
}
@-o-keyframes toDo5{
0%{opacity:0;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
5%{opacity:1;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
49%{opacity:1;top:38%;left:69%;transform:rotateZ(0deg) skew(0deg)}
50%{opacity:0;top:38%;left:69%;transform:rotateZ(0deg) skew(0deg)}
100%{opacity:0;top:61.5%;left:94.5%;transform:rotateZ(0deg) skew(0deg)}
}
@keyframes imgChange{
0%{background:url(/public/mobile/fer/upimg/zpy/ai-img-10.png);background-size:100% 100%}
3%{background:url(/public/mobile/fer/upimg/zpy/ai-img-11.png);background-size:100% 100%}
16.66%{background:url(/public/mobile/fer/upimg/zpy/ai-img-11.png);background-size:100% 100%}
19.66%{background:url(/public/mobile/fer/upimg/zpy/ai-img-12.png);background-size:100% 100%}
33.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-12.png);background-size:100% 100%}
36.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-13.png);background-size:100% 100%}
48.66%{background:url(/public/mobile/fer/upimg/zpy/ai-img-13.png);background-size:100% 100%}
51.66%{background:url(/public/mobile/fer/upimg/zpy/ai-img-14.png);background-size:100% 100%}
66.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-14.png);background-size:100% 100%}
69.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-15.png);background-size:100% 100%}
83.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-15.png);background-size:100% 100%}
86.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-10.png);background-size:100% 100%}
100%{background:url(/public/mobile/fer/upimg/zpy/ai-img-10.png);background-size:100% 100%}
}
@-moz-keyframes imgChange{
0%{background:url(/public/mobile/fer/upimg/zpy/ai-img-10.png);background-size:100% 100%}
3%{background:url(/public/mobile/fer/upimg/zpy/ai-img-11.png);background-size:100% 100%}
16.66%{background:url(/public/mobile/fer/upimg/zpy/ai-img-11.png);background-size:100% 100%}
19.66%{background:url(/public/mobile/fer/upimg/zpy/ai-img-12.png);background-size:100% 100%}
33.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-12.png);background-size:100% 100%}
36.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-13.png);background-size:100% 100%}
48.66%{background:url(/public/mobile/fer/upimg/zpy/ai-img-13.png);background-size:100% 100%}
51.66%{background:url(/public/mobile/fer/upimg/zpy/ai-img-14.png);background-size:100% 100%}
66.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-14.png);background-size:100% 100%}
69.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-15.png);background-size:100% 100%}
83.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-15.png);background-size:100% 100%}
86.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-10.png);background-size:100% 100%}
100%{background:url(/public/mobile/fer/upimg/zpy/ai-img-10.png);background-size:100% 100%}
}
@-webkit-keyframes imgChange{
0%{background:url(/public/mobile/fer/upimg/zpy/ai-img-10.png);background-size:100% 100%}
3%{background:url(/public/mobile/fer/upimg/zpy/ai-img-11.png);background-size:100% 100%}
16.66%{background:url(/public/mobile/fer/upimg/zpy/ai-img-11.png);background-size:100% 100%}
19.66%{background:url(/public/mobile/fer/upimg/zpy/ai-img-12.png);background-size:100% 100%}
33.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-12.png);background-size:100% 100%}
36.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-13.png);background-size:100% 100%}
48.66%{background:url(/public/mobile/fer/upimg/zpy/ai-img-13.png);background-size:100% 100%}
51.66%{background:url(/public/mobile/fer/upimg/zpy/ai-img-14.png);background-size:100% 100%}
66.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-14.png);background-size:100% 100%}
69.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-15.png);background-size:100% 100%}
83.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-15.png);background-size:100% 100%}
86.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-10.png);background-size:100% 100%}
100%{background:url(/public/mobile/fer/upimg/zpy/ai-img-10.png);background-size:100% 100%}
}
@-o-keyframes imgChange{
0%{background:url(/public/mobile/fer/upimg/zpy/ai-img-10.png);background-size:100% 100%}
3%{background:url(/public/mobile/fer/upimg/zpy/ai-img-11.png);background-size:100% 100%}
16.66%{background:url(/public/mobile/fer/upimg/zpy/ai-img-11.png);background-size:100% 100%}
19.66%{background:url(/public/mobile/fer/upimg/zpy/ai-img-12.png);background-size:100% 100%}
33.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-12.png);background-size:100% 100%}
36.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-13.png);background-size:100% 100%}
48.66%{background:url(/public/mobile/fer/upimg/zpy/ai-img-13.png);background-size:100% 100%}
51.66%{background:url(/public/mobile/fer/upimg/zpy/ai-img-14.png);background-size:100% 100%}
66.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-14.png);background-size:100% 100%}
69.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-15.png);background-size:100% 100%}
83.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-15.png);background-size:100% 100%}
86.33%{background:url(/public/mobile/fer/upimg/zpy/ai-img-10.png);background-size:100% 100%}
100%{background:url(/public/mobile/fer/upimg/zpy/ai-img-10.png);background-size:100% 100%}
}
.framework{background:#1890ff;padding-bottom:0}
.framework .l-title{padding-bottom:0}
.framework .l-title h2{color:#fff}
.framework .l-content-top .img-box{text-align:center;position:relative;margin-top:-60px}
.framework .l-content-top .img-box img{display:inline-block;width:100%;transition:all 0.3s}
.framework .l-content-top .img-box img:nth-child(3){position:absolute;top:0;left:0;right:0;z-index:2}
.framework .l-content-top .img-box img:nth-child(2){position:absolute;width:60%;left:50%;transform:translateX(-50%) translateY(-50%);top:50%;margin-top:-15px}
.framework .l-content-top .img-box img:nth-child(4){position:absolute;top:50%;width:162px;left:50%;margin-top:-130px;margin-left:-65px;animation:toTop 3s linear infinite;-moz-animation:toTop 3s linear infinite;-webkit-animation:toTop 3s linear infinite;-o-animation:toTop 3s linear infinite}
.framework .l-content-top .img-box img:nth-child(5){opacity:0;position:absolute;width:77px;z-index:1;margin-top:-39px;margin-left:-20.5px;animation:toDo1 6s linear infinite;-moz-animation:toDo1 6s linear infinite;-webkit-animation:toDo1 6s linear infinite;-o-animation:toDo1 6s linear infinite}
.framework .l-content-top .img-box img:nth-child(6){opacity:0;position:absolute;width:77px;z-index:1;margin-top:-39px;margin-left:-20.5px;animation:toDo2 6s 3s linear infinite;-moz-animation:toDo2 6s 3s linear infinite;-webkit-animation:toDo2 6s 3s linear infinite;-o-animation:toDo2 6s 3s linear infinite}
.framework .l-content-top .img-box img:nth-child(7){opacity:0;position:absolute;width:77px;z-index:1;margin-top:-39px;margin-left:-20.5px;animation:toDo3 6s 6s linear infinite;-moz-animation:toDo3 6s 6s linear infinite;-webkit-animation:toDo3 6s 6s linear infinite;-o-animation:toDo3 6s 6s linear infinite}
.framework .l-content-top .img-box img:nth-child(8){opacity:0;position:absolute;width:77px;z-index:1;margin-top:-39px;margin-left:-20.5px;animation:toDo4 6s 9s linear infinite;-moz-animation:toDo4 6s 9s linear infinite;-webkit-animation:toDo4 6s 9s linear infinite;-o-animation:toDo4 6s 9s linear infinite}
.framework .l-content-top .img-box img:nth-child(9){opacity:0;position:absolute;width:77px;z-index:1;margin-top:-39px;margin-left:-20.5px;animation:toDo5 6s 12s linear infinite;-moz-animation:toDo5 6s 12s linear infinite;-webkit-animation:toDo5 6s 12s linear infinite;-o-animation:toDo5 6s 12s linear infinite}
.framework .l-content-top .img-box i{position:absolute;top:45%;width:263px;height:250px;left:50%;margin-top:-60px;margin-left:30px;transform:translateX(-50%) translateY(-50%);animation:fireToTop 3s linear infinite;-moz-animation:fireToTop 3s linear infinite;-webkit-animation:fireToTop 3s linear infinite;-o-animation:fireToTop 3s linear infinite}
.framework .l-content-top .img-box .link-box{position:absolute;width:250px;height:200px;left:50%;margin-left:-125px;top:26%;margin-top:-100px;z-index:2}
.framework .l-content-top .img-box .link-box a{position:absolute;width:94px;height:69px;cursor:pointer;transition:all 0.3s}
.framework .l-content-top .img-box .link-box a:nth-child(1){background:url(/skin/image/link-01.svg);left:7px;bottom:45px;animation:toTop 3s linear infinite;-moz-animation:toTop 3s linear infinite;-webkit-animation:toTop 3s linear infinite;-o-animation:toTop 3s linear infinite}
.framework .l-content-top .img-box .link-box a:nth-child(1):hover{background:url(/skin/image/link-01-h.svg)}
.framework .l-content-top .img-box .link-box a:nth-child(2){background:url(/skin/image/link-02.svg);left:40px;bottom:94px;animation:toTop 3s 1s linear infinite;-moz-animation:toTop 3s 1s linear infinite;-webkit-animation:toTop 3s 1s linear infinite;-o-animation:toTop 3s 1s linear infinite}
.framework .l-content-top .img-box .link-box a:nth-child(2):hover{background:url(/skin/image/link-02-h.svg)}
.framework .l-content-top .img-box .link-box a:nth-child(3){width:85px;height:62px;background:url(/skin/image/link-03.svg);left:96px;bottom:139px;animation:toTop 3s 3s linear infinite;-moz-animation:toTop 3s 3s linear infinite;-webkit-animation:toTop 3s 3s linear infinite;-o-animation:toTop 3s 3s linear infinite}
.framework .l-content-top .img-box .link-box a:nth-child(3):hover{background:url(/skin/image/link-03-h.svg)}
.framework .l-content-top .img-box .link-box a:nth-child(4){width:101px;height:74px;background:url(/skin/image/link-04.svg);left:123px;bottom:8px;animation:toTop 3s 1s linear infinite;-moz-animation:toTop 3s 1s linear infinite;-webkit-animation:toTop 3s 1s linear infinite;-o-animation:toTop 3s 1s linear infinite}
.framework .l-content-top .img-box .link-box a:nth-child(4):hover{background:url(/skin/image/link-04-h.svg)}
.framework .l-content-top .img-box .link-box a:nth-child(5){background:url(/skin/image/link-05.svg);left:150px;bottom:65px;animation:toTop 3s linear infinite;-moz-animation:toTop 3s linear infinite;-webkit-animation:toTop 3s linear infinite;-o-animation:toTop 3s linear infinite}
.framework .l-content-top .img-box .link-box a:nth-child(5):hover{background:url(/skin/image/link-05-h.svg)}
.framework .l-content-bottom{text-align:center}
.framework .l-content-bottom span{display:inline-block;font-size:18px;color:#ffffff;line-height:60px;background:url(https://www.beisen.com/public/mobile/fer/upimg/zpy/step-bottom.svg);width:80%;background-size:100% 100%}
@media (max-width:978px){
.framework{background:#1890ff;padding-bottom:0}
.framework .l-title{padding-bottom:30px}
.framework .l-title h2{color:#fff}
.framework .l-content-top .img-box{margin-top:0;width:345px;margin:0 auto}
.framework .l-content-top .img-box img{display:inline-block;width:345px;transition:all 0.3s}
.framework .l-content-top .img-box img:nth-child(3){position:absolute;top:0;left:50%;margin-left:-172px;right:0;z-index:2}
.framework .l-content-top .img-box img:nth-child(2){position:absolute;width:103;left:50%;transform:translateX(-50%) translateY(-50%);top:50%;margin-top:-15px}
.framework .l-content-top .img-box img:nth-child(4){position:absolute;top:50%;width:81px;left:50%;margin-top:-84px;margin-left:-34px;animation:toTop 3s linear infinite;-moz-animation:toTop 3s linear infinite;-webkit-animation:toTop 3s linear infinite;-o-animation:toTop 3s linear infinite}
.framework .l-content-top .img-box img:nth-child(5){opacity:0;position:absolute;width:30px;z-index:1;margin-top:-17px;margin-left:-10px;animation:toDo1 6s linear infinite;-moz-animation:toDo1 6s linear infinite;-webkit-animation:toDo1 6s linear infinite;-o-animation:toDo1 6s linear infinite}
.framework .l-content-top .img-box img:nth-child(6){opacity:0;position:absolute;width:30px;z-index:1;margin-top:-15px;margin-left:-1.5px;animation:toDo2 6s 3s linear infinite;-moz-animation:toDo2 6s 3s linear infinite;-webkit-animation:toDo2 6s 3s linear infinite;-o-animation:toDo2 6s 3s linear infinite}
.framework .l-content-top .img-box img:nth-child(7){opacity:0;position:absolute;width:30px;z-index:1;margin-top:-15px;margin-left:-20.5px;animation:toDo3 6s 6s linear infinite;-moz-animation:toDo3 6s 6s linear infinite;-webkit-animation:toDo3 6s 6s linear infinite;-o-animation:toDo3 6s 6s linear infinite}
.framework .l-content-top .img-box img:nth-child(8){opacity:0;position:absolute;width:30px;z-index:1;margin-top:-15px;margin-left:-20.5px;animation:toDo4 6s 9s linear infinite;-moz-animation:toDo4 6s 9s linear infinite;-webkit-animation:toDo4 6s 9s linear infinite;-o-animation:toDo4 6s 9s linear infinite}
.framework .l-content-top .img-box img:nth-child(9){opacity:0;position:absolute;width:30px;z-index:1;margin-top:-20.5px;margin-left:-20.5px;animation:toDo5 6s 12s linear infinite;-moz-animation:toDo5 6s 12s linear infinite;-webkit-animation:toDo5 6s 12s linear infinite;-o-animation:toDo5 6s 12s linear infinite}
.framework .l-content-top .img-box i{position:absolute;top:45%;width:130px;height:125px;left:50%;margin-top:-60px;margin-left:10px;transform:translateX(-50%) translateY(-50%);background-size:100% 100%!important;animation:fireToTop1 3s linear infinite;-moz-animation:fireToTop1 3s linear infinite;-webkit-animation:fireToTop1 3s linear infinite;-o-animation:fireToTop1 3s linear infinite}
.framework .l-content-top .img-box .link-box{position:absolute;width:120px;height:100px;left:50%;margin-left:-60px;top:9%;margin-top:-50px;z-index:2}
.framework .l-content-top .img-box .link-box a{position:absolute;width:47px;height:35px;cursor:pointer;transition:all 0.3s}
.framework .l-content-top .img-box .link-box a:nth-child(1){background:url(/skin/image/link-01.svg);background-size:100% 100%!important;left:7px;bottom:30px}
.framework .l-content-top .img-box .link-box a:nth-child(1):hover{background:url(/skin/image/link-01-h.svg);background-size:100% 100%!important}
.framework .l-content-top .img-box .link-box a:nth-child(2){background:url(/skin/image/link-02.svg);background-size:100% 100%!important;left:20px;bottom:47px}
.framework .l-content-top .img-box .link-box a:nth-child(2):hover{background:url(/skin/image/link-02-h.svg);background-size:100% 100%!important}
.framework .l-content-top .img-box .link-box a:nth-child(3){width:42px;height:31px;background:url(/skin/image/link-03.svg);background-size:100% 100%!important;left:38px;bottom:69px}
.framework .l-content-top .img-box .link-box a:nth-child(3):hover{background:url(/skin/image/link-03-h.svg);background-size:100% 100%!important}
.framework .l-content-top .img-box .link-box a:nth-child(4){width:50px;height:37px;background:url(/skin/image/link-04.svg);background-size:100% 100%!important;left:61px;bottom:4px}
.framework .l-content-top .img-box .link-box a:nth-child(4):hover{background:url(/skin/image/link-04-h.svg);background-size:100% 100%!important}
.framework .l-content-top .img-box .link-box a:nth-child(5){background:url(/skin/image/link-05.svg);background-size:100% 100%!important;left:77px;bottom:30px}
.framework .l-content-top .img-box .link-box a:nth-child(5):hover{background:url(/skin/image/link-05-h.svg);background-size:100% 100%!important}
.framework .l-content-bottom{text-align:center}
.framework .l-content-bottom span{display:inline-block;font-size:18px;color:#ffffff;line-height:60px;background:url(https://www.beisen.com/public/mobile/fer/upimg/zpy/step-bottom.svg);width:80%;background-size:100% 100%}
}
.introduce{padding-bottom:0}
.introduce .l-title{background:#f0f8ff}
.introduce .solution-tab{position:relative}
.introduce .solution-tab>.tab_btn{padding-top:38px;text-align:center;border-bottom:1px solid #dddddd}
.introduce .solution-tab>.tab_btn h3{font-size:16px;color:#333333;letter-spacing:0;line-height:24px;padding-bottom:15px;margin-bottom:0;transition:all 0.3s;cursor:pointer;position:relative;border-bottom:2px solid #fff}
.introduce .solution-tab>.tab_btn h3:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:#EE5E2C;transition:all 0s}
.introduce .solution-tab>.tab_btn h3:hover{color:#EE5E2C}
.introduce .solution-tab>.tab_btn .active h3{color:#EE5E2C}
.introduce .solution-tab>.tab_btn .active h3:after{right:0;transition:all 8s}
.introduce .tab_item{max-width:1180px;margin-left:auto;margin-right:auto}
.introduce .tab_item li.hide{display:none}
.introduce .content-box{padding:60px 0;display:flex;align-items:center;justify-content:center}
.introduce .content-box .l-content-left{margin-right:64px;width:calc(100% - 435px)}
.introduce .content-box .l-content-right{width:480px}
.introduce .content-box .solution-img-box{position:relative;background-color:#fff;width:590px;height:338px;border-radius:12px}
.introduce .content-box .solution-img-box img{display:inline-block;width:100%}
.introduce .content-box .solution-img-box .video-btn{position:absolute;width:60px;height:60px;background:url(/skin/image/video-btn.svg) center no-repeat;left:47%;top:40%;z-index:2;cursor:pointer;transition:all 0.3s}
.introduce .content-box .solution-img-box .video-btn:hover{background:url(/skin/image/video-btn-h.svg) center no-repeat}
.introduce .content-box .solution-img-box .video-btn::after{position:absolute;border-radius:50%;content:"";width:60px;height:60px;background:#fff;z-index:1;-webkit-animation:water 1s linear infinite;animation:water 1s linear infinite}
.introduce .content-box .solution-img-box .video-close{width:15px;height:15px;position:absolute;background:url(/skin/image/close.svg) center no-repeat;background-size:100% 100%;right:9%;top:13%;z-index:2;cursor:pointer;display:none}
.introduce .content-box .solution-img-box .video-box{position:absolute;width:560px;height:308px;top:10%;left:17px;margin-top:-24px;border-radius:12px;overflow:hidden}
.introduce .content-box .solution-img-box video{width:100%;height:100%;object-fit:fill}
.introduce .content-box .solution-info-box h3{font-size:30px;color:#333333;letter-spacing:0;line-height:48px;margin-bottom:30px}
.introduce .content-box .solution-info-box h3 span{display:block}
.introduce .content-box .solution-info-box p{font-size:14px;color:#666;line-height:20px;margin-bottom:10px}
.introduce .content-box .solution-info-box p span{display:block}
.introduce .content-box .solution-info-box p span:nth-child(2){font-size:16px;color:#333333;line-height:24px;margin-bottom:5}
.introduce .content-box .solution-info-box p span:nth-child(3){font-size:14px;color:#666666;line-height:20px;margin-bottom:20px}
.introduce .content-box .solution-info-box ul li{padding-left:30px;position:relative;width:calc(100% - 30px)}
.introduce .content-box .solution-info-box ul li:hover{transform:scale(1.09)}
.introduce .content-box .solution-info-box ul li i{width:20px;height:20px;background-size:cover;position:absolute;left:-1px;top:3px}
.introduce .content-box .solution-info-box div{margin-top:20px}
.introduce.onClick .solution-tab>.tab_btn h3:after{display:none}
.introduce.onClick .solution-tab>.tab_btn .active h3{color:#EE5E2C;border-bottom:2px solid #EE5E2C}
@media (max-width:978px){
.introduce{padding-bottom:40px}
.introduce .solution-tab>.tab_btn{display:none}
.introduce .content-box{display:none}
.introduce .content-box .l-content-left{width:100%}
.introduce .content-box .l-content-right{width:100%}
.introduce .tab_item li{width:100%;background:#ffffff;box-shadow:0 4px 8px 0 rgba(214,218,240,0.5);border-radius:4px;margin-bottom:10px}
.introduce .tab_item h3{display:block;position:relative;font-size:16px;color:#333333;line-height:70px;padding-left:20px}
.introduce .tab_item .content-box{border-top:1px solid #e6e6e6;padding:20px 0 30px}
.introduce .tab_item .content-box img{}
.introduce .tab_item .content-box h3{font-size:20px;color:#333333;line-height:30px;margin-bottom:20px;padding-left:0}
.introduce .tab_item .content-box .solution-info-box{padding:0 20px}
.introduce .tab_item .content-box .solution-info-box ul li{box-shadow:none}
.introduce .tab_item .content-box .solution-info-box ul li p{margin-bottom:20px}
.introduce .tab_item .content-box .solution-info-box ul li p span{font-size:14px;color:#333333;line-height:20px;margin-bottom:2px}
.introduce .tab_item .content-box .solution-info-box ul li p span+span{font-size:14px;color:#666666;line-height:20px;margin-bottom:0}
.introduce .tab_item .fold-icon{display:block!important}
.introduce .content-box .solution-img-box .video-box{width:83%;height:72%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);margin-left:5px;margin-top:-7px}
.introduce .content-box .solution-img-box .video-btn{width:30px;height:30px;background-size:100% 100%;margin-left:7px;top:50%;margin-top:-20px;z-index:2}
.introduce .content-box .solution-img-box .video-btn:hover{background:url(/skin/image/video-btn-h.svg) center no-repeat;background-size:100% 100%}
.introduce .content-box .solution-img-box .video-btn:after{width:30px;height:30px;left:0;top:0}
.introduce .content-box .solution-img-box .video-close{width:10px;height:10px;right:50px;top:50px}
.solution .l-body{margin-bottom:-38px!important;justify-content:center}
}
.solution .solution-scroll .mb-product{display:none}
.solution .solution-scroll .md-product{display:block}
.solution .l-body{padding-top:38px;display:flex;align-items:center;margin-bottom:38px;justify-content:center}
.solution .l-body .l-content-l{padding-right:60px;width:calc(50% - 48px)}
.solution .l-body .l-content-l .active h3{color:#EE5E2C}
.solution .l-body .l-content-l h3{font-size:30px;color:#333333;letter-spacing:0;line-height:48px;margin-bottom:20px;position:relative}
.solution .l-body .l-content-l h3 i{display:inline-block;width:18px;height:18px;vertical-align:text-top;background-size:100% 100%!important;margin-right:10px;transition:all 0.3s}
.solution .l-body .l-content-l h3 .fold-icon{width:12px;height:12px;right:0;display:block!important}
.solution .l-body .l-content-l li{padding:20px 0;border-bottom:1px solid #dde4f0;cursor:pointer}
.solution .l-body .l-content-l li:last-child{border:none}
.solution .l-body .l-content-l li h3{font-size:16px;color:#333333;font-weight:600;letter-spacing:0;line-height:24px;margin-bottom:0;cursor:pointer;transition:all 0.3s}
.solution .l-body .l-content-l li h3:hover{color:#EE5E2C}
.solution .l-body .l-content-l li p{margin-top:10px;font-size:14px;color:#666666;letter-spacing:0;line-height:20px;display:none}
.solution .l-body .l-content-r{width:50%}
.solution .l-body .l-content-r img{width:100%;visibility:hidden}
.solution .l-body .l-content-r .img-box{background:url(/skin/image/ai-img-01.png);background-size:100% 100%;transition:all 0.3s}
.solution .l-body[data-index="1"] .l-content-r .img-box{background:url(/static/upload/image/20221221/1671614444375364.png);background-size:100% 100%;height:462px}
.solution .l-body[data-index="2"] .l-content-r .img-box{background:url(/static/upload/image/20221221/1671614449878046.png);background-size:100% 100%;height:462px}
.solution .l-body[data-index="3"] .l-content-r .img-box{background:url(/static/upload/image/20221222/1671693098975405.jpg);background-size:100% 100%;height:462px}
.solution.solution-01 .l-body[data-index="1"] .l-content-r .img-box{background:url(/static/upload/image/20221222/1671693220139434.png);background-size:100% 100%;height:462px}
.solution.solution-01 .l-body[data-index="2"] .l-content-r .img-box{background:url(/static/upload/image/20221222/1671693226130105.png);background-size:100% 100%;height:462px}
.solution.solution-01 .l-body[data-index="3"] .l-content-r .img-box{background:url(/static/upload/image/20221222/1671693205912132.png);background-size:100% 100%;height:462px}
.solution.solution-01 .l-body[data-index="4"] .l-content-r .img-box{background:url(/static/upload/image/20221222/1671700239625023.png);background-size:100% 100%;height:462px}
.solution.solution-01 .l-body[data-index="5"] .l-content-r .img-box{background:url(/skin/image/ai-img-08.png);background-size:100% 100%;height:462px}
.solution.solution-01 .l-content-l,.solution.solution-03 .l-content-l{padding-left:60px;padding-right:0}
.solution.solution-02 .l-body .l-content-l li h3{color:#333333!important}
.solution.solution-02 .l-body .l-content-l li p{display:block!important}
.solution.solution-02 .l-content-r{width:60%}
.solution.solution-02 .l-content-r img{width:100%;visibility:visible}
.solution.solution-02 .l-content-r .img-box{background:none!important}
.solution.solution-03 .l-body .l-content-l li h3{color:#333333!important}
.solution.solution-03 .l-body .l-content-l li p{display:block!important}
.solution.solution-03 .l-body .l-content-r .img-box{animation:imgChange 12s linear infinite;-moz-animation:imgChange 12s linear infinite;-webkit-animation:imgChange 12s linear infinite;-o-animation:imgChange 12s linear infinite}
.solution.solution-03 .l-body .l-content-r .img-box img{visibility:hidden}
.solution.solution-0 li:nth-child(1) h3:hover i:first-child{background:url(/skin/image/ai-icon-01-h.svg)!important;background-size:100% 100%!important}
.solution.solution-0 li:nth-child(2) h3:hover i:first-child{background:url(/skin/image/ai-icon-02-h.svg)!important;background-size:100% 100%!important}
.solution.solution-0 li:nth-child(3) h3:hover i:first-child{background:url(/skin/image/ai-icon-03-h.svg)!important;background-size:100% 100%!important}
.solution.solution-0 .l-body[data-index="1"] .l-content-l li:nth-child(1).active h3 i:first-child{background:url(/static/images/edm1-18.png)!important;background-size:100% 100%!important}
.solution.solution-0 .l-body[data-index="2"] .l-content-l li:nth-child(2).active h3 i:first-child{background:url(/static/images/edm1-19.png)!important;background-size:100% 100%!important}
.solution.solution-0 .l-body[data-index="3"] .l-content-l li:nth-child(3).active h3 i:first-child{background:url(/static/images/edm1-20.png)!important;background-size:100% 100%!important}
.solution.solution-01 li:nth-child(1) h3:hover i:first-child{background:url(/skin/image/ai-icon-04-h.svg)!important;background-size:100% 100%!important}
.solution.solution-01 li:nth-child(2) h3:hover i:first-child{background:url(/skin/image/ai-icon-05-h.svg)!important;background-size:100% 100%!important}
.solution.solution-01 li:nth-child(3) h3:hover i:first-child{background:url(/skin/image/ai-icon-06-h.svg)!important;background-size:100% 100%!important}
.solution.solution-01 li:nth-child(4) h3:hover i:first-child{background:url(/skin/image/ai-icon-07-h.svg)!important;background-size:100% 100%!important}
.solution.solution-01 li:nth-child(5) h3:hover i:first-child{background:url(/skin/image/ai-icon-08-h.svg)!important;background-size:100% 100%!important}
.solution.solution-01 .l-body[data-index="1"] .l-content-l li:nth-child(1).active h3 i:first-child{background:url(/static/images/edm1-21.png)!important;background-size:100% 100%!important}
.solution.solution-01 .l-body[data-index="2"] .l-content-l li:nth-child(2).active h3 i:first-child{background:url(/static/images/edm1-22.png)!important;background-size:100% 100%!important}
.solution.solution-01 .l-body[data-index="3"] .l-content-l li:nth-child(3).active h3 i:first-child{background:url(/static/images/edm1-23.png)!important;background-size:100% 100%!important}
.solution.solution-01 .l-body[data-index="4"] .l-content-l li:nth-child(4).active h3 i:first-child{background:url(/static/images/edm1-24.png)!important;background-size:100% 100%!important}
.solution.solution-01 .l-body[data-index="5"] .l-content-l li:nth-child(5).active h3 i:first-child{background:url(/static/images/edm1-25.png)!important;background-size:100% 100%!important}
@media (max-width:978px){
.solution.solution-02 .l-body .l-content-l li p.pc,.solution.solution-03 .l-body .l-content-l li p.pc{display:none!important}
.solution{padding:0}
.solution .pc{display:none!important}
.solution .mb{display:block!important}
.solution .solution-scroll{display:block;overflow-x:auto;padding-top:15px;background:#fff;width:100%;position:relative;top:0}
.solution .solution-scroll .mb-product{display:block}
.solution .solution-scroll .md-product{display:none}
.solution .solution-scroll::-webkit-scrollbar{display:none}
.solution .solution-scroll ul{width:100%;padding:0}
.solution .solution-scroll li{float:left;width:50%;text-align:center}
.solution .solution-scroll li.active a{color:#EE5E2C;border-bottom:3px solid #EE5E2C}
.solution .solution-scroll li a{display:inline-block;font-size:12px;color:#333333;letter-spacing:0;line-height:18px;width:80px;padding-bottom:10px}
.solution .l-container{padding:0}
.solution .l-body{display:block}
.solution .l-body .l-content-l{padding-right:0;padding-left:0;border-top:1px solid #dde4f0;padding-top:30px;width:100%}
.solution .l-body .l-content-l h3{font-size:20px;color:#333333!important;text-align:center;line-height:30px;margin-bottom:20px;position:relative;margin-bottom:10px}
.solution .l-body .l-content-l h3 i{display:none}
.solution .l-body .l-content-l h3 .fold-icon{display:none!important}
.solution .l-body .l-content-l li{padding:30px 15px;border-bottom:none}
.solution .l-body .l-content-l li:first-child{padding-top:0}
.solution .l-body .l-content-l li:last-child{border:none}
.solution .l-body .l-content-l li:nth-child(even){background:#f8f9fb}
.solution .l-body .l-content-l li img{display:block!important;width:100%;padding:0 20px;margin-top:20px}
.solution .l-body .l-content-l li p{margin-top:10px;font-size:14px;color:#666666;text-align:center;line-height:20px;display:block;padding:0 30px;margin-bottom:40px;position:relative}
.solution .l-body .l-content-l li p::after{content:"";position:absolute;background:#EE5E2C;width:30px;height:3px;left:50%;margin-left:-15px;bottom:-20px}
.solution .l-body .l-content-r{display:none}
.solution.solution-01 .l-body .l-content-l,.solution.solution-02 .l-body .l-content-l,.solution.solution-03 .l-body .l-content-l{display:none}
.solution.solution-03 .l-body .l-content-l .img-box{width:100%;background-size:100% auto;padding:0 5px;animation:imgChange 12s linear infinite;-moz-animation:imgChange 12s linear infinite;-webkit-animation:imgChange 12s linear infinite;-o-animation:imgChange 12s linear infinite}
.solution.solution-03 .l-body .l-content-l .img-box img{visibility:hidden;width:100%}
}
.product .l-body{text-align:center}
.product .l-body ul li{float:left;padding:30px 20px 20px;background-image:linear-gradient(180deg,#ffffff 0%,#f1f6ff 100%);box-shadow:0 8px 16px 0 #d6daf0;border-radius:8px;width:calc((100% - 60px) / 4);margin-right:20px;margin-bottom:20px}
.product .l-body ul li:nth-child(4n){margin-right:0}
.product .l-body ul li i{display:inline-block;width:80px;height:80px;margin-bottom:20px;background-size:cover!important}
.product .l-body ul li h3{font-size:16px;color:#333333;line-height:22px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product .l-body ul li p{font-size:14px;line-height:20px;color:#666666;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:40px;padding-left:15px;position:relative;margin-bottom:10px}
.product .l-body ul li p:after{content:"";width:12px;height:12px;background:url(/skin/image/check-icon.svg);background-size:cover;position:absolute;left:-1px;top:3px}
@media (max-width:978px){
.product .l-body{text-align:center}
.product .l-body ul li{float:left;padding:10px;background-image:linear-gradient(180deg,#ffffff 0%,#f1f6ff 100%);box-shadow:0 8px 16px 0 #d6daf0;border-radius:8px;width:calc((100% - 30px) / 4);margin-right:10px;margin-bottom:10px}
.product .l-body ul li:nth-child(4n){margin-right:0}
.product .l-body ul li:nth-child(n+4){margin-bottom:0}
.product .l-body ul li i{display:inline-block;width:36px;height:36px;margin-bottom:10px;background-size:cover!important}
.product .l-body ul li h3{font-size:10px;color:#333333;line-height:14px;margin-bottom:10px;text-overflow:normal;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.product .l-body ul li p{display:none}
}
.why .l-body{box-shadow:0 8px 16px 0 #d6daf0;border-radius:4px;border:1px solid #d6d6d6;overflow:hidden}
.why .l-body ul li{float:left;padding:30px;background:url(/skin/image/why-bg-white.svg);width:calc((100%) / 2);transition:all 0.3s;cursor:pointer}
.why .l-body ul li p{font-size:14px;line-height:20px;color:#666666;text-align:left;margin-bottom:10px}
.why .l-body ul li p:first-child{margin-bottom:20px}
.why .l-body ul li p s{display:inline-block;width:5px;height:5px;background:#EE5E2C;border-radius:50%;margin:0 3px}
.why .l-body ul li p i{display:inline-block;width:24px;height:24px;margin-right:10px;background-size:cover!important;vertical-align:middle}
.why .l-body ul li p span{display:inline-block;font-size:16px;color:#333333;line-height:22px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.why .l-body ul li:nth-child(1){border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}
.why .l-body ul li:nth-child(2){border-bottom:1px solid #d6d6d6}
.why .l-body ul li:nth-child(3){border-right:1px solid #d6d6d6}
.why .l-body ul li .l-btn{margin-right:10px;font-size:14px}
.why .l-body ul li:hover{background:url(/skin/image/why-h.png)}
@media (max-width:978px){
.why .l-body{box-shadow:none;border-radius:4px;border:none;overflow:visible}
.why .l-body ul li{float:left;padding:20px;background:url(/skin/image/why-bg-white.svg);width:100%;transition:all 0.3s;margin-bottom:10px;border:1px solid #e6e6e6;cursor:pointer}
.why .l-body ul li p{font-size:12px;line-height:18px;color:#666666;text-align:left;margin-bottom:0px}
.why .l-body ul li p:first-child{margin-bottom:10px}
.why .l-body ul li p s{display:inline-block;width:5px;height:5px;background:#EE5E2C;border-radius:50%;margin:0 3px}
.why .l-body ul li p i{display:inline-block;width:24px;height:24px;margin-right:10px;background-size:cover!important;vertical-align:middle}
.why .l-body ul li p span{display:inline-block;font-size:14px;color:#333333;line-height:20px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.why .l-body ul li:nth-child(1){border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}
.why .l-body ul li:nth-child(2){border-bottom:1px solid #d6d6d6}
.why .l-body ul li:nth-child(3){border-right:1px solid #d6d6d6}
.why .l-body ul li .l-btn{margin-right:5px;font-size:12px;line-height:16px;height:24px;padding:4px 6px}
.why .l-body ul li:hover{background:url(/skin/image/why-h.png)}
}
.advantage{background:#f3f7fd}
.advantage .l-body{text-align:center}
.advantage .l-body ul{display:flex;box-shadow:0 8px 16px 0 #d6daf0}
.advantage .l-body ul li{padding:20px;background:url(/skin/image/advantage-bg.svg) center no-repeat;background-size:cover;border:1px solid #e6e6e6;width:calc((100%) / 4);transition:all 0.3s;position:relative;cursor:pointer}
.advantage .l-body ul li i{display:inline-block;width:60px;height:60px;background-size:cover!important;margin-top:20px;margin-bottom:20px;opacity:1;visibility:visible}
.advantage .l-body ul li h3{font-size:16px;color:#333333;line-height:22px;margin-bottom:20px}
.advantage .l-body ul li p{text-align:left;font-size:14px;color:#666666;line-height:20px;margin-bottom:10px;padding:0 10px}
.advantage .l-body ul li div{border-top:1px solid rgba(255,255,255,0.5);display:none;visibility:hidden;opacity:0}
.advantage .l-body ul li div>p{text-align:left;margin-top:15px;margin-bottom:0}
.advantage .l-body ul li div>p i{width:20px;height:20px;display:inline-block;margin:0;vertical-align:middle;margin-right:15px}
.advantage .l-body ul li div>p span{display:inline-block;vertical-align:middle}
.advantage .l-body ul li.active{transform:scale(1.1);transition:all 0.3s;border-radius:4px;background:url(/skin/image/advantage-h.svg) center no-repeat;background-size:cover;z-index:20}
.advantage .l-body ul li.active h3{color:#fff;margin-bottom:10px;text-align:left}
.advantage .l-body ul li.active>i:first-child{opacity:0;visibility:hidden;display:none}
.advantage .l-body ul li.active p{color:#fff;font-size:12px;padding:0}
.advantage .l-body ul li.active div{opacity:1;visibility:visible;display:block}
@media (max-width:978px){
.advantage{background:#f3f7fd}
.advantage .l-body{text-align:center}
.advantage .l-body ul{display:block;box-shadow:none}
.advantage .l-body ul li{padding:0;background:url(/skin/image/advantage-bg.svg) center no-repeat;background-size:cover;border:1px solid #e6e6e6;width:100%;transition:all 0.3s;position:relative;cursor:pointer;margin-bottom:10px}
.advantage .l-body ul li i{position:absolute;left:20px;top:20px;width:40px;height:40px;background-size:cover!important;margin:0;opacity:1;visibility:visible}
.advantage .l-body ul li .fold-icon{width:12px;height:12px;left:auto;right:20px;top:30px}
.advantage .l-body ul li h3{font-size:16px;color:#333333;line-height:70px;margin-bottom:0;text-align:left;height:70px;padding-left:70px}
.advantage .l-body ul li>p{text-align:left;font-size:14px;color:#666666;line-height:20px;margin-bottom:10px;padding:0 10px;display:none}
.advantage .l-body ul li div{border-top:1px solid rgba(255,255,255,0.5);opacity:1;visibility:visible;display:none}
.advantage .l-body ul li div p{text-align:left;margin-top:15px;margin-bottom:0;display:none}
.advantage .l-body ul li div p i{width:20px;height:20px;display:inline-block;margin:0;vertical-align:middle;margin-right:15px;position:static}
.advantage .l-body ul li div p span{display:inline-block;vertical-align:middle}
.advantage .l-body ul li.active{transform:scale(1);transition:all 0.3s;border-radius:4px;background:url(/skin/image/advantage-h.svg) center no-repeat;background-size:cover;z-index:20;padding-bottom:20px}
.advantage .l-body ul li.active h3{color:#fff;height:auto;line-height:30px;margin-bottom:10px;margin-top:20px;text-align:left;padding-left:20px}
.advantage .l-body ul li.active>i:first-child{opacity:0;visibility:hidden;display:none}
.advantage .l-body ul li.active p{color:#fff;font-size:12px;padding:0 20px}
.advantage .l-body ul li.active div{opacity:1;visibility:visible;display:none}
}
.recommend .l-body{padding-top:38px;display:flex}
.recommend .l-content-left{width:calc(100% - 310px);margin-right:20px;padding:0 40px;position:relative;box-shadow:0 5px 30px 0 rgba(239,239,239,0.75);border-radius:8px;background-size:cover}
.recommend .l-content-left h3{font-size:22px;color:#333333;font-weight:600;line-height:30px}
.recommend .l-content-left .l-content-l-top{padding-top:40px}
.recommend .l-content-left .l-content-l-bottom{background:#fff;margin-top:30px;padding:20px 10px;position:absolute;bottom:-1px;left:-1px;right:0}
.recommend .l-content-left .l-content-l-bottom ul li{float:left;width:33%;padding:0 20px;border-right:1px solid #aecdd1;cursor:pointer}
.recommend .l-content-left .l-content-l-bottom ul li h3{font-size:16px;color:#333333;line-height:24px;margin-bottom:5px;transition:all 0.3s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.recommend .l-content-left .l-content-l-bottom ul li p{font-size:14px;color:#666;line-height:20px;display:-webkit-box;transition:all 0.3s;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.recommend .l-content-left .l-content-l-bottom ul li:last-child{border:none}
.recommend .l-content-left .l-content-l-bottom ul li:hover h3,.recommend .l-content-left .l-content-l-bottom ul li:hover p{color:#EE5E2C}
.recommend .l-content-left .info-box{width:58%;margin-right:20px}
.recommend .l-content-left .info-box .l-btn{margin-top:50px}
.recommend .l-content-left .info-box>p{font-size:14px;color:#666666;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;padding-top:38px;margin-top:20px}
.recommend .l-content-left .info-box ul{margin-bottom:20px}
.recommend .l-content-left .info-box ul li{float:left;font-size:14px;line-height:20px;margin-bottom:10px;color:#666666;width:100%;padding-left:15px;position:relative}
.recommend .l-content-left .info-box ul li:after{content:"";width:8px;height:8px;background:#EE5E2C;border-radius:50%;position:absolute;left:0;top:6px}
.recommend .l-content-right{width:520px}
.recommend .l-content-right .card{background:#ffffff;box-shadow:0 5px 30px 0 rgba(239,239,239,0.75);border-radius:8px;padding:30px 20px 5px;margin-bottom:20px}
.recommend .l-content-right .card:last-child{margin-bottom:0}
.recommend .l-content-right .card h3{font-size:16px;color:#333333;line-height:24px;margin-bottom:20px}
.recommend .l-content-right .card h3 i{width:20px;height:20px;display:inline-block;vertical-align:middle}
.recommend .l-content-right .card h3 span{display:inline-block;vertical-align:middle}
.recommend .l-content-right .card h3 a{font-size:12px;color:#666666;float:right;line-height:22px;transition:all 0.3s}
.recommend .l-content-right .card h3 a:hover{color:#EE5E2C}
.recommend .l-content-right .card ul a{font-size:14px;color:#666666;line-height:12px;margin-bottom:12px;padding-left:15px;position:relative;display:inline-block;transition:all 0.3s}
.recommend .l-content-right .card ul a:after{content:"";width:8px;height:8px;background:#EE5E2C;border-radius:50%;position:absolute;left:-1px}
.recommend .l-content-right .card ul a:hover{color:#EE5E2C}
@media (max-width:978px){
.recommend{padding-bottom:30px}
.recommend .l-body{display:block}
.recommend .l-content-left{width:100%;margin-right:20px;padding:20px 20px 20px 20px;position:relative;background:#f0f9fb;box-shadow:0 5px 30px 0 rgba(239,239,239,0.75);border-radius:8px;min-height:253px;background:#f2f9fb url(/skin/image/book-mb.png) right bottom no-repeat;background-size:auto 100%;margin-bottom:10px}
.recommend .l-content-left h3{font-size:20px;color:#333333;letter-spacing:0;line-height:30px;margin-bottom:10px}
.recommend .l-content-left .l-content-l-top{padding-top:0}
.recommend .l-content-left .l-content-l-bottom{background:#fff;margin-top:0;padding:10px 5px;position:absolute;bottom:-54px;left:-1px;right:0}
.recommend .l-content-left .l-content-l-bottom ul li{float:left;width:33.33%;padding:0 15px;border-right:1px solid #aecdd1;cursor:pointer}
.recommend .l-content-left .l-content-l-bottom ul li h3{font-size:12px;color:#333333;line-height:17px;margin-bottom:0px;transition:all 0.3s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.recommend .l-content-left .l-content-l-bottom ul li p{display:none}
.recommend .l-content-left .l-content-l-bottom ul li:last-child{border:none}
.recommend .l-content-left .l-content-l-bottom ul li:hover h3,.recommend .l-content-left .l-content-l-bottom ul li:hover p{color:#EE5E2C}
.recommend .l-content-left .info-box{width:calc(100% - 100px);margin-right:20px;padding-bottom:10px}
.recommend .l-content-left .info-box .l-btn{margin-top:5px}
.recommend .l-content-left .info-box p{font-size:12px;color:#666666;line-height:18px;padding-right:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;margin-bottom:20px;padding-top:0;margin-top:0}
.recommend .l-content-left .info-box ul{display:none}
.recommend .l-content-right{width:100%}
.recommend .l-content-right .card{margin-right:10px;width:calc((100% - 10px) /2);float:left;text-align:center;padding:10px;margin-top:10px;margin-bottom:0}
.recommend .l-content-right .card:last-child{margin-right:0}
.recommend .l-content-right .card:last-child{margin-bottom:0}
.recommend .l-content-right .card h3{display:inline-block;margin-bottom:0}
.recommend .l-content-right .card h3:first-child{display:none}
.recommend .l-content-right .card h3 a{display:inline-block;width:100%;text-align:center}
.recommend .l-content-right .card h3 a span{font-size:14px;color:#333333;line-height:20px}
.recommend .l-content-right .card ul{display:none}
}
.ad{background-size:cover}
.ad .l-container{height:300px;text-align:center}
.ad .ad-info{padding-top:47px;margin-bottom:29px}
.ad .ad-info h3{font-size:36px;color:#333333;letter-spacing:0;text-align:center;line-height:48px;margin-bottom:10px}
.ad .ad-info p{font-size:18px;color:#333333;line-height:28px}
.ad .btn-box{width:20%;margin:0 auto}
@media (max-width:978px){
.ad{background:url(/skin/image/ad-bg-mb2.png) center bottom no-repeat;background-size:cover}
.ad .l-container{height:auto;padding:30px;display:block;align-items:center;justify-content:center}
.ad .ad-info{margin-right:0;width:100%;text-align:center;padding-top:0;margin-bottom:10px}
.ad .ad-info h3{font-size:24px;color:#333333;line-height:36px;margin-bottom:10px}
.ad .ad-info p{font-size:14px;color:#666;line-height:28px;margin-bottom:10px}
.ad .btn-box{text-align:center;width:100%}
.ad .l-btn{font-size:14px;padding:0 35px}
}
@media (max-width:978px){
.solution .l-body .l-content-l li img{padding:0}
.manage{margin-bottom:0px!important}
}
.manage{margin-bottom:68px}
.manage ul li{float:left;margin-right:0px;width:calc((100% - 5%) / 4);text-align:center;padding:25px 30px;height:214px;margin-bottom:15px;margin-right:20px;background-color:#fff;border-radius:28px}
.manage ul li:last-child{margin-right:0}
.manage ul li i{width:65px;height:65px;display:inline-block;background-size:100% 100%!important;margin-bottom:10px}
.manage ul li h3{font-size:16px;font-weight:bold;line-height:22px;color:#333333;margin-bottom:10px}
.manage ul li:hover{transform:scale(1.09)}
.manage ul li p{font-size:14px;color:#666666;line-height:20px}
@media (max-width:978px){
.introduce{display:none}
.manage ul li{float:left;margin-right:5px;width:calc((100% - 5px) / 2);height:198px;text-align:center;padding:20px 0px;background-image:linear-gradient(179deg,#ffffff 0%,#f1f6ff 100%);box-shadow:0 4px 8px 0 #d6daf0;border-radius:4px;margin-bottom:5px}
.manage ul li:nth-child(even){margin-right:0}
.manage ul li i{width:50px;height:50px;display:inline-block;background-size:100% 100%!important;margin-bottom:10px}
.manage ul li h3{font-size:16px;color:#333333;line-height:20px;margin-bottom:10px}
.manage ul li p{font-size:12px;color:#666666;line-height:18px;min-height:36px}
.a-title h2{font-size:22px!important}
.introduce .solution-tab{margin:0px 5%;position:relative}
}
*,:after,:before{-moz-box-sizing:inherit}
@media (max-width:978px){
.l-section{padding-top:30px;padding-bottom:30px}
.manage .l-title{margin-top:0px!important;margin-bottom:0px!important}
.a-body{padding-top:38px}
.manage .l-title h2{font-size:22px!important}
.recommend .l-title h2{font-size:22px!important}
.recommend .l-title p{font-size:14px!important}
.manage .l-title p{font-size:14px}
.a-title p{font-size:14px!important}
}
.manage .l-title{font-size:0;text-align:center;margin-top:38px;margin-bottom:38px}
.manage .l-title h2{font-size:30px;font-weight:600;color:#333333;padding-top:38px}
.manage .l-title p{margin:0 auto;padding-top:18px;position:relative;z-index:1;font-size:18px;font-weight:400;color:#666666;opacity:1}
.a-body{margin-bottom:38px}
.a-title h2{font-size:30px;font-weight:600;color:#333333;margin-top:10px;text-align:center}
.a-title p{text-align:center;margin:0 auto;padding-top:18px;position:relative;z-index:1;font-size:18px;font-weight:400;color:#666666;opacity:1}
.recommend .l-title{font-size:0;text-align:center}
.recommend .l-title h2{font-size:30px;font-weight:600;color:#333333;padding-top:38px}
.recommend .l-title p{margin:0 auto;padding-top:18px;position:relative;z-index:1;font-size:18px;font-weight:400;color:#666666;opacity:1}
.l-section{margin-bottom:68px}
.l-section .l-container{padding-top:38px;background-color:#fff;border-radius:28px}
.introduce .content-box .solution-img-box .video-btn{left:50%;top:50%;width:64px;height:64px;margin-left:-32px;margin-top:-32px;border-radius:50%;background:rgba(255,255,255,.94) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232f56d9'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / 26px no-repeat!important;box-shadow:0 12px 30px rgba(16,42,76,.22)}
.introduce .content-box .solution-img-box .video-btn::after{display:none}
.introduce .content-box .solution-img-box .video-btn:hover{background-color:#fff!important;box-shadow:0 16px 36px rgba(16,42,76,.28)}
@media (max-width:978px){
.introduce .content-box .solution-img-box .video-btn{width:46px;height:46px;margin-left:-23px;margin-top:-23px;background-size:20px!important}
}
.manage{margin-bottom:0;padding:84px 0!important;background:#f7f9ff}
.manage .a-container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}
.manage .a-body ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.manage ul li{float:none;width:auto;height:auto;min-height:200px;margin:0;padding:26px 20px 22px;border:1px solid #e6ebf4;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(24,42,88,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.manage ul li:hover{transform:translateY(-4px);border-color:#c9d5ff;box-shadow:0 18px 36px rgba(24,42,88,.10)}
.manage ul li i{width:54px;height:54px;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
.manage ul li h3{font-size:17px;color:#0f1b33}
.manage ul li p{color:#5b667a;font-size:13px;line-height:1.75}
.solution.l-section{padding:84px 0!important;background:#fff}
.solution.l-section+.solution.l-section{background:#f7f9ff}
.solution .l-container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}
.solution .l-title{text-align:center;margin-bottom:40px}
.solution .l-title h2{color:#0f1b33;font-size:clamp(28px,2.4vw,34px)}
.solution .l-body{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding-top:0!important;margin-bottom:0!important}
.solution .solution-scroll{grid-column:1 / -1}
.solution .solution-scroll .mb-product{display:none!important}
.solution .solution-scroll .md-product{display:flex!important;justify-content:center;flex-wrap:wrap;gap:8px 26px}
.solution .solution-scroll .md-product li{list-style:none}
.solution .solution-scroll .md-product a{color:#5b667a;font-size:14px}
.solution .l-body .l-content-l{width:auto!important;padding:0!important}
.solution .l-body .l-content-r{width:auto!important}
.solution .l-body .l-content-r .img-box{height:380px!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
.solution .l-body .l-content-r img{display:none!important}
.solution .l-content-l>h3.pc{margin-bottom:18px!important;color:#0f1b33;font-size:28px;line-height:1.4}
.solution .l-content-l ul{display:grid;gap:10px}
.solution .l-content-l li{padding:14px 16px!important;border:1px solid #e6ebf4!important;border-radius:14px;background:#fff}
.solution .l-content-l li h3{display:flex;align-items:center;gap:10px;margin:0!important;color:#0f1b33!important;font-size:16px!important;line-height:1.5!important}
.solution .l-content-l li h3>i:first-child{flex:0 0 22px;width:22px!important;height:22px!important;background-size:contain!important;background-repeat:no-repeat!important}
.solution .l-content-l li h3 .fold-icon{display:none!important}
.solution .l-content-l li p{display:-webkit-box!important;overflow:hidden;height:auto!important;margin:8px 0 0!important;padding:0!important;color:#5b667a!important;font-size:13px!important;line-height:1.7!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.solution .l-content-l li img.mb{display:none!important}
.college_box{width:100%;max-width:1400px;margin:84px auto;padding:0 24px}
.college_box .box_top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid #e6ebf4}
.college_box .box_top h3{color:#0f1b33;font-size:28px}
.college_box .box_top .currency_top2{display:none}
.college_box .box_top .fr{color:#2f56d9;font-size:13px}
.college_box .box_li>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.college_box .box_li>ul>li{overflow:hidden;padding:0;border:1px solid #e6ebf4;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(24,42,88,.05)}
.college_box .box_li>ul>li .top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eef1f7}
.college_box .top h3{color:#0f1b33;font-size:18px}
.college_box .top .fr img{width:22px;height:22px;opacity:.55}
.college_box .main a{display:block}
.college_box .main p{margin:0;padding:14px 20px 10px;color:#0f1b33;font-size:14px;line-height:1.6}
.college_box .main img{display:block;width:100%;height:170px;object-fit:cover}
.college_box .bottom{padding:12px 20px 18px}
.college_box .bottom_ul{display:grid;gap:6px}
.college_box .bottom_li{padding:0;border:0}
.college_box .bottom_li a{display:block;overflow:hidden;color:#6a728a;font-size:12.5px;line-height:1.7;white-space:nowrap;text-overflow:ellipsis}
.college_box .bottom_li a:hover{color:#2f56d9}
.college_box .bottom_li span{display:none}
@media (max-width:991px){
.manage .a-body ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.solution .l-body{grid-template-columns:minmax(0,1fr);gap:32px}
.solution .l-body .l-content-r{order:-1}
.solution .l-body .l-content-r .img-box{height:300px!important}
.college_box .box_li>ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
.manage{padding:52px 0!important}
.manage .a-body ul{grid-template-columns:1fr;gap:12px}
.manage ul li{min-height:0}
.solution.l-section{padding:52px 0!important}
.solution .l-body .l-content-r .img-box{height:230px!important}
.solution .l-content-l>h3.pc{font-size:24px}
.college_box{margin:54px auto}
.college_box .box_li>ul{grid-template-columns:1fr}
}
.choice.l-section{padding:84px 0!important;background:#fff}
.choice .l-container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}
.choice .l-title{margin-bottom:30px;text-align:center}
.choice .l-title h2{color:#0f1b33;font-size:clamp(28px,2.4vw,34px)}
.choice .l-title p{margin-top:10px;color:#5b667a;font-size:15px}
.choice .l-content-bottom .img-box{padding:42px 48px;border:1px solid #e6ebf4;border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(24,42,88,.06)}
.choice .l-content-bottom .img-box img{display:block;width:100%;height:auto}
.choice>.l-container>.clearfix{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}
.choice .l-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;font-size:15px;font-weight:600}
.choice .l-btn.orange{border:0;background:#ee5e2c;color:#fff;box-shadow:0 14px 28px rgba(238,94,44,.26)}
.choice .l-btn:not(.orange){border:1px solid #d9dff0;background:#fff;color:#2a3147}
.college_box .main p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.college_box .main img{display:none!important}
@media (max-width:767px){
.choice.l-section{padding:52px 0!important}
.choice .l-content-bottom .img-box{padding:20px;border-radius:18px}
.choice .l-btn{width:100%}
}