/*案例*/
#case .banner { background: linear-gradient(360deg, #FFF9E8 0%, #FFFFFF 101.34%); text-align: center; position: relative; padding-top: 60px; }
#case .banner .container { position: relative; }
#case .banner .desc { font-size: 20px; text-align: center; margin: 64px; }
#case .banner .desc h4 { font-size: 48px; font-weight: bold; color: #F48334; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }
#case .banner .desc p { font-size: 16px; padding-top: 40px; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }
#case .banner .desc h4.show { opacity: 1; animation: floatCase 1s; }
#case .banner .desc p.show { opacity: 1; animation: floatCase1 1.2s; }
#case .banner .pic { width: 433px; height: 360px; margin-right: 40px; }
#case .banner .pic img { width: 100%; height: 100%; object-fit: cover; }
#case .banner .pic-absolute { position: absolute; right: 268px; bottom: -62px; opacity: 0; transition: all 1s; }
#case .banner .pic-absolute1 { position: absolute; right: -48px; bottom: 8px; opacity: 0; transition: all 1s; }
#case .banner .pic-show { opacity: 1; transform: translateY(-40px); }
#case .banner .pic-show1 { opacity: 1; transform: translateX(-56px); }
#case .banner .tab { width: 994px; height: 88px; padding: 0px 104px; display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: -44px; left: 50%; margin-left: -497px; background: rgba(255, 255, 255, 0.51); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); backdrop-filter: blur(10px); border-radius: 45.5px; font-size: 18px; text-align: center; box-sizing: border-box; }
#case .banner .tab a { display: block; height: 100%; padding: 0 16px; line-height: 88px; text-decoration: none; position: relative; letter-spacing: 2px; transition: 400ms ease all; }
#case .banner .tab a:last-child { margin-right: 0px; }
#case .banner .tab .active { color: #F48334; }
#case .banner .tab a:before { content: ''; position: absolute; top: 0; right: 0; display: block; height: 2px; width: 0; background: #F48334; transition: 400ms ease all; }
#case .banner .tab a:after { content: ''; position: absolute; top: 0; right: 0; display: block; height: 2px; width: 0; background: #F48334; transition: 400ms ease all; right: inherit; top: inherit; left: 0; bottom: 0; }
#case .banner .tab a:hover { color: #F48334; }
#case .banner .tab a:hover:before { width: 100%; transition: 800ms ease all; }
#case .banner .tab a:hover:after { width: 100%; transition: 800ms ease all; }
#case .section .title { font-size: 36px; text-align: center; padding: 124px 0px 60px 0px; }
#case .section .title .icon { margin: 0 24px 0px 0px; }
#case .section .list { display: flex; flex-wrap: wrap; height: 100%; margin-top: 60px; opacity: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
#case .section .list.show { opacity: 1; transform: translateY(-60px); }
#case .section .item { width: 340px; height: 470px; margin: 0px 40px 40px 0px; border-radius: 10px; background: #ddd; position: relative; overflow: hidden; box-shadow: 0 0 7px #aaa; }
#case .section .item:nth-child(3n) { margin: 0px 0px 40px 0px; }
#case .section .item .pic { position: absolute; top: 0px; left: 0px; width: 100%; }
#case .section .item .pic img { width: 100%; max-height: unset; position: absolute; top: 0; left: 0; }
#case .section .item .desc { display: flex; justify-content: center; align-items: center; opacity: 0; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.4); top: 0; left: 0; font-size: 0; transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; }
#case .section .item:hover .desc { opacity: 1; }
#case .section .item .desc .links { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; opacity: 1; }
#case .section .item .desc a { overflow: hidden; position: relative; }
#case .section .item .desc .btn1 { margin-right: 40px; }
#case .section .item .desc .btn1:hover { border: 1px solid #F48334; background: #F48334; }
#case .section .item .desc .btn2 { background-color: transparent; }
#case .section .item .desc .links span { -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: 1; display: block; -moz-animation: new_anim-out .75s; -webkit-animation: new_anim-out .75s; animation: new_anim-out .75s; }
#case .section .item .desc .links span:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; -moz-animation: new_anim-out-pseudo .75s; -webkit-animation: new_anim-out-pseudo .75s; animation: new_anim-out-pseudo .75s; }
#case .section .item .desc .links span:before { position: relative; content: ''; display: block; margin-top: 100%; }
#case .section .item .desc .links span, .case .item .desc .links span:after { animation-iteration-count: infinite; animation-duration: 1.3s; }
#case .section .paging { margin: 0 0 60px; }

