#fullpage { width: 100%; }

#fullpage .fullsection { color: #fff; position: relative; z-index: 99; }

#fullpage .content-fullbg { width: 100%;position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 9; padding:3% 7% 3% 280px;width:100%;}


#fullpage .content-fullbg.index{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;align-items: center;position: relative; background-repeat: no-repeat; background-size: 100% 100%;height:100vh;text-align:center;padding-left:7%;}
#fullpage .section { position: relative; }
#fullpage .content-fullbg.index .content{width:100%;}
#fullpage .section .page-arrowdown { position: absolute; bottom: 30px;left:0; text-align: center; z-index: 101; -webkit-animation: fadeInDown 2s infinite; animation: fadeInDown 2s infinite; display: inline-block;width:100%;text-align:center; }

#fullpage .section .page-arrowdown .icon-xiahua { cursor: pointer; }

#fullpage .section.active .page-arrowdown { visibility: visible; }

#fullpage .form .title { font-size: 65px; font-weight: 600; font-style: italic; margin-bottom: 3%; color: #fff; }

#fullpage .form .subtit { font-size: 40px; color: #ffffff; margin-bottom: 6%; text-align: center;  }

#fullpage .form .input-box { height: 60px; background-color: #ffffff; border-radius: 10px; overflow: hidden; width: 20%; margin-left: 1%; display: inline-block; }

#fullpage .form input { float: left; height: 40px; margin-top: 10px; font-size: 16px; display: inline-block; vertical-align: middle; padding-left: 20px; width: 130px; }

#fullpage .form .sbcode { float: left; color: #000; display: inline-block; vertical-align: middle; height: 60px; line-height: 60px; padding-left: 20px; font-size: 18px; width: auto; padding-right: 20px; }


#fullpage .form .sbcode + input { border-left: 1px solid #ddd; }

#fullpage .form .submitWrap-box { width: 26%; }

#fullpage .form .submit-btn { font-size: 24px; line-height: 60px; text-shadow: 2px 2px 0px rgba(28, 3, 93, 0.6); background-color: #0a8ddb; border-radius: 10px; display: block; text-align: center; width: 100%; color: #fff; }

#fullpage .form .getcode { line-height: 60px; font-size: 14px; float: right; padding-right: 20px; color: #bcbfc8; }

#fullpage .commpage-tit { width: 100%; position: relative; }

#fullpage .commpage-tit .tit-png { position: relative; top: -35px; height: 110px; }

#fullpage .commpage-tit .mtit-png { display: none; }

#fullpage .commpage-tit .free-expbtn { float: right; position: absolute; right: 0; top: 30px; text-shadow: 2px 2px 0px rgba(28, 3, 93, 0.6); background-color: #0a8ddb; border-radius: 30px; height: 50px; padding: 0 4%; font-size: 18px; color: #fff; margin-right: 5%; }

#fullpage .commpage-tit .title { font-size: 30px; color: #fff; font-weight: 600; }

#fullpage .commpage-tit .sub-tit { font-size: 14px; color: #fff; padding-top: 20px; width: 65%; }

#fullpage .commpage-content { width: 100%; }

#fullpage .service .service-list { margin: auto; padding-right: 5%; }

#fullpage .service .service-list .service-item { color: #fff; float: left; width: 25%; margin-bottom: 60px; cursor: pointer; }

#fullpage .service .service-list .service-item:hover .icon { -webkit-transition: all 0.3s; transition: all 0.3s; }

#fullpage .service .service-list .service-item .icons { border-radius: 50%; float: left; }

#fullpage .service .service-list .service-item .icon { vertical-align: middle; }

#fullpage .service .service-list .service-item.active .name { color: #0a8ddb; }

#fullpage .service .service-list .service-item.active .desc { color: rgba(10, 141, 219, 0.6); }

#fullpage .service .service-list .service-item.active .icons { background-color: #0a8ddb; -webkit-animation: bounce 1.2s infinite; animation: bounce 1.2s infinite; }

#fullpage .service .service-list .service-item:hover .name { color: #0a8ddb; }

#fullpage .service .service-list .service-item:hover .name::after { width: 130%; background-color: #0a8ddb; }

#fullpage .service .service-list .service-item:hover .desc { color: rgba(10, 141, 219, 0.6); }

