| 12 |
- .app-div .section-title{line-height:56px;font-size:40px;font-weight:600;color:#313A5A;text-align:center}.app-div .pc{display:inline-block}.app-div .mobile{display:none}@media (max-width: 1000px) and (min-width: 769px){.app-div .section-title{font-size:36px}}@media (max-width: 769px){.app-div .section-title{font-size:20px;line-height:24px}.app-div .section-title-dec{font-size:14px;line-height:24px;color:rgba(49,58,90,0.6);text-align:center;margin-top:8px;margin-bottom:0}.app-div .pc{display:none}.app-div .mobile{display:block}}.app-div .banner .banner-content{box-shadow:12px 12px 40px 0px rgba(121,121,121,0.16);border-radius:6px 20px 6px 20px;background:#1210B8}.app-div .banner .container{padding-top:100px;position:relative}.app-div .banner .container::after{content:"";display:inline-block;width:464px;height:375px;background:url(../image/banner-bg-dot.png) no-repeat;background-size:cover;position:absolute;top:16px;right:-105px;z-index:-5}.app-div .banner img{width:100%;border-radius:6px 20px 6px 20px}@media (max-width: 769px){.app-div .banner .banner-content{border-radius:3px 10px 3px 10px}.app-div .banner .container::after{display:none}}@media (max-width: 767px){.app-div .banner .container{padding-top:55px}}.app-div .screen-two-div{margin-top:84px;text-align:center}.app-div .screen-two-div .content-div{margin-top:60px;text-align:center;position:relative}.app-div .screen-two-div .content-div img{width:40.3%}.app-div .screen-two-div .content-div .dec-item{width:325px;border-radius:6px 20px 6px 20px;padding:30px;position:absolute}.app-div .screen-two-div .content-div .dec-item h5{font-weight:600;color:#313a5a;line-height:33px;font-size:24px;margin-bottom:10px}.app-div .screen-two-div .content-div .dec-item p{width:100%;font-weight:400;color:rgba(49,58,90,0.6);line-height:32px;font-size:18px;margin-bottom:0}.app-div .screen-two-div .content-div .dec-item-one{background:rgba(255,159,0,0.06);top:87px}.app-div .screen-two-div .content-div .dec-item-two{background:rgba(0,105,255,0.06);bottom:74px;right:0}.app-div .screen-two-div .content-div .dec-item-three{background:rgba(0,221,37,0.06);bottom:0;left:25px}@media (max-width: 1200px){.app-div .screen-two-div{text-align:center}.app-div .screen-two-div .content-div .dec-item{width:270px;padding:18px}}@media (max-width: 1000px) and (min-width: 769px){.app-div .screen-two-div .content-div .dec-item{width:192px;padding:16px}.app-div .screen-two-div .content-div .dec-item-one{top:36px}.app-div .screen-two-div .content-div .dec-item-two{bottom:0}}@media (max-width: 769px){.app-div .screen-two-div{margin-top:40px}.app-div .screen-two-div .content-div{margin-top:30px}.app-div .screen-two-div .content-div img{width:100%}.app-div .screen-two-div .content-div .dec-item{position:static;width:100%;margin-bottom:15px;font-size:14px;line-height:20px;padding:15px 70px;border-radius:3px 10px 3px 10px}.app-div .screen-two-div .content-div .dec-item h5{font-size:14px;margin-bottom:0}.app-div .screen-two-div .content-div .dec-item p{font-size:14px}.app-div .screen-two-div .content-div .dec-item:last-child{margin-bottom:0}.app-div .screen-two-div .content-div .dec-item-one{margin-top:25px}}.app-div .screen-three-div{margin-top:100px}.app-div .screen-three-div .content-div{margin-top:60px;background:url(../image/vs-bg@2x.png) no-repeat center center;background-size:cover;overflow:hidden;padding-bottom:44px;padding-top:69px;position:relative;border-radius:6px 20px 6px 20px}.app-div .screen-three-div .content-div ul{margin-bottom:0;padding-left:8px}.app-div .screen-three-div .content-div li{margin-bottom:20px;font-size:18px;line-height:25px}.app-div .screen-three-div .content-div li .title{color:rgba(49,58,90,0.6);margin-bottom:17px}.app-div .screen-three-div .content-div li .title-dec{color:#313a5a;max-width:80%;margin-bottom:0}.app-div .screen-three-div .content-div li:last-child{margin-bottom:0}.app-div .screen-three-div .content-div h6{position:absolute;font-size:18px;line-height:25px;font-weight:600;color:#ffff;padding:11px 29px}.app-div .screen-three-div .content-div .left-div{float:left;width:53%;padding-left:70px}.app-div .screen-three-div .content-div .left-div h6{top:0;background:url(../image/blue-bg.svg) no-repeat center center;background-size:cover}.app-div .screen-three-div .content-div .right-div{float:left;padding-left:70px;width:47%}.app-div .screen-three-div .content-div .right-div h6{top:0;background:url(../image/red-bg.svg) no-repeat center center;background-size:cover;padding:10px}@media (max-width: 1000px) and (min-width: 769px){.app-div .screen-three-div .content-div{margin-bottom:30px}.app-div .screen-three-div .content-div li{margin-bottom:16px}.app-div .screen-three-div .content-div li .title{margin-bottom:12px}}@media (max-width: 769px){.app-div .screen-three-div{margin-top:40px}.app-div .screen-three-div .content-div{background:none;padding:0;margin-top:30px;border-radius:3px 10px 3px 10px}.app-div .screen-three-div .content-div ul{padding-left:0}.app-div .screen-three-div .content-div li{margin-bottom:20px}.app-div .screen-three-div .content-div li .title{font-size:12px;margin-bottom:10px;line-height:16px}.app-div .screen-three-div .content-div li .title-dec{font-size:14px;line-height:20px;margin-bottom:0;max-width:100%}.app-div .screen-three-div .content-div h6{font-size:14px;right:20px;line-height:20px}.app-div .screen-three-div .content-div>div{border-radius:3px 10px 3px 10px;position:relative;padding:30px 17px}.app-div .screen-three-div .content-div .left-div{width:100%;background:#f6faff;margin-bottom:15px;padding-left:20px}.app-div .screen-three-div .content-div .left-div h6{padding:6px 24px;background:url(../image/blue-mobile.svg) no-repeat center center;background-size:cover}.app-div .screen-three-div .content-div .right-div{width:100%;background:#fef4f4;padding-left:20px}.app-div .screen-three-div .content-div .right-div h6{padding:6px 10px;background:url(../image/red-mobile.svg) no-repeat center center;background-size:cover}}.app-div .screen-four-div{margin-top:80px}.app-div .screen-four-div .content-div{background:url(../image/dot-bg.png) no-repeat center center;background-size:cover;padding:51px 76px;margin-top:60px}.app-div .screen-four-div ul{overflow:hidden;clear:both;zoom:1;margin-bottom:0;padding:0 170px;display:flex;display:-moz-flex;display:-webkit-flex;display:-ms-flex;justify-content:space-between}.app-div .screen-four-div ul li{text-align:center}.app-div .screen-four-div ul p{font-size:16px;line-height:16px;margin-bottom:0}.app-div .screen-four-div ul .num{font-size:68px;color:#313A5A;line-height:68px;font-weight:bold;margin-bottom:4px;font-family:Helvetica-Bold, Helvetica}@media (min-width: 1920px){.app-div .screen-four-div .content-div{padding:60px 76px}}@media (max-width: 1200px){.app-div .screen-four-div ul{padding:0 120px}}@media (max-width: 1000px) and (min-width: 769px){.app-div .screen-four-div .content-div{padding:55px 0 51px}.app-div .screen-four-div ul{padding:0 20px}}@media (max-width: 769px){.app-div .screen-four-div{margin-top:40px}.app-div .screen-four-div .content-div{padding:0;margin-top:30px}.app-div .screen-four-div .content-div ul{padding:29px 40px 22px}.app-div .screen-four-div .content-div ul p{font-size:12px}.app-div .screen-four-div .content-div ul .num{font-size:28px;line-height:34px}}@media (max-width: 767px){.app-div .screen-four-div .content-div ul{padding:29px 0px 22px}}.app-div .screen-swiper-div{margin-top:60px}.app-div .screen-swiper-div .swiper-nav-div{text-align:center;padding-bottom:18px}.app-div .screen-swiper-div .swiper-nav-div .swiper-nav-box{display:inline-block;line-height:24px}.app-div .screen-swiper-div .swiper-nav-div .swiper-nav-box span{margin-right:48px;font-size:18px;color:#313A5A;padding-bottom:18px;cursor:pointer}.app-div .screen-swiper-div .swiper-nav-div .swiper-nav-box span:last-child{margin-right:0}.app-div .screen-swiper-div .swiper-nav-div .swiper-nav-box .item-nav-active{font-weight:bold;font-size:24px;position:relative}.app-div .screen-swiper-div .swiper-nav-div .swiper-nav-box .item-nav-active::after{content:"";display:inline-block;width:8px;height:8px;background:linear-gradient(221deg, #003ce5 0%, #0069ff 100%);border-radius:0px 2px 0px 2px;position:absolute;bottom:0;left:0;right:0;margin:auto}.app-div .screen-swiper-div .swiper-content-div{height:430px;margin-top:26px;position:relative}.app-div .screen-swiper-div .swiper-content-div .logo-img{display:inline-block}.app-div .screen-swiper-div .swiper-content-div .logo-active{display:none}.app-div .screen-swiper-div .swiper-content-div .swiper-slide{text-align:center;color:#9199AB;padding:24px 0}.app-div .screen-swiper-div .swiper-content-div .swiper-slide img{width:53%;margin:auto;vertical-align:middle}.app-div .screen-swiper-div .swiper-content-div .swiper-slide.swiper-slide-active{padding:12px 0}.app-div .screen-swiper-div .swiper-content-div .swiper-slide.swiper-slide-active .logo-img{display:none}.app-div .screen-swiper-div .swiper-content-div .swiper-slide.swiper-slide-active .logo-active{display:block}.app-div .screen-swiper-div .swiper-content-div .swiper-slide.swiper-slide-active img{width:84.4%;margin:auto;vertical-align:middle;background:none}.app-div .screen-swiper-div .swiper-content-div .swiper-slide.swiper-slide-prev{padding:10px 0}.app-div .screen-swiper-div .swiper-content-div .swiper-slide.swiper-slide-prev img{width:69.5%;margin:auto;vertical-align:middle}.app-div .screen-swiper-div .swiper-content-div .swiper-slide.swiper-slide-next{padding:24px 0}.app-div .screen-swiper-div .swiper-content-div .swiper-slide.swiper-slide-next img{width:69.5%;margin:auto;vertical-align:middle}.app-div .screen-swiper-div .swiper-content-div .remarks{height:156px;width:100%;position:absolute;z-index:2000}.app-div .screen-swiper-div .swiper-content-div .remarks.top{top:0;left:0;right:0;background:linear-gradient(180deg, #fff 0%, rgba(255,255,255,0.31) 100%)}.app-div .screen-swiper-div .swiper-content-div .remarks.bottom{background:linear-gradient(180deg, rgba(255,255,255,0.31) 0%, #fff 100%);bottom:0;left:0;right:0}@media (max-width: 1200px){.app-div .screen-swiper-div .swiper-content-div{height:360px}.app-div .screen-swiper-div .swiper-content-div .swiper-slide{padding:20px 0}.app-div .screen-swiper-div .swiper-content-div .swiper-slide.swiper-slide-active{padding:12px 0}.app-div .screen-swiper-div .swiper-content-div .swiper-slide.swiper-slide-next{padding:22px 0}.app-div .screen-swiper-div .swiper-content-div .swiper-slide.swiper-slide-prev{padding:10px 0}}@media (max-width: 1000px){.app-div .screen-swiper-div .swiper-content-div{height:300px}.app-div .screen-swiper-div .swiper-content-div .swiper-slide{padding:20px 0}.app-div .screen-swiper-div .swiper-content-div .swiper-slide.swiper-slide-active{padding:12px 0}.app-div .screen-swiper-div .swiper-content-div .swiper-slide.swiper-slide-next{padding:22px 0}.app-div .screen-swiper-div .swiper-content-div .swiper-slide.swiper-slide-prev{padding:10px 0}.app-div .screen-swiper-div .swiper-content-div .remarks{height:106px}}@media (max-width: 769px){.app-div .screen-swiper-div{margin-top:30px}.app-div .screen-swiper-div .swiper-nav-div{overflow-y:auto;padding-bottom:9px}.app-div .screen-swiper-div .swiper-nav-div::-webkit-scrollbar{display:none}.app-div .screen-swiper-div .swiper-nav-div .swiper-nav-box{white-space:nowrap;line-height:23px}.app-div .screen-swiper-div .swiper-nav-div .swiper-nav-box span{font-size:14px;margin-right:28px;padding-bottom:9px}.app-div .screen-swiper-div .swiper-nav-div .swiper-nav-box .item-nav-active{font-size:15px}.app-div .screen-swiper-div .swiper-nav-div .swiper-nav-box .item-nav-active::after{width:6px;height:6px}.app-div .screen-swiper-div .swiper-content-div{height:auto}.app-div .screen-swiper-div .swiper-content-div img{width:100%;display:none}.app-div .screen-swiper-div .swiper-content-div .active-img{display:block}}.app-div .footer-zixun-div{margin-top:56px}@media (max-width: 769px){.app-div .footer-zixun-div{margin-top:40px}}
|