/*价格*/
#price .banner { padding: 120px 0px 164px 0px; background: linear-gradient(360deg, #FFF9E8 0%, #FFFFFF 101.34%); text-align: center; position: relative; }
#price .banner .desc { line-height: 1; font-size: 48px; font-weight: bold; color: #49BB78; padding-bottom: 40px; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }
#price .banner .text { line-height: 1; font-size: 16px; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; white-space: nowrap; }
#price .banner .desc.show { opacity: 1; animation: floatTextLeft 1s; }
#price .banner .text.show { opacity: 1; animation: floatTextRight 1s; }
#price .banner .tab { width: 994px; height: 88px; line-height: 88px; padding: 0px 104px; display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: -44px; left: 50%; margin-left: -497px; background: rgba(255, 255, 255, 0.51); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); backdrop-filter: blur(10px); border-radius: 45.5px; font-size: 18px; text-align: center; box-sizing: border-box; }
#price .banner .tab a { float: left; display: block; padding: 0px 16px; text-decoration: none; position: relative; letter-spacing: 2px; }
#price .banner .tab a:last-child { margin-right: 0px; }
#price .banner .tab .active { color: #F48334; }
#price .banner .tab a:before { content: ''; position: absolute; top: 0; right: 0; display: block; height: 1px; width: 0; background: #F48334; transition: 400ms ease all; }
#price .banner .tab a:after { content: ''; position: absolute; top: 0; right: 0; display: block; height: 1px; width: 0; background: #F48334; transition: 400ms ease all; right: inherit; top: inherit; left: 0; bottom: 0; }
#price .banner .tab a:hover { color: #F48334; }
#price .banner .tab a:hover:before { width: 100%; transition: 800ms ease all; }
#price .banner .tab a:hover:after { width: 100%; transition: 800ms ease all; }
#price .section .title { font-size: 36px; text-align: center; padding: 124px 0px 60px 0px; }
#price .section .title .icon70 { margin: -6px 28px 0px 0px; }
#price .section .list { width: 930px; margin: auto; padding-bottom: 80px; }
#price .section .item { float: left; width: 445px; border: 1px solid #D9D9D9; border-radius: 10px; padding: 40px 0px 16px 0px; margin-top: 60px; box-sizing: border-box; opacity: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
#price .section .item.show { opacity: 1; transform: translateY(-60px); }
#price .section .item:first-child { margin-right: 40px; }
#price .section .item .name { width: 308px; height: 116px; line-height: 116px; margin: auto; margin-bottom: 40px; font-size: 26px; text-align: center; position: relative; }
#price .section .item .name span { position: absolute; top: 0px; left: 16px; width: 276px; height: 100%; background: url(/res/pc/images/case2.png)no-repeat center center; }
#price .section .item:last-child .name { background: url(/res/pc/images/case3.png)no-repeat center center; }
#price .section .function p { line-height: 32px; font-size: 14px; padding-top: 12px; }
#price .section .function p:first-child { padding-top: 0px; }
#price .section .function p .icon28 { margin: -2px 32px 0px 100px; }
#price .section .title-line { position: relative; }
#price .section .title-line:after { content: ''; position: absolute; width: 100%; height: 1px; background: #D9D9D9; left: 0; top: 50%; }
#price .section .title-line div { width: 205px; margin: auto; position: relative; text-align: center; z-index: 1; background: #fff; }
#price .section .desc { color: #000; font-size: 32px; font-weight: bold; padding: 40px 0px; }
#price .section .desc span { color: #F48334; }
#price .section .desc span:first-child { display: inline-block; font-size: 16px; font-weight: bold; vertical-align: top; margin-right: 8px; margin-top: 4px; color: #333; }
#price .section .desc span:last-child { font-size: 16px; font-weight: normal; margin-left: 8px; }
#price .section .btn1 { display: block; width: 306px; height: 64px; font-size: 20px; font-weight: bold; line-height: 64px; margin: auto; margin-bottom: 20px; }
#price .section .tag { line-height: 42px; font-size: 16px; margin-bottom: 14px; }
#price .section .merit { padding: 0px 68px; }
#price .section .merit span { float: left; width: 124px; font-size: 16px; margin-right: 54px; margin-bottom: 24px; }
#price .section .merit span:nth-child(2n) { margin-right: 0px; }
#price .section .merit span:before { content: ""; display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 50%; background: #49BB78; margin-right: 16px; margin-top: -2px; }
#price .section .links { text-align: center; padding: 40px 0 60px; }