#fullpage .service .service-list .service-item:hover .hide { display: inherit; }

#fullpage .service .service-list .service-item:hover .show { display: none; }

#fullpage .service .service-list .hide { display: none; }

#fullpage .service .service-list .name { font-size: 18px; position: relative; padding-bottom: 10px; margin-bottom: 10px; width: 75%; }

#fullpage .service .service-list .name::after { position: absolute; bottom: 0; content: ""; left: 0; width: 20px; height: 2px; background: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; }

#fullpage .service .service-list .meta { margin-left: 90px; padding-left: 20px; }

#fullpage .service .service-list .desc { font-size: 14px; padding-top: 5px; color: rgba(255, 255, 255, 0.4); }

#fullpage .build .func-list { margin: auto; padding-right: 5%; }

#fullpage .build .func-list .func-item { color: #fff; text-align: center; float: left; width: 16.666%; margin-bottom: 60px; cursor: pointer; }

#fullpage .build .func-list .func-item:hover .icon { -webkit-transition: all 0.3s; transition: all 0.3s; }

#fullpage .build .func-list .func-item .icons { width: 90px; height: 90px; background-color: #010b1f; border: solid 1px #0a8ddb; display: inline-block; border-radius: 50%; line-height: 90px; }

#fullpage .build .func-list .func-item .icon { vertical-align: middle; }

#fullpage .build .func-list .func-item:hover .name { color: #0a8ddb; }

#fullpage .build .func-list .func-item:hover .desc { color: rgba(10, 141, 219, 0.6); }

#fullpage .build .func-list .func-item:hover .icons { background-color: #0a8ddb; }

#fullpage .build .func-list .func-item:hover .hide { display: inherit; }

#fullpage .build .func-list .func-item:hover .show { display: none; }

#fullpage .build .func-list .hide { display: none; }

#fullpage .build .func-list .name { font-size: 18px; padding-top: 15px; }

#fullpage .build .func-list .desc { font-size: 14px; padding-top: 5px; color: rgba(255, 255, 255, 0.4); white-space: nowrap; }

#fullpage .page3 .theme-list { padding-right: 5%; margin-left: -12px; margin-right: -12px; }

#fullpage .page3 .theme-list .theme-item { padding: 0 12px; margin-bottom: 24px; width: 20%; float: left; }

#fullpage .page3 .theme-list .inner { background-color: #fff; padding: 20px; }

#fullpage .page3 .theme-list .img-box { height: 200px; overflow: hidden; }

#fullpage .page3 .theme-list .theme-img { -o-object-fit: cover; object-fit: cover; width: 100%; display: block; -webkit-transition: all 4.5s; transition: all 4.5s; }

#fullpage .about { color: #fff; }

#fullpage .about .about-main { margin: auto; padding-right: 6%; }

#fullpage .about .company-pic { width: 45%; float: left; }

#fullpage .about .pic-box { width:100%;position:relative; padding-top:75%;}
#fullpage .about .pic-box .img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
#fullpage .about .pic-box .img { -o-object-fit: cover; object-fit: cover; display: block; width: 100%; }

#fullpage .about .company-desc { float: left; width: 55%; padding-left: 2.5%; }

#fullpage .about .desc { font-size: 16px; line-height: 1.8; text-align: justify; }

#fullpage .about .lg-tit { padding-top: 7%; font-size: 30px; font-weight: 500; }

#fullpage .about .accout-data { padding-top: 7%; }

#fullpage .about .accout-data .accout-item { float: left; width: 33%; font-size: 16px; text-align: center; }

#fullpage .about .accout-data .accout-item > span { font-size: 48px; font-weight: 600; }

#fullpage .about .accout-data .accout-item > p { padding-top: 5px; }

#fullpage .bussicard .bussiness-main { padding-right: 5%; }

#fullpage .bussicard .slogn { color: #0a8ddb; font-size: 32px; font-weight: 600; }

#fullpage .bussicard .slogn i { font-style: italic; vertical-align: middle; position: relative; z-index: 10; }

#fullpage .bussicard .slogn .slogn-img { vertical-align: middle; margin-left: -60px; }

#fullpage .bussicard .slogn .mslogn-img { display: none; }