/*功能*/
#function .banner { padding: 120px 0px 164px 0px; background: linear-gradient(360deg, #FFF9E8 0%, #FFFFFF 101.34%); text-align: center; position: relative; }
#function .banner .desc { line-height: 1; font-size: 48px; font-weight: bold; color: #418B64; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }
#function .banner .text { line-height: 1; font-size: 16px; padding-top: 40px; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; white-space: nowrap; }
#function .banner .desc.show { opacity: 1; animation: floatTextLeft 1s; }
#function .banner .text.show { opacity: 1; animation: floatTextRight 1s; }
#function .banner .tab { width: 994px; height: 88px; line-height: 88px; padding: 0px 104px; display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: -44px; left: 50%; margin-left: -497px; background: rgba(255, 255, 255, 0.51); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); backdrop-filter: blur(10px); border-radius: 45.5px; font-size: 18px; text-align: center; box-sizing: border-box; }
#function .banner .tab a { float: left; display: block; padding: 0px 16px; text-decoration: none; position: relative; letter-spacing: 2px; }
#function .banner .tab a:last-child { margin-right: 0px; }
#function .banner .tab .active { color: #F48334; }
#function .banner .tab a:before { content: ''; position: absolute; top: 0; right: 0; display: block; height: 1px; width: 0; background: #F48334; transition: 400ms ease all; }
#function .banner .tab a:after { content: ''; position: absolute; top: 0; right: 0; display: block; height: 1px; width: 0; background: #F48334; transition: 400ms ease all; right: inherit; top: inherit; left: 0; bottom: 0; }
#function .banner .tab a:hover { color: #F48334; }
#function .banner .tab a:hover:before { width: 100%; transition: 800ms ease all; }
#function .banner .tab a:hover:after { width: 100%; transition: 800ms ease all; }
#function .section .title { font-size: 36px; text-align: center; padding: 124px 0px 60px 0px; }
#function .section .title .icon70 { margin: -6px 28px 0px 0px; }
#function .section .desc { margin-top: 60px; opacity: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
#function .section .desc.show { opacity: 1; transform: translateY(-60px); }
#function .section .desc table { width: 100%; border-radius: 5px 5px 0px 0px; overflow: hidden; }
#function .section .desc th { height: 54px; background: #4B906B; font-size: 16px; color: #fff; border: 1px solid #006931; }
#function .section .desc td { height: 20px; border: 1px solid #EFEFEF; text-align: left; padding: 12px 16px; }
#function .section .desc td a { color: #0575A5; }
#function .section .desc td a:hover .icon-play-60 { background-position: -1320px -540px; }
#function .section .desc .table-center { text-align: center; }
#function .section .desc .table-bold { font-weight: bold; }
#function .section .desc .table-bold .icon60, #function .section .desc .table-bold .icon40 { display: block; margin: auto; margin-bottom: 12px; }
#function .section .links { text-align: center; padding: 40px 0px 80px 0px; }
#function .section .links:last-child { padding: 0px 0px 0px 0px; }
#function .section .name { font-size: 24px; font-weight: bold; color: #000; padding-bottom: 40px; text-align: center; }
#function .section .item { float: left; margin: 0px 40px 40px 0px; }
#function .section .item:nth-child(3n) { margin: 0px 0px 40px 0px; }
#function .section .item .text { width: 338px; line-height: 32px; padding-top: 12px; font-size: 16px; }
#function .section .item .text a { display: block; }
#function .section .item .pic { width: 340px; height: 194px; position: relative; }
#function .section .item .pic img { width: 100%; height: 100%; object-fit: cover; }
#function .section .item .btn { position: absolute; top: 50%; left: 50%; margin-top: -36px; margin-left: -36px; z-index: 100; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; border: none; background-color: transparent; }
#function .section .item .desc { position: absolute; top: 0rem; left: 0rem; width: 100%; height: 100%; background: #000; border-radius: 5px; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; }
#function .section .item:hover .desc { opacity: 0.4; }
#function .section .item:hover .btn { opacity: 1; }

/*优势*/
#advantage { padding-bottom: 60px; }
#advantage .banner { padding: 120px 0px 164px 0px; background: linear-gradient(360deg, #FFF9E8 0%, #FFFFFF 101.34%); text-align: center; position: relative; }
#advantage .banner .desc { line-height: 1; font-size: 48px; font-weight: bold; color: #F48334; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }
#advantage .banner .text { line-height: 1; font-size: 16px; padding-top: 40px; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; white-space: nowrap; }
#advantage .banner .desc.show { opacity: 1; animation: floatTextLeft 1s; }
#advantage .banner .text.show { opacity: 1; animation: floatTextRight 1s; }
#advantage .banner .tab { width: 994px; height: 88px; line-height: 88px; padding: 0px 104px; display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: -44px; left: 50%; margin-left: -497px; background: rgba(255, 255, 255, 0.51); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); backdrop-filter: blur(10px); border-radius: 45.5px; font-size: 18px; text-align: center; box-sizing: border-box; }
#advantage .banner .tab a { float: left; display: block; padding: 0px 16px; text-decoration: none; position: relative; letter-spacing: 2px; }
#advantage .banner .tab a:last-child { margin-right: 0px; }
#advantage .banner .tab .active { color: #F48334; }
#advantage .banner .tab a:before { content: ''; position: absolute; top: 0; right: 0; display: block; height: 2px; width: 0; background: #F48334; transition: 400ms ease all; }
#advantage .banner .tab a:after { content: ''; position: absolute; top: 0; right: 0; display: block; height: 2px; width: 0; background: #F48334; transition: 400ms ease all; right: inherit; top: inherit; left: 0; bottom: 0; }
#advantage .banner .tab a:hover { color: #F48334; }
#advantage .banner .tab a:hover:before { width: 100%; transition: 800ms ease all; }
#advantage .banner .tab a:hover:after { width: 100%; transition: 800ms ease all; }

#advantage .section .title { font-size: 36px; text-align: center; padding: 124px 0px 60px 0px; }
#advantage .section .title .icon70 { margin: -6px 28px 0px 0px; }
#advantage .section .item { padding-bottom: 96px; }
#advantage .section .item:last-child { padding-bottom: 0px; }
#advantage .section .item .name { font-size: 36px; color: #000; margin: 54px 0px 40px 0px; position: relative; }
#advantage .section .item .name span { position: absolute; left: 0px; top: -38px; font-size: 48px; font-weight: bold; text-transform: capitalize; background: linear-gradient(180deg, rgba(244, 131, 52, 0.15) 0%, rgba(244, 131, 52, 0) 199.15%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
#advantage .section .item .text { width: 488px; line-height: 36px; color: #666; }
#advantage .section .item .fll:first-child { margin-left: 42px; margin-right: 40px; }
#advantage .section .pic { opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; }
#advantage .section .pic.visible { opacity: 1; transform: translateY(0); }