#fullpage .bussicard .service-list { padding-top: 30px; margin-bottom: 40px; margin-right: -10px; margin-left: -10px; }

#fullpage .bussicard .service-list .item { padding: 0 10px; margin-bottom: 15px; float: left; width: 14.28%; color: #6f7d9b; font-size: 16px; position: relative; }

#fullpage .bussicard .service-list .item .inner { background-color: #1a2436; text-align: center; padding: 12px 0; position: relative; cursor: pointer; -webkit-transition: all 0.4s; transition: all 0.4s; line-height: 28px; }

#fullpage .bussicard .service-list .item .inner::before, #fullpage .bussicard .service-list .item .inner::after { content: ""; position: absolute; background: #fff; }

#fullpage .bussicard .service-list .item .inner::before { top: 0; right: 0; height: 0; width: 2px; -webkit-transition: all 0.4s; transition: all 0.4s; }

#fullpage .bussicard .service-list .item .inner::after { left: 0; bottom: 0; width: 0; height: 2px; -webkit-transition: all 0.4s; transition: all 0.4s; }

#fullpage .bussicard .service-list .item .inner:hover { color: #fff; background-color: #0a8ddb; }

#fullpage .bussicard .service-list .item .inner:hover::before { height: 100%; }

#fullpage .bussicard .service-list .item .inner:hover::after { width: 100%; }

#fullpage .bussicard .detail-show { background-color: #1a2436; }

#fullpage .bussicard .detail-box { width: 44%; float: left; color: #fff; }

#fullpage .bussicard .detail-box .box-inner { padding: 25px 35px; }

#fullpage .bussicard .detail-box .desc { font-size: 28px; font-weight: 600; font-style: italic; }

#fullpage .bussicard .detail-box .squradot-img { margin: 2% 0; }

#fullpage .bussicard .detail-box .small { color: #6f7d9b; font-size: 22px; }

#fullpage .bussicard .items { width: 56%; float: left; color: #fff; }

#fullpage .bussicard .items .item { float: left; width: 50%; padding: 25px 15px; -webkit-transition: all 0.4s; transition: all 0.4s; cursor: pointer; position: relative; padding-left: 60px; }

#fullpage .bussicard .items .item .icon-wrap { float: left; width: 60px; text-align: center; }

#fullpage .bussicard .items .item::before, #fullpage .bussicard .items .item::after { content: ""; position: absolute; background: #fff; }

#fullpage .bussicard .items .item::before { top: 0; right: 0; height: 0; width: 2px; -webkit-transition: all 0.4s; transition: all 0.4s; }

#fullpage .bussicard .items .item::after { left: 0; bottom: 0; width: 0; height: 2px; -webkit-transition: all 0.4s; transition: all 0.4s; }

#fullpage .bussicard .items .item:hover { background-color: #0a8ddb; }

#fullpage .bussicard .items .item:hover::before { height: 100%; }

#fullpage .bussicard .items .item:hover::after { width: 100%; }

#fullpage .bussicard .items .item:hover .txt-p { color: #fff; }

#fullpage .bussicard .items .icon { margin-top: 10px; }

#fullpage .bussicard .items .meta { margin-left: 70px; }

#fullpage .bussicard .items .txt-tit { font-size: 22px; }

#fullpage .bussicard .items .txt-p { font-size: 14px; color: #6f7d9b; padding-top: 5px; }

#fullpage .scene .smallPro-list { padding-right: 5%; margin-left: -25px; margin-right: -25px; }

#fullpage .scene .smallPro-list .item { float: left; width: 25%; padding: 0 35px; margin-bottom: 20px; text-align: center; }

#fullpage .scene .smallPro-list .icons .hide { display: none; }

#fullpage .scene .smallPro-list .inner { background-color: #fff; padding: 70px 0; position: relative; }

#fullpage .scene .smallPro-list .inner::before, #fullpage .scene .smallPro-list .inner::after { content: ""; position: absolute; background: #fff; }

#fullpage .scene .smallPro-list .inner::before { top: 0; right: 0; height: 0; width: 2px; -webkit-transition: all 0.4s; transition: all 0.4s; }

#fullpage .scene .smallPro-list .inner::after { left: 0; bottom: 0; width: 0; height: 2px; -webkit-transition: all 0.5s; transition: all 0.5s; }