/*定制*/
#customize { padding-bottom: 60px; }
#customize .banner { padding: 120px 0px 164px 0px; background: linear-gradient(360deg, #FFF9E8 0%, #FFFFFF 101.34%); text-align: center; position: relative; }
#customize .banner .desc { line-height: 1; font-size: 48px; font-weight: bold; color: #235692; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }
#customize .banner .text { line-height: 1; font-size: 16px; padding-top: 40px; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; white-space: nowrap; }
#customize .banner .desc.show { opacity: 1; animation: floatTextLeft 1s; }
#customize .banner .text.show { opacity: 1; animation: floatTextRight 1s; }
#customize .banner .tab { width: 994px; height: 88px; line-height: 88px; padding: 0px 104px; display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: -44px; left: 50%; margin-left: -497px; background: rgba(255, 255, 255, 0.51); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); backdrop-filter: blur(10px); border-radius: 45.5px; font-size: 18px; text-align: center; box-sizing: border-box; }
#customize .banner .tab a { float: left; display: block; padding: 0px 16px; text-decoration: none; position: relative; letter-spacing: 2px; }
#customize .banner .tab a:last-child { margin-right: 0px; }
#customize .banner .tab .active { color: #F48334; }
#customize .banner .tab a:before { content: ''; position: absolute; top: 0; right: 0; display: block; height: 1px; width: 0; background: #F48334; transition: 400ms ease all; }
#customize .banner .tab a:after { content: ''; position: absolute; top: 0; right: 0; display: block; height: 1px; width: 0; background: #F48334; transition: 400ms ease all; right: inherit; top: inherit; left: 0; bottom: 0; }
#customize .banner .tab a:hover { color: #F48334; }
#customize .banner .tab a:hover:before { width: 100%; transition: 800ms ease all; }
#customize .banner .tab a:hover:after { width: 100%; transition: 800ms ease all; }
#customize .section .title { font-size: 36px; text-align: center; padding: 124px 0px 60px 0px; }
#customize .section .title .icon70 { margin: -6px 28px 0px 0px; }
#customize .section .item { padding-bottom: 96px; }
#customize .section .item:last-child { padding-bottom: 0px; }
#customize .section .item .name { font-size: 36px; color: #000; margin: 42px 0px 40px 0px; position: relative; }
#customize .section .item .name span { position: absolute; left: 0px; top: -38px; font-size: 48px; font-weight: bold; text-transform: capitalize; background: linear-gradient(180deg, rgba(244, 131, 52, 0.15) 0%, rgba(244, 131, 52, 0) 199.15%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
#customize .section .item .text { width: 544px; line-height: 36px; color: #666; }
#customize .section .item .fll:first-child { margin-right: 40px; }
#customize .section .item:nth-child(2) .name { text-align: right; }
#customize .section .item:nth-child(2) .name span { right: 0px; }
#customize .section .ui .text { width: 508px; padding-bottom: 60px; }
#customize .section .ui .flr.pic { position: relative; width: 371px; height: 428px; background: #FFFAEC; border-radius: 10px; }
#customize .section .ui .flr.pic img { position: absolute; top: 45px; left: -113px; }
#customize .section .ui .pic { position: relative; width: 371px; height: 236px; background: #FFFAEC; border-radius: 10px; }
#customize .section .ui .pic img { position: absolute; left: 40px; top: -20px; }
#customize .section .consultant .name { text-align: center; }
#customize .section .consultant .name span { left: 418px; }
#customize .section .consultant .text { width: auto; text-align: center; padding-bottom: 40px; }
#customize .section .consultant .pic { display: flex; width: 1100px; height: 387px; margin: auto; background: url(/res/pc/images/customize5.png)no-repeat; border-radius: 10px; overflow: hidden; justify-content: center; align-items: center; }
#customize .section .consultant .pic a { display: block; width: 200px; height: 84px; line-height: 84px; background: rgba(51, 51, 51, 0.6); border-radius: 10px; font-size: 20px; color: #fff; text-decoration: none; transition: all 0.3s; }
#customize .section .consultant .pic a:first-child { margin-right: 40px; }
#customize .section .consultant .pic a:hover { background: rgba(51, 51, 51, 0.8) }
#customize .section .consultant .pic .icon60 { margin: -2px 24px 0px 16px; }
#customize .section .pic { opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; }
#customize .section .pic.visible { opacity: 1; transform: translateY(0); }