#fullpage .scene .smallPro-list .inner:hover { background-color: #0a8ddb; }

#fullpage .scene .smallPro-list .inner:hover::before { height: 100%; }

#fullpage .scene .smallPro-list .inner:hover::after { width: 100%; }

#fullpage .scene .smallPro-list .inner:hover .title { color: #fff; }

#fullpage .scene .smallPro-list .inner:hover .txt { color: #fff; }

#fullpage .scene .smallPro-list .inner:hover .icon { -webkit-animation: bouce 1s infinite; animation: bouce 1s infinite; }

#fullpage .scene .smallPro-list .inner:hover .hide { display: inline-block; }

#fullpage .scene .smallPro-list .inner:hover .show { display: none; }

#fullpage .scene .smallPro-list .title { color: #010b1f; font-size: 20px; font-weight: 600; -webkit-transition: all 0.4s; transition: all 0.4s; padding-top: 15px; }

#fullpage .scene .smallPro-list .txt { color: #6f7d9b; font-size: 14px; padding-top: 20px; -webkit-transition: all 0.4s; transition: all 0.4s; }

#fullpage .cases .more-wrap { text-align: center; margin-top: 15px; }

#fullpage .cases .more-wrap .more { color: #fff; font-size: 16px; display: inline-block; padding: 15px 120px; background: #0a8ddb; }

#fullpage .footer { height: auto !important; display: inherit; }

#fullpage .footer .fp-tableCell { height: auto !important; display: inherit; }

#fullpage .footer .commpage-content { padding-top: 0; }

/*.page-index .container-main .content { margin-left: 235px; width: calc(100vw - 235px); padding-right: 7%; }*/

#fullpage .cases-container .case-item .case-meta { display: none; color: #fff; text-align: left; }

#fullpage .cases-container .case-item .case-meta .name { font-size: 18px; font-weight: 600; }

#fullpage .cases-container .case-item .case-meta .type { font-size: 14px; padding-left: 20px; color: rgba(255, 255, 255, 0.5); }

#fullpage .form.active .title { -webkit-animation: fadeInDown 0.5s; animation: fadeInDown 0.5s; }

#fullpage .form.active .subtit { -webkit-animation: fadeInUp 0.6s; animation: fadeInUp 0.6s; }

#fullpage .form.active .form-wrap { -webkit-animation: fadeInUp 0.7s; animation: fadeInUp 0.7s; }

#fullpage .active .commpage-tit .title { -webkit-animation: fadeInLeft 0.5s; animation: fadeInLeft 0.5s; }

#fullpage .active .commpage-tit .sub-tit { -webkit-animation: fadeInRight 0.6s; animation: fadeInRight 0.6s; }

#fullpage .active .commpage-tit .tit-png { -webkit-animation: fadeInUp 1s; animation: fadeInUp 1s; }

#fullpage .service.active .service-list .service-item { -webkit-animation: fadeInUp 1.2s; animation: fadeInUp 1.2s; }

#fullpage .scene.active .smallPro-list .item { -webkit-animation: fadeInUp 1.2s; animation: fadeInUp 1.2s; }

#fullpage .active .cases-container .case-item { -webkit-animation: fadeInUp 1.2s; animation: fadeInUp 1.2s; }

#fullpage .about.active .pic-box .img { -webkit-animation: fadeInLeft 0.6s; animation: fadeInLeft 0.6s; }

#fullpage .about.active .company-desc { -webkit-animation: fadeInRight 0.6s; animation: fadeInRight 0.6s; }

#fullpage .bussicard.active .slogn { -webkit-animation: fadeInLeft 1s; animation: fadeInLeft 1s; }

#fullpage .bussicard.active .service-list { -webkit-animation: fadeInUp 1s; animation: fadeInUp 1s; }

#fullpage .bussicard.active .detail-show { -webkit-animation: fadeInUp 1.2s; animation: fadeInUp 1.2s; }

#fullpage .build.active .func-list { -webkit-animation: fadeInUp 1s; animation: fadeInUp 1s; }

#fullpage .active .commpage-tit .free-expbtn { -webkit-animation: fadeInUp 1.2s; animation: fadeInUp 1.2s; }