/*视频*/
#video { padding-bottom: 60px; }
#video .banner { padding: 120px 0px 164px 0px; background: linear-gradient(360deg, #FFF9E8 0%, #FFFFFF 101.34%); text-align: center; position: relative; }
#video .banner .desc { line-height: 1; font-size: 48px; color: #235692; font-weight: bold; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }
#video .banner .text { line-height: 1; font-size: 16px; padding-top: 40px; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; white-space: nowrap; }
#video .banner .desc.show { opacity: 1; animation: floatTextLeft 1s; }
#video .banner .text.show { opacity: 1; animation: floatTextRight 1s; }
#video .banner .tab { width: 994px; height: 88px; line-height: 88px; padding: 0px 104px; display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: -44px; left: 50%; margin-left: -497px; background: rgba(255, 255, 255, 0.51); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); backdrop-filter: blur(10px); border-radius: 45.5px; font-size: 18px; text-align: center; box-sizing: border-box; }
#video .banner .tab a { float: left; display: block; padding: 0px 16px; text-decoration: none; position: relative; letter-spacing: 2px; transition: 400ms ease all; }
#video .banner .tab a:last-child { margin-right: 0px; }
#video .banner .tab .active { color: #F48334; }
#video .banner .tab a:before { content: ''; position: absolute; top: 0; right: 0; display: block; height: 2px; width: 0; background: #F48334; transition: 400ms ease all; }
#video .banner .tab a:after { content: ''; position: absolute; top: 0; right: 0; display: block; height: 2px; width: 0; background: #F48334; transition: 400ms ease all; right: inherit; top: inherit; left: 0; bottom: 0; }
#video .banner .tab a:hover { color: #F48334; }
#video .banner .tab a:hover:before { width: 100%; transition: 800ms ease all; }
#video .banner .tab a:hover:after { width: 100%; transition: 800ms ease all; }

#video .section .title { font-size: 36px; text-align: center; padding: 124px 0px 60px 0px; }
#video .section .title .icon70 { margin: -6px 28px 0px 0px; }

#video .section { }
#video .section h3 { display: flex; align-items: center; font-size: 24px; font-weight: bold; padding-bottom: 40px; margin-top: 40px; }
#video .section h3:nth-of-type(1) { margin-top: 0; }
#video .section h3 .icon { margin-right: 24px; }
#video .section h3:nth-last-of-type(1) { color: #F48334; }

#video .section .desc { margin-top: 60px; opacity: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
#video .section .desc.show { opacity: 1; transform: translateY(-60px); }

#video .section .feature { display: flex; width: 100%; flex-wrap: wrap; }
#video .section .feature .item { width: 340px; margin: 0 40px 40px 0; }
#video .section .feature .item:nth-child(3n) { margin-right: 0; }
#video .section .feature .item .logo { height: 194px; }
#video .section .feature .item .logo img { width: 100%; height: 100%; border-radius: 9px; }
#video .section .feature .item .time { margin: -24px 0 0 4px; color: #fff; }
#video .section .feature .item p { margin-top: 16px; }

#video .section .function-flow { display: flex; width: 100%; flex-wrap: wrap; }
#video .section .function-flow .item { width: 251px; margin: 0 32px 32px 0; }
#video .section .function-flow .item:nth-child(4n) { margin-right: 0; }
#video .section .function-flow .item .logo { height: 141px; }
#video .section .function-flow .item .logo img { width: 100%; height: 100%; border-radius: 9px; }
#video .section .function-flow .item .time { margin: -24px 0 0 4px; color: #fff; }
#video .section .function-flow .item p { margin-top: 24px; }

#video .section .video table { width: 100%; border-collapse: collapse; font-size: 14px; }
#video .section .video th { background-color: #3B7AC4; color: #fff; font-weight: bold; border: 1px solid 1px solid #27699D; padding: 8px; height: 16px; text-align: left; }
#video .section .video td { border: 1px solid #e0e0e0; text-align: left; padding: 8px; height: 16px; }