@charset "UTF-8";
html, body { font-family: Microsoft YaHei; }

.swiper_index { width: 100%; min-width: 1400px; height: 100vh; }
.swiper_index .swiper_wrapper, .swiper_index .swiper_slide { width: 100%; height: 100%; }
.swiper_index .swiper_slide { overflow-x: scroll; }
.swiper_index .swiper_pagination { position: absolute; right: 30px; top: 50%; left: auto; z-index: 99; transform: translateY(-50%); width: 24px; }
.swiper_index .swiper_pagination .swiper-pagination-bullet { margin-bottom: 30px; width: 10px; height: 10px; border-radius: 50%; background: #fff; opacity: 1; }
.swiper_index .swiper_pagination .swiper-pagination-bullet:last-child { margin-bottom: 0; }
.swiper_index .swiper_pagination .swiper-pagination-bullet-active { width: 24px; height: 24px; box-sizing: border-box; border: 4px solid #fff; border-radius: 50%; background: none; }

.full_page { width: 100%; min-width: 1400px; height: 100vh; box-sizing: border-box; }
.full_page .page_title { font-size: 36px; line-height: 1; text-align: center; color: #fff; font-weight: bold; }
.full_page .sub_title { margin-top: 20px; text-align: center; font-size: 18px; color: #DADADA; line-height: 1; font-weight: normal; }

.swiper_indexPage1 { width: 100%; height: 100vh; }
.swiper_indexPage1 .btn_group { position: absolute; right: 201px; bottom: 49px; z-index: 99; }
.swiper_indexPage1 .btn_group .btn { margin-top: 19px; width: 70px; height: 70px; cursor: pointer; }
.swiper_indexPage1 .btn_group .btn_prev { background-image: url("../images/icon_btn--leftEmpty.png"); }
.swiper_indexPage1 .btn_group .btn_prev:hover { background-image: url("../images/icon_btn--leftFull.png"); }
.swiper_indexPage1 .btn_group .btn_next { background-image: url("../images/icon_btn--rightEmpty.png"); }
.swiper_indexPage1 .btn_group .btn_next:hover { background-image: url("../images/icon_btn--rightFull.png"); }
.swiper_indexPage1 .btn_group .swiper-button-disabled { display: none; }

.page1 { background: url(../images/index/bg_page1.jpg) no-repeat center top; background-size: cover; }
.page1 .thumb { width: 908px; height: auto; }
.page1 .link_more { margin-top: 62px; display: block; width: 220px; height: 70px; box-sizing: border-box; border: 1px solid #24D2C0; border-radius: 10px; font-size: 24px; line-height: 68px; color: #24D2C0; text-align: center; }
.page1 .link_more:hover { background: #24D2C0; color: #fff; }

.mouse_btn { position: fixed; bottom: 50px; left: 50%; transform: translateX(-50%); z-index: 99; width: 37px; height: 54px; cursor: pointer; }
.mouse_btn .icon { display: block; width: 100%; height: 100%; }

.page2 .left { min-width: 58%; height: 100vh; background: url(../images/index/bg_page2--left.png) no-repeat center top; background-size: cover; }
.page2 .left .menu_group { max-width: 880px; height: 440px; }
.page2 .left .menu_group:before { content: ''; display: block; width: 25%; height: 220px; }
.page2 .left .menu_group .menu_item { width: 25%; height: 220px; box-sizing: border-box; padding: 30px 0 30px 29px; background: linear-gradient(269deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.02)); cursor: pointer; }
.page2 .left .menu_group .menu_item .icon { width: 37px; height: auto; }
.page2 .left .menu_group .menu_item .btm .name { height: 24px; box-sizing: border-box; padding-right: 30px; }
.page2 .left .menu_group .menu_item .btm .name .txt { font-size: 18px; color: #fff; }
.page2 .left .menu_group .menu_item .btm .name .icon_arrow { opacity: 0; width: 18px; height: 18px; }
.page2 .left .menu_group .menu_item .btm .sub { margin-top: 8px; font-size: 10px; line-height: 1; color: #f2f2f2; }
.page2 .left .menu_group .menu_item:hover { background: #24D2C0; }
.page2 .left .menu_group .menu_item:hover .btm .name .icon_arrow { opacity: 1; }
.page2 .right { position: relative; min-width: 42%; height: 100vh; background: #04326B; }
.page2 .right .right_block { flex: 1; overflow: hidden; box-sizing: border-box; padding: 20% 67px 0 0; }
.page2 .right .right_block .title_page2--right { font-size: 56px; line-height: 60px; color: #fff; text-align: right; font-weight: normal; }
.page2 .right .right_block .title_page2--right .fontBold { font-weight: bold; }
.page2 .right .right_block .title_sub { margin-top: 37px; font-size: 18px; line-height: 1; color: #fff; text-align: right; }
.page2 .right .right_block .service_item { display: none; }
.page2 .right .right_block .service_item.show { display: block; }
.page2 .right .right_block .desc_page2 { margin-top: 10%; box-sizing: border-box; padding-left: 101px; color: #fff; }
.page2 .right .right_block .desc_page2 .name { margin-bottom: 32px; font-size: 46px; line-height: 1; color: #fff; overflow: hidden; text-indent: -14px; font-weight: bold; }
.page2 .right .right_block .desc_page2 .info { position: relative; box-sizing: border-box; padding-left: 16px; line-height: 36px; color: #fff; }
.page2 .right .right_block .desc_page2 .info:before { position: absolute; content: ''; left: 0; top: 14px; width: 8px; height: 8px; background: #fff; }
.page2 .right .right_block .btn_group { position: absolute; bottom: 90px; left: -100px; }
.page2 .right .right_block .btn_group .btn_left { display: inline-block; width: 250px; height: 60px; background: #fff; text-align: center; line-height: 60px; font-size: 18px; color: #515151; transform: skew(-45deg); }
.page2 .right .right_block .btn_group .btn_left .link_inner { transform: skew(45deg); }
.page2 .right .right_block .btn_group .btn_right { position: relative; z-index: 2; margin-left: -25px; display: inline-block; width: 300px; height: 60px; background: #23d2c0; text-align: center; line-height: 60px; font-size: 18px; color: #fff; transform: skew(-45deg); box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.15); }
.page2 .right .right_block .btn_group .btn_right .link_inner { transform: skew(45deg); }

.page3 { background: url("../images/index/bg_page3.png") no-repeat center center; background-size: cover; }
.page3 .page_title { width: 716px; height: auto; }
.page3 .txt { margin: 80px auto 0; max-width: 1080px; text-align: center; font-size: 16px; color: #DADADA; line-height: 56px; }
.page3 .census_group { margin-top: 110px; width: 1200px; }
.page3 .census_group .census_item .num { height: 70px; font-size: 70px; line-height: 70px; color: #fff; font-weight: bold; overflow: hidden; text-align: center; }
.page3 .census_group .census_item .mt-number-animate-dom { display: inline-block; vertical-align: top; transition: all 1s ease 0s; }
.page3 .census_group .census_item .mt-number-animate-span { display: block; font-size: 70px; }
.page3 .census_group .census_item .name { margin-top: 32px; font-size: 16px; line-height: 1; color: #eee; text-align: center; }

.page4 { box-sizing: border-box; padding-top: 215px; background: url("../images/index/bg_page4.png") no-repeat center center; background-size: cover; }
.page4 .swiper-container { padding-top: 64px; min-width: 1400px; }
.page4 .swiper-container .swiper_btn { position: absolute; right: 263px; top: 54px; z-index: 10; }
.page4 .swiper-container .swiper_btn .btn { margin-left: 40px; cursor: pointer; }
.page4 .swiper-container .swiper_btn .btn .icon_full { display: none; }
.page4 .swiper-container .swiper_btn .btn:hover .icon_empty { display: none; }
.page4 .swiper-container .swiper_btn .btn:hover .icon_full { display: block; }
.page4 .swiper-container .swiper_btn .icon { width: 57px; height: 57px; }
.page4 .swiper-slide { width: 420px; height: auto; padding-top: 118px; }
.page4 .swiper-slide .example_card { margin: 0 auto; position: relative; width: 340px; height: 277px; box-sizing: border-box; padding-top: 25; }
.page4 .swiper-slide .example_card .tag { display: none; position: absolute; left: 34px; top: 0; width: 210px; height: 110px; box-sizing: border-box; padding-top: 34px; padding-right: 36px; background: url("../images/tag_normal.png") no-repeat center; background-size: 100%; color: #fff; }
.page4 .swiper-slide .example_card .tag .name { font-size: 16px; line-height: 1; text-align: center; }
.page4 .swiper-slide .example_card .tag .link { margin-top: 12px; display: block; font-size: 12px; line-height: 1; color: #fff; text-align: center; }
.page4 .swiper-slide .example_card .thumb { display: block; width: 100%; height: 100%; }
.page4 .swiper-slide .example_card .tag_small { position: absolute; top: -15px; left: 25px; z-index: 2; width: 66px; height: 49px; }
.page4 .swiper-slide .btm { margin-top: 76px; }
.page4 .swiper-slide .btm .name { text-align: center; font-size: 16px; color: #d9d9d9; line-height: 1; }
.page4 .swiper-slide .btm .dot { margin-top: 21px; position: relative; width: 100%; height: 15px; }
.page4 .swiper-slide .btm .dot:after { content: ''; position: absolute; left: 50%; top: 0; z-index: 2; width: 3px; height: 15px; transform: translateX(-50%); background: #fff; }
.page4 .swiper-slide .btm .dot:before { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; box-sizing: border-box; border-bottom: 1px dashed #545454; transform: translateY(-50%); }
.page4 .swiper-slide-active { width: 580px !important; height: auto; padding-top: 0; }
.page4 .swiper-slide-active .example_card { width: 500px; height: 395px; padding-top: 25px; }
.page4 .swiper-slide-active .example_card .tag_small { display: none; }
.page4 .swiper-slide-active .example_card .tag { display: block; }

.page5 { background: url("../images/index/bg_page5.png") no-repeat center bottom; background-size: cover; }
.page5 .page_top { padding-top: 210px; }
.page5 .step_content { margin: 0 auto -20px; position: relative; width: 1400px; height: 500px; background: url("../images/circle_page5.png") no-repeat center top; background-size: cover; }
.page5 .step_content .step_item { position: absolute; }
.page5 .step_content .step_item .icon_block { width: 70px; height: 70px; border-radius: 50%; background: rgba(0, 0, 0, 0.3); cursor: pointer; }
.page5 .step_content .step_item .icon_block .icon { margin: 0 auto; width: auto; height: auto; }
.page5 .step_content .step_item .icon_block:hover { background: #1C5EB0; }
.page5 .step_content .step_item .dot { margin: 16px auto; width: 93px; height: 93px; }
.page5 .step_content .step_item .step_name { font-size: 18px; line-height: 1; color: #fff; }
.page5 .step_content .step_item:nth-child(1) { left: 10%; bottom: 32%; }
.page5 .step_content .step_item:nth-child(2) { left: 20%; bottom: 56.5%; }
.page5 .step_content .step_item:nth-child(3) { left: 30%; bottom: 70.5%; }
.page5 .step_content .step_item:nth-child(4) { left: 40%; bottom: 77.5%; }
.page5 .step_content .step_item:nth-child(5) { left: 50%; bottom: 78.5%; }
.page5 .step_content .step_item:nth-child(6) { left: 60%; bottom: 73.5%; }
.page5 .step_content .step_item:nth-child(7) { left: 70%; bottom: 62%; }
.page5 .step_content .step_item:nth-child(8) { left: 80%; bottom: 42%; }

.page6 { box-sizing: border-box; padding-top: 212px; background: url("../images/index/bg_page6.png") no-repeat center bottom; background-size: cover; }
.page6 .partner_groups { margin: 152px auto 0; width: 1400px; box-sizing: border-box; padding: 0 10px; }
.page6 .partner_groups .link { margin-right: 100px; margin-bottom: 60px; width: 260px; height: 130px; border-radius: 13px; background: #fff; }
.page6 .partner_groups .link:nth-child(4n) { margin-right: 0; }
.page6 .partner_groups .link img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; }

.page7 { box-sizing: border-box; padding-top: 226px; background: url("../images/index/bg_page7.png") no-repeat center bottom; background-size: cover; }
.page7 .contact_group { margin-top: 117px; }
.page7 .contact_group .contact_item { position: relative; width: 320px; height: 395px; border-radius: 10px; color: #fff; cursor: pointer; }
.page7 .contact_group .contact_item .icon_circle { width: 140px; height: 140px; border-radius: 50%; box-sizing: border-box; border: 1px solid white; }
.page7 .contact_group .contact_item .icon_circle .icon { display: block; }
.page7 .contact_group .contact_item .name { margin-top: 52px; font-size: 18px; line-height: 1; text-align: center; }
.page7 .contact_group .contact_item .value { margin-top: 14px; max-width: 200px; font-size: 18px; line-height: 32px; text-align: center; }
.page7 .contact_group .contact_item .qrcode_card { display: none; position: absolute; top: -90px; left: 50%; transform: translateX(-50%); width: 156px; height: 156px; box-sizing: border-box; padding: 8px; border-radius: 10px; background: #fff; }
.page7 .contact_group .contact_item .qrcode_card:after { content: ''; position: absolute; bottom: -32px; left: 50%; transform: translateX(-50%); width: 16px; height: 16px; box-sizing: border-box; border: 16px solid #fff; border-top-color: #fff; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; }
.page7 .contact_group .contact_item .qrcode_card .qrcode { display: block; width: 100%; height: 100%; }
.page7 .contact_group .contact_item:hover { background: rgba(183, 215, 255, 0.2); }
.page7 .contact_group .contact_item:hover .icon_circle { border-color: transparent; }
.page7 .contact_group .contact_item:hover .qrcode_card { display: block; }

.page_about--floor1 { padding-top: 414px; background: url("../images/about/bg_page--about1.jpg") no-repeat center; background-size: 100% 100%; }
.page_about--floor1 .page_title { font-size: 70px; }
.page_about--floor1 .sub_title { margin-top: 40px; font-size: 20px; }

.page_about--floor2 { background: #242c42; }
.page_about--floor2 .btm { width: 100%; height: 720px; background: url("../images/about/bg_page--about2.png") no-repeat center bottom; background-size: cover; }
.page_about--floor2 .company_intro { position: relative; }
.page_about--floor2 .company_intro .thumb { position: relative; margin-top: -126px; }
.page_about--floor2 .company_intro .thumb .img { width: 390px; height: 480px; }
.page_about--floor2 .company_intro .txt { margin-left: 73px; max-width: 842px; padding-top: 54px; font-size: 18px; line-height: 48px; color: #fff; }
.page_about--floor2 .census_group { margin: 95px auto 0; width: 1200px; }
.page_about--floor2 .census_group .census_item .num { height: 70px; font-size: 70px; line-height: 70px; color: #fff; font-weight: bold; overflow: hidden; text-align: center; }
.page_about--floor2 .census_group .census_item .mt-number-animate-dom { display: inline-block; vertical-align: top; transition: all 1s ease 0s; }
.page_about--floor2 .census_group .census_item .mt-number-animate-span { display: block; font-size: 70px; }
.page_about--floor2 .census_group .census_item .name { margin-top: 32px; font-size: 16px; line-height: 1; color: #eee; text-align: center; }

.page_about--floor3 { color: #fff; }
.page_about--floor3 .left { width: 43.75vw; height: 100vh; background: url(../images/about/bg_page--about3l.png) no-repeat center top; background-size: cover; }
.page_about--floor3 .left .txt_top { font-size: 36px; line-height: 48px; font-weight: bold; }
.page_about--floor3 .left .txt_top p:last-child { margin-top: 22px; font-size: 32px; line-height: 48px; }
.page_about--floor3 .left .txt_btm { box-sizing: border-box; padding-left: 55px; }
.page_about--floor3 .left .txt_btm p:first-child { position: relative; font-size: 50px; line-height: 72px; }
.page_about--floor3 .left .txt_btm p:first-child:before { content: '“'; position: absolute; left: -55px; top: -15px; font-size: 72px; color: #fff; }
.page_about--floor3 .left .txt_btm p:last-child { margin-top: 24px; font-size: 20px; line-height: 36px; }
.page_about--floor3 .right { width: 56.23vw; }
.page_about--floor3 .right .right_top { width: 100%; height: 50vh; background: url(../images/about/bg_page--about3rt.png) no-repeat center top; background-size: cover; }
.page_about--floor3 .right .right_btm { width: 100%; height: 50vh; box-sizing: border-box; padding: 0 40px; background: url(../images/about/bg_page--about3rb.png) no-repeat center top; background-size: cover; font-size: 18px; line-height: 44px; }
.page_about--floor3 .right .right_btm p { max-width: 790px; text-indent: 2em; }

.page_about--floor4 { position: relative; padding-top: 273px; background: url("../images/about/bg_page--about4.png") no-repeat center bottom; background-size: cover; }
.page_about--floor4 .font { position: absolute; top: 19.6%; left: 50%; z-index: 1; transform: translateX(-50%); width: 1226px; height: auto; }
.page_about--floor4 .swiper-container { margin: 51px auto 0; width: 845px; flex: 1; }
.page_about--floor4 .swiper-container .swiper-slide { height: 224px; }
.page_about--floor4 .step_group { height: 224px; }
.page_about--floor4 .step_group .card { width: 360px; height: 160px; border-radius: 20px; box-sizing: border-box; padding: 11px 28px 0 30px; background: #fff; }
.page_about--floor4 .step_group .card .card_top { border-bottom: 1px solid #ECECEC; line-height: 58px; font-size: 20px; color: #181818; }
.page_about--floor4 .step_group .card .card_btm { padding-top: 17px; line-height: 22px; font-size: 16px; }
.page_about--floor4 .step_group .date { font-size: 24px; line-height: 48px; color: #fff; }
.page_about--floor4 .step_group .left { width: 387px; }
.page_about--floor4 .step_group .left .date { text-align: right; }
.page_about--floor4 .step_group .center { position: relative; flex: 1; height: 100%; min-height: 160px; }
.page_about--floor4 .step_group .center:after { content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 0; height: 100%; border-left: 3px dashed #24D2C0; opacity: 0.5; }
.page_about--floor4 .step_group .center .dot { position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); width: 30px; height: 30px; border-radius: 50%; box-sizing: border-box; background: none; }
.page_about--floor4 .step_group .center .dot:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgba(36, 210, 192, 0.5); }
.page_about--floor4 .step_group .right { width: 387px; }
.page_about--floor4 .step_group .right .card { margin-left: px; }
.page_about--floor4 .step_group .right .date { text-align: left; }
.page_about--floor4 .swiper-slide-active .date { color: #24D2C0; }
.page_about--floor4 .swiper-slide-active .center .dot { background: rgba(255, 255, 255, 0.2); }
.page_about--floor4 .swiper-slide-active .center .dot:before { border-color: #fff; background: #fff; }
.page_about--floor4 .swiper-slide-active .center .dot:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; border-radius: 50%; background: #24D2C0; }

.message_content { padding-bottom: 40px; background: url(../images/message/bg_message.png) no-repeat center top; background-size: cover; }
.message_content .swiper_message { margin-top: 15px; width: 100%; box-sizing: border-box; }
.message_content .swiper_message .swiper-container { width: 100%; padding-top: 77px; }
.message_content .swiper_message .swiper-slide { width: 1020px; height: 540px; }
.message_content .swiper_message .btn_groups { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1400px; height: 26px; }
.message_content .swiper_message .btn_groups .swiper_btn { width: 15px; height: 26px; cursor: pointer; }
.message_content .swiper_message .btn_groups .swiper_btn .icon_arrow { display: block; width: 100%; height: 100%; }
.message_content .swiper_message .btn_groups .swiper_btn:last-child { margin-left: 73px; }
.message_content .swiper_message .btn_groups .swiper_btn.swiper-button-disabled { opacity: 0.6; }
.message_content .swiper_message .message_item { position: relative; display: block; width: 100%; height: 100%; }
.message_content .swiper_message .message_item .thumb { display: block; width: 900px; height: 540px; }
.message_content .swiper_message .message_item .message_info { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 338px; height: 292px; box-sizing: border-box; padding: 30px 30px 0; background: #1d1d1d; }
.message_content .swiper_message .message_item .message_info .name { font-size: 18px; line-height: 1; color: #fff; }
.message_content .swiper_message .message_item .message_info .desc { margin-top: 20px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 144px; font-size: 16px; line-height: 36px; color: #e1e1e1; }
.message_content .swiper_message .message_item .message_info .icon_arrow { margin-top: 28px; width: 36px; height: 10px; }
.message_content .message_list { margin: 0 auto; width: 1400px; box-sizing: border-box; padding: 100px 10px 40px; }
.message_content .message_list .message_item { margin-bottom: 40px; width: 666px; background: rgba(0, 0, 0, 0.2); }
.message_content .message_list .message_item .message_thumb { position: relative; width: 666px; height: 200px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; }
.message_content .message_list .message_item .message_info { height: 252px; box-sizing: border-box; padding: 32px 30px 0; }
.message_content .message_list .message_item .message_info .name { height: 36px; font-size: 20px; line-height: 36px; color: #fff; }
.message_content .message_list .message_item .message_info .name .icon_new { margin-right: 10px; margin-top: 9px; width: 18px; height: 18px; }
.message_content .message_list .message_item .message_info .date { margin-top: 2px; font-size: 14px; line-height: 36px; color: #919191; }
.message_content .message_list .message_item .message_info .desc { margin-top: 10px; font-size: 14px; line-height: 36px; color: #B9B9B9; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.message_content .pagination { margin: 12px auto 12px; }
.message_content .message_detail { width: 1200px; margin: 0 auto; padding: 35px 0 50px; }
.message_content .message_detail .title { font-size: 26px; line-height: 48px; color: #fff; text-align: center; font-weight: normal; }
.message_content .message_detail .detail_data { margin-top: 28px; width: 100%; height: 60px; border-radius: 11px; box-sizing: border-box; padding: 0 30px; background: #000; box-shadow: 0px 0px 29px 0px rgba(111, 111, 111, 0.15); }
.message_content .message_detail .detail_data .data_item { margin-right: 80px; width: auto; height: 60px; font-size: 16px; color: #ababab; line-height: 60px; }
.message_content .message_detail .detail_data .data_item .icon { margin-right: 11px; width: 18px; height: auto; }
.message_content .message_detail .detail_richtext { padding: 42px 0 45px; font-size: 16px; line-height: 48px; color: #ababab; }
.message_content .message_detail .link_block { width: 100%; height: 60px; border-radius: 11px; box-sizing: border-box; padding: 0 30px; background: #000; box-shadow: 0px 0px 29px 0px rgba(111, 111, 111, 0.15); }
.message_content .message_detail .link_block .link { font-size: 16px; color: #fff; line-height: 60px; }
.message_content .message_detail .link_block .link .icon { margin: 0 10px; }

.page_assessment { padding: 8px 0 101px; background: #181818; }
.page_assessment .assessment_block { margin: 0 auto; width: 100%; min-width: 1400px; box-sizing: border-box; padding: 56px 10px 0; }
.page_assessment .assessment_block .title { font-size: 36px; color: #fff; line-height: 56px; font-weight: bold; text-align: center; }
.page_assessment .assessment_block .sub { font-size: 18px; color: #dadada; line-height: 38px; text-align: center; }
.page_assessment .assessment_block .sub a { color: #1169D4; }
.page_assessment .assessment_block .form_groups { margin: 69px auto 0; width: 100%; max-width: 1380px; }
.page_assessment .assessment_block .form_groups .form_groups--double { margin-bottom: 50px; }
.page_assessment .assessment_block .form_groups .form_groups--double .form_group--item { position: relative; width: 48%; height: 49px; box-sizing: border-box; background: #131313; }
.page_assessment .assessment_block .form_groups .form_groups--double .form_group--item .form_label { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); font-size: 19px; color: #515862; }
.page_assessment .assessment_block .form_groups .form_groups--double .form_group--item .form_label span { color: #f00; }
.page_assessment .assessment_block .form_groups .form_groups--double .form_group--item .form_input { display: block; width: 100%; height: 100%; outline: none; box-sizing: border-box; padding: 0 24px; border: 1px solid #515862; background: none; font-size: 19px; color: #fff; }
.page_assessment .assessment_block .form_groups .form_groups--double .form_group--item .form_input:focus { border-color: #FF1F1F; }
.page_assessment .assessment_block .form_groups .form_groups--double .form_group--item:first-child .form_input { padding-left: 120px; }
.page_assessment .assessment_block .form_groups .form_groups--double .form_group--item:last-child .form_input { padding-left: 160px; }
.page_assessment .assessment_block .form_groups .form_group--textarea { margin-bottom: 50px; position: relative; width: 100%; height: 273px; }
.page_assessment .assessment_block .form_groups .form_group--textarea .form_label { position: absolute; left: 18px; top: 20px; font-size: 19px; line-height: 20px; color: #515862; }
.page_assessment .assessment_block .form_groups .form_group--textarea .form_label span { color: #f00; }
.page_assessment .assessment_block .form_groups .form_group--textarea .form_textarea { display: block; width: 100%; height: 100%; outline: none; box-sizing: border-box; padding: 60px 18px 20px; border: 1px solid #515862; background: none; font-size: 19px; color: #fff; }
.page_assessment .assessment_block .form_groups .form_group--textarea .form_textarea:focus { border-color: #FF1F1F; }
.page_assessment .assessment_block .form_groups .form_btn { width: 100%; }
.page_assessment .assessment_block .form_groups .form_btn .btn { display: block; width: 100%; height: 70px; border-radius: 11px; border: none; background-color: #0A53AE; font-size: 24px; color: #fff; }
.page_assessment .assessment_block .form_groups .captcha_group { margin-bottom: 101px; }
.page_assessment .assessment_block .form_groups .captcha_group .refresh { margin-right: 29px; font-size: 18px; line-height: 66px; color: #696969; }
.page_assessment .assessment_block .form_groups .captcha_group .refresh .icon_refresh { margin-left: 10px; width: 20px; height: auto; cursor: pointer; }
.page_assessment .assessment_block .form_groups .captcha_group .refresh .icon_refresh:hover { transform: rotate(180deg); }
.page_assessment .assessment_block .form_groups .captcha_group .captcha_img { width: 298px; height: 66px; }
.page_assessment .assessment_block .form_groups .captcha_group .captcha_input { margin-left: 21px; }
.page_assessment .assessment_block .form_groups .captcha_group .captcha_input .tip { font-size: 18px; color: #fff; line-height: 1; }
.page_assessment .assessment_block .form_groups .captcha_group .captcha_input .input { margin-top: 10px; display: block; width: 390px; height: 38px; outline: none; box-sizing: border-box; padding: 0 18px; border: 1px solid #515862; font-size: 18px; color: #fff; line-height: 38px; }
.page_assessment .assessment_block .form_groups .captcha_group .captcha_input .input:focus { border-color: #FF1F1F; }

.page_contact { background: url(../images/contact/bg.png) no-repeat center top; background-size: cover; }
.page_contact .contact_block { box-sizing: border-box; padding-top: 8px; }
.page_contact .contact_bar { margin: 0 auto; position: relative; top: 69px; z-index: 3; width: 1380px; height: 456px; box-sizing: border-box; padding-top: 58rpx; border-radius: 11px; background: #131313; box-shadow: 0px 0px 29px 0px rgba(111, 111, 111, 0.15); }
.page_contact .contact_bar .title { font-size: 36px; color: #fff; line-height: 1; font-weight: bold; }
.page_contact .contact_bar .sub_title { margin-top: 20px; font-size: 18px; color: #DADADA; line-height: 1; }
.page_contact .contact_bar .contact_group { margin-top: 61px; width: 100%; }
.page_contact .contact_bar .contact_item { position: relative; flex: 1; cursor: pointer; }
.page_contact .contact_bar .contact_item:after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 118px; background: url(../images/contact/border_img.png) no-repeat center; background-size: cover; }
.page_contact .contact_bar .contact_item:last-child:after { display: none; }
.page_contact .contact_bar .contact_item .icon_wrapper { margin: 0 auto; width: 113px; height: 113px; border-radius: 50%; background: #1169D4; }
.page_contact .contact_bar .contact_item .icon_wrapper .icon { display: block; }
.page_contact .contact_bar .contact_item .name { margin: 16px auto 0; font-size: 16px; color: #fff; line-height: 1; text-align: center; }
.page_contact .contact_bar .contact_item .value { margin: 5px auto 0; max-width: 180px; font-size: 16px; color: #fff; line-height: 26px; text-align: center; }
.page_contact .contact_bar .contact_item .qrcode_card { display: none; position: absolute; top: -200px; left: 50%; transform: translateX(-50%); width: 156px; height: 156px; box-sizing: border-box; padding: 8px; border-radius: 10px; background: #fff; }
.page_contact .contact_bar .contact_item .qrcode_card:after { content: ''; position: absolute; bottom: -32px; left: 50%; transform: translateX(-50%); width: 16px; height: 16px; box-sizing: border-box; border: 16px solid #fff; border-top-color: #fff; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; }
.page_contact .contact_bar .contact_item .qrcode_card .qrcode { display: block; width: 100%; height: 100%; }
.page_contact .contact_bar .contact_item:hover .qrcode_card { display: block; }
.page_contact .map_wrapper { position: relative; }
.page_contact .map_wrapper:after { content: ''; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(24, 24, 24, 0.4); }
.page_contact .map_block { width: 100%; height: 700px; }

.full_banner--example { position: relative; width: 100%; height: auto; }
.full_banner--example .thumb { position: relative; display: block; width: 100%; height: auto; }
.full_banner--example .box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.full_banner--example .tit_box { color: #fff; text-align: center; }
.full_banner--example .tit_box .title { font-size: 70px; line-height: 1; font-weight: bold; }
.full_banner--example .tit_box .sub { margin-top: 40px; font-size: 20px; line-height: 1; }
.full_banner--example .btn_contact { margin: 122px auto 0; display: block; width: 220px; height: 70px; box-sizing: border-box; border-radius: 35px; border: 1px solid #fff; text-align: center; line-height: 70px; font-size: 24px; color: #fff; }
.full_banner--example .btn_contact:hover { border-color: #37f5f3; background: #37f5f3; color: #fff; }
.full_banner--example .icon_mouse { position: absolute; left: 50%; bottom: 53px; transform: translateX(-50%); width: 36px; height: auto; }

.page_example { padding-top: 40px; padding-bottom: 52px; background: #181818; }
.page_example .example_nav { margin: 0 auto; width: 1380px; min-height: 50px; }
.page_example .example_nav .filter_group a { margin-right: 38px; height: 50px; padding: 0 22px; font-size: 18px; line-height: 50px; color: #fff; white-space: nowrap; }
.page_example .example_nav .filter_group a:hover, .page_example .example_nav .filter_group a.active { border-radius: 10px; background: #1C5EB0; }
.page_example .navigator-bar { margin: 0; width: auto; height: 50px; padding: 0; }
.page_example .navigator-bar .icon_navi { margin-right: 12px; width: 13px; height: 19px; }
.page_example .navigator-bar a, .page_example .navigator-bar span { display: inline-block; font-size: 16px; line-height: 48px; color: #fff; }

.example_block { padding-top: 50px; }
.example_block .example_list { margin: 0 auto; width: 1380px; }
.example_block .example_list .example_item { margin-right: 30px; margin-bottom: 40px; position: relative; width: 440px; height: 328px; overflow: hidden; }
.example_block .example_list .example_item:nth-child(3n) { margin-right: 0; }
.example_block .example_list .example_item .thumb { display: block; width: 440px; height: 328px; }
.example_block .example_list .example_item .laycover { position: absolute; top: 100%; left: 0; z-index: 5; width: 100%; height: 100%; transform: scale(0.1); background: rgba(0, 0, 0, 0.5); transition: all ease 0.3s; }
.example_block .example_list .example_item .laycover .name { font-size: 22px; line-height: 1; color: #fff; }
.example_block .example_list .example_item .laycover .icon_check { margin-top: 21px; width: 42px; height: 42px; }
.example_block .example_list .example_item .laycover .desc { margin-top: 20px; font-size: 16px; line-height: 1; color: #fff; }
.example_block .example_list .example_item:hover .laycover { top: 0; transform: scale(1); }

.full_banner--exampleDetail { position: relative; overflow: hidden; }
.full_banner--exampleDetail .thumb { display: block; width: 100%; }
.full_banner--exampleDetail .box { position: absolute; left: 50%; top: 370px; transform: translateX(-50%); color: #fff; text-align: center; }
.full_banner--exampleDetail .box .title { font-size: 60px; line-height: 1; font-weight: bold; }
.full_banner--exampleDetail .box .sub { margin-top: 40px; font-size: 30px; line-height: 1; }
.full_banner--exampleDetail .circle { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 1050px; height: 527px; background: url(../images/example/circle.png) no-repeat center; background-size: 100%; }
.full_banner--exampleDetail .circle .arrow { position: absolute; top: 313px; left: 50%; transform: translateX(-50%); width: 78px; height: 78px; border-radius: 50%; }
.full_banner--exampleDetail .circle .arrow .thumb { display: block; width: 30px; height: 30px; }

.page_exampleDetail { padding-bottom: 98px; background: #181818; overflow: hidden; }
.page_exampleDetail .thumb { margin: 0 auto; display: block; max-width: 100%; }

.page_operation--1 { background: url("../images/scheme/operation_1.jpg") no-repeat center top; background-size: cover; }
.page_operation--1 .page_content { margin: 0 auto; width: 1400px; box-sizing: border-box; padding-top: 332px; text-align: right; }
.page_operation--1 .page_content h3 { font-size: 78px; line-height: 1; color: #fff; font-weight: bold; }
.page_operation--1 .page_content h4 { margin-top: 40px; font-size: 18px; line-height: 36px; color: #fff; }
.page_operation--1 .page_content a { margin-top: 81px; display: inline-block; width: 180px; height: 70px; border-radius: 35px; background: #24D2C0; text-align: center; font-size: 20px; line-height: 70px; color: #fff; }

.page_operation--2 { position: relative; padding-top: 10%; background: url("../images/scheme/operation_2.jpg") no-repeat center top; background-size: cover; }
.page_operation--2:after { content: ''; position: absolute; left: 0; top: 247px; z-index: 1; width: 100%; height: 693px; background: url("../images/scheme/operation_2--center.png") no-repeat center; background-size: cover; }
.page_operation--2 .service_list { position: relative; z-index: 5; margin-top: 5%; width: 1380px; }
.page_operation--2 .service_list .service_item { margin-right: 30px; margin-bottom: 30px; width: 440px; height: 200px; box-sizing: border-box; padding: 39px 20px 0; border-radius: 20px; background: #fff; }
.page_operation--2 .service_list .service_item:nth-child(3n) { margin-right: 0; }
.page_operation--2 .service_list .service_item .icon { width: auto; max-width: 74px; }
.page_operation--2 .service_list .service_item .service_info { width: 300px; }
.page_operation--2 .service_list .service_item .service_info .service_title { font-size: 20px; line-height: 1; color: #181818; }
.page_operation--2 .service_list .service_item .service_info .service_desc { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-top: 14px; max-height: 104px; font-size: 14px; line-height: 26px; color: #848484; }
.page_operation--2 .service_list .service_item:nth-child(1) .icon { width: 68px; height: 60px; }
.page_operation--2 .service_list .service_item:nth-child(2) .icon { width: 63px; height: 52px; }
.page_operation--2 .service_list .service_item:nth-child(3) .icon { width: 74px; height: 59px; }
.page_operation--2 .service_list .service_item:nth-child(4) .icon { width: 70px; height: 59px; }
.page_operation--2 .service_list .service_item:nth-child(5) .icon { width: 69px; height: 53px; }
.page_operation--2 .service_list .service_item:nth-child(6) .icon { width: 74px; height: 59px; }
.page_operation--2 .service_list .service_item:nth-child(7) .icon { width: 66px; height: 56px; }
.page_operation--2 .service_list .service_item:nth-child(8) .icon { width: 63px; height: 50px; }
.page_operation--2 .service_list .service_item:nth-child(9) .icon { width: 63px; height: 46px; }

.page_operation--3 { position: relative; padding-top: 178px; background: url("../images/scheme/operation_3.png") no-repeat center top; background-size: cover; }
.page_operation--3 .chart { margin: 104px auto 0; width: auto; }
.page_operation--3 .chart .thumb { display: block; margin: 0 auto; width: auto; }
.page_operation--3 .btn_contact { margin: 5% auto 0; width: 340px; height: 80px; border-radius: 40px; background: linear-gradient(-49deg, #2983C8, #3FC9B0); font-size: 18px; color: #fff; line-height: 1; }
.page_operation--3 .btn_contact .icon { margin-right: 21px; width: 27px; height: 28px; }

.page_operation--4 { position: relative; padding-top: 181px; background: url("../images/scheme/operation_4.jpg") no-repeat center top; background-size: cover; }
.page_operation--4 .step_group { margin: 92px auto 0; position: relative; width: 1380px; }
.page_operation--4 .step_group:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; background: #fff; }
.page_operation--4 .step_group .step_item { position: relative; width: 162px; height: 536px; }
.page_operation--4 .step_group .step_item .icon_step { margin: 11px auto; width: 70px; height: 70px; }
.page_operation--4 .step_group .step_item .step_name { font-size: 18px; color: #fff; line-height: 1; }
.page_operation--4 .step_group .step_item:nth-child(odd):before { content: ''; position: absolute; bottom: 104px; left: 50%; transform: translateX(-50%); width: 1px; height: 157px; box-sizing: border-box; border-left: 1px dashed #fff; }
.page_operation--4 .step_group .step_item:nth-child(odd):after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; box-sizing: border-box; border-radius: 50%; background: #fff; }
.page_operation--4 .step_group .step_item:nth-child(even):before { content: ''; position: absolute; top: 104px; left: 50%; transform: translateX(-50%); width: 1px; height: 157px; box-sizing: border-box; border-left: 1px dashed #fff; }
.page_operation--4 .step_group .step_item:nth-child(even):after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; box-sizing: border-box; border-radius: 50%; background: #fff; }
.page_operation--4 .step_group .step_item:hover .icon_step { transition: all ease 0.3s; transform: scale(1.1); }

.page_operation--5 { position: relative; padding-top: 177px; background: url("../images/scheme/operation_5.jpg") no-repeat center top; background-size: cover; }
.page_operation--5 .faq_list { margin: 50px auto 0; max-width: 1380px; }
.page_operation--5 .faq_list .faq_item { margin-bottom: 39px; width: 620px; height: 157px; box-sizing: border-box; border-radius: 5px; padding: 30px 30px 0; background: #fff; }
.page_operation--5 .faq_list .faq_item .line_f { height: 26px; line-height: 26px; font-size: 18px; color: #000; }
.page_operation--5 .faq_list .faq_item .line_f .icon { margin-right: 20px; width: 26px; height: 26px; }
.page_operation--5 .faq_list .faq_item .line_f .txt { flex: 1; overflow: hidden; }
.page_operation--5 .faq_list .faq_item .line_q { margin-top: 24px; height: auto; line-height: 28px; font-size: 14px; color: #898989; }
.page_operation--5 .faq_list .faq_item .line_q .icon { margin-top: 3px; margin-right: 20px; width: 26px; height: 26px; }
.page_operation--5 .faq_list .faq_item .line_q .txt { flex: 1; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.page_operation--5 .link_group { padding-top: 11px; }
.page_operation--5 .link_group .link { margin: 0 70px; width: 300px; height: 80px; box-sizing: border-box; border-radius: 40px; border: 1px solid #fff; font-size: 18px; line-height: 26px; font-weight: bold; color: #fff; }
.page_operation--5 .link_group .link .icon { margin-right: 20px; width: 26px; height: 26px; }
.page_operation--5 .link_group .link .icon.icon_normal { display: inline-block; }
.page_operation--5 .link_group .link .icon.icon_active { display: none; }
.page_operation--5 .link_group .link:hover { background: #fff; color: #333; }
.page_operation--5 .link_group .link:hover .icon_normal { display: none; }
.page_operation--5 .link_group .link:hover .icon_active { display: inline-block; }

.page_mini--1 { position: relative; background: url("../images/scheme/mini_1.jpg") no-repeat center top; background-size: cover; }
.page_mini--1 .page_content { width: 1380px; height: 100vh; }
.page_mini--1 .page_content .card { width: 789px; height: 658px; box-sizing: border-box; padding: 120px 211px 0 89px; background: url("../images/scheme/mini_1--thumb.png") no-repeat center top; background-size: cover; }
.page_mini--1 .page_content .card .logo { display: block; width: 156px; }
.page_mini--1 .page_content .card .font { margin-top: 58px; }
.page_mini--1 .page_content .card .font .thumb { display: block; width: 258px; }

.page_mini--2 .left { width: 50%; height: 100vh; background: url("../images/scheme/mini_2--left.png") no-repeat center top; background-size: cover; }
.page_mini--2 .right { width: 50%; height: 100vh; background: url("../images/scheme/mini_2--right.png") no-repeat center top; background-size: cover; }
.page_mini--2 .right .right_top { box-sizing: border-box; padding: 214px 46px 0; }
.page_mini--2 .right .right_top .type_content { box-sizing: border-box; padding-left: 30px; }
.page_mini--2 .right .right_top .type_content .type_title { font-size: 22px; line-height: 1; color: #fff; }
.page_mini--2 .right .right_top .type_content .type_desc { margin-top: 50px; }
.page_mini--2 .right .right_top .type_content .type_desc .desc_item { position: relative; margin-bottom: 33px; box-sizing: border-box; padding-left: 22px; }
.page_mini--2 .right .right_top .type_content .type_desc .desc_item:last-child { margin-bottom: 0; }
.page_mini--2 .right .right_top .type_content .type_desc .desc_item:before { content: ''; position: absolute; top: 3px; left: 0; width: 14px; height: 14px; background: url("../images/scheme/icon_sldot.png") no-repeat center; background-size: 100%; }
.page_mini--2 .right .right_top .type_content .type_desc .desc_item .desc_title { font-size: 16px; line-height: 20px; color: #fff; }
.page_mini--2 .right .right_top .type_content .type_desc .desc_item .desc_content { margin-top: 10px; max-width: 580px; font-size: 14px; line-height: 28px; color: #fff; }
.page_mini--2 .right .right_btm { margin-top: 10%; box-sizing: border-box; padding: 0 46px; }
.page_mini--2 .right .right_btm .mini_type { margin-right: 2%; margin-bottom: 30px; width: 48%; height: 70px; box-sizing: border-box; border: 1px dashed #fff; font-size: 18px; line-height: 1; color: #fff; cursor: pointer; }
.page_mini--2 .right .right_btm .mini_type:nth-child(2n) { margin-right: 0; }
.page_mini--2 .right .right_btm .mini_type .icon { margin-left: 20px; }
.page_mini--2 .right .right_btm .mini_type:hover, .page_mini--2 .right .right_btm .mini_type.active { border: 1px solid #24D2C0; background: #24D2C0; }

.page_mini--3 { position: relative; padding-top: 280px; background: url("../images/scheme/mini_3.jpg") no-repeat center top; background-size: cover; }
.page_mini--3 .font { position: absolute; left: 50%; top: 199px; transform: translateX(-50%); }
.page_mini--3 .page_content { position: relative; z-index: 5; }
.page_mini--3 .swiper_fun { position: relative; margin: 20vh auto 0; width: 100vw; overflow: hidden; padding-bottom: 20vh; }
.page_mini--3 .swiper_fun .swiper_btns { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 1380px; }
.page_mini--3 .swiper_fun .swiper_btns .btn { margin-left: 30px; width: 70px; height: 70px; cursor: pointer; opacity: 0.8; }
.page_mini--3 .swiper_fun .swiper_btns .btn:hover { opacity: 1; }
.page_mini--3 .swiper-container { width: 100%; height: 174px; }
.page_mini--3 .swiper-container .swiper-slide { width: 345px; }
.page_mini--3 .swiper-container .fun_item { width: 345px; height: auto; }
.page_mini--3 .swiper-container .fun_item .name { font-size: 18px; line-height: 1; color: #8C97B3; text-align: center; }
.page_mini--3 .swiper-container .fun_item .center { position: relative; height: 78px; }
.page_mini--3 .swiper-container .fun_item .center:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 50%; height: 3px; box-sizing: border-box; border-bottom: 3px dashed rgba(36, 210, 192, 0.5); }
.page_mini--3 .swiper-container .fun_item .center:after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 50%; height: 3px; box-sizing: border-box; border-bottom: 3px dashed rgba(36, 210, 192, 0.5); }
.page_mini--3 .swiper-container .fun_item .center .dot { position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); width: 30px; height: 30px; border-radius: 50%; box-sizing: border-box; background: none; }
.page_mini--3 .swiper-container .fun_item .center .dot:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgba(36, 210, 192, 0.5); }
.page_mini--3 .swiper-container .fun_item .fun_desc { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 0 auto; max-width: 245px; height: 78px; font-size: 16px; color: #8C97B3; line-height: 26px; text-align: center; }
.page_mini--3 .swiper-container .swiper-slide-active .fun_item .name { color: #24D2C0; }
.page_mini--3 .swiper-container .swiper-slide-active .fun_item .center:before { border-color: #24D2C0; }
.page_mini--3 .swiper-container .swiper-slide-active .fun_item .center .dot { background: rgba(255, 255, 255, 0.2); }
.page_mini--3 .swiper-container .swiper-slide-active .fun_item .center .dot:before { border-color: #fff; background: #fff; }
.page_mini--3 .swiper-container .swiper-slide-active .fun_item .center .dot:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; border-radius: 50%; background: #24D2C0; }
.page_mini--3 .swiper-container .swiper-slide-active .fun_item .fun_desc { color: #E6E6E6; }

.page_iot--1 { position: relative; background: url("../images/scheme/iot_1.jpg") no-repeat center top; background-size: cover; }
.page_iot--1 .page_content { box-sizing: border-box; padding: 20% 270px 0; }
.page_iot--1 .page_content .title { font-size: 78px; line-height: 1; color: #fff; }
.page_iot--1 .page_content .desc { margin-top: 41px; font-size: 18px; line-height: 36rpx; color: #fff; }
.page_iot--1 .page_content .desc p { max-width: 705px; }
.page_iot--1 .page_content .btn_consult { margin-top: 82px; display: block; width: 180px; height: 70px; border-radius: 35px; background: #24D2C0; text-align: center; line-height: 70px; color: #fff; font-size: 20px; }

.page_iot--2 { position: relative; padding-top: 178px; background: url("../images/scheme/iot_2.png") no-repeat center top; background-size: cover; }
.page_iot--2 .page_content { margin-top: 90px; box-sizing: border-box; }
.page_iot--2 .page_content .pot_card { margin-right: 10px; width: 12%; max-width: 230px; height: 420px; box-sizing: border-box; padding: 0 20px; background: #D9D9D9; }
.page_iot--2 .page_content .pot_card:last-child { margin-right: 0; }
.page_iot--2 .page_content .pot_card .icon { margin-bottom: 20px; width: auto; height: 44px; }
.page_iot--2 .page_content .pot_card .name { font-size: 22px; line-height: 1; color: #033470; }
.page_iot--2 .page_content .pot_card .desc { display: none; margin-top: 16px; font-size: 16px; line-height: 26px; color: #033470; text-align: center; }
.page_iot--2 .page_content .pot_card:hover { background: #016BE3; }
.page_iot--2 .page_content .pot_card:hover .name { color: #fff; }
.page_iot--2 .page_content .pot_card:hover .desc { display: block; color: #fff; }
.page_iot--2 .page_content .pot_card--double { margin-right: 10px; width: 12%; max-width: 230px; }
.page_iot--2 .page_content .pot_card--double .pot_card { width: 100%; height: 205px; }
.page_iot--2 .page_content .pot_card--double .pot_card:first-child { margin-bottom: 10px; }

.page_iot--3 { position: relative; padding-top: 180px; background: url("../images/scheme/iot_3.jpg") no-repeat center top; background-size: cover; }
.page_iot--3 .left .left_item { margin-bottom: 150px; position: relative; width: 190px; height: 100px; box-sizing: border-box; border-radius: 50px; padding: 10px; background: rgba(206, 219, 255, 0.1); font-size: 16px; line-height: 24px; color: #fff; }
.page_iot--3 .left .left_item:last-child { margin-bottom: 0; }
.page_iot--3 .left .left_item:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 170px; height: 80px; border-radius: 40px; background: rgba(206, 219, 255, 0.1); }
.page_iot--3 .left .left_item .icon { margin-right: 22px; width: 20px; height: auto; }
.page_iot--3 .left_arrow { position: relative; margin-left: -10px; width: 163px; height: 500px; }
.page_iot--3 .left_arrow .line { position: absolute; left: 0; top: 0; width: 88px; height: 500px; }
.page_iot--3 .left_arrow .arrow { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.page_iot--3 .left_arrow .txt { width: 85px; color: #BEBEBF; text-align: center; font-size: 16px; line-height: 32px; }
.page_iot--3 .yun { margin-left: 10px; width: 240px; height: 240px; border-radius: 8px; box-sizing: border-box; padding: 10px; background: rgba(35, 111, 251, 0.2); }
.page_iot--3 .yun .yun_card { width: 100%; height: 220px; border-radius: 10px; box-sizing: border-box; padding: 30px 30px 0; background: #236FFB; }
.page_iot--3 .yun .icon_yun { width: 38px; height: auto; }
.page_iot--3 .yun .name { margin-top: 26px; font-size: 16px; line-height: 24px; color: #fff; font-weight: bold; }
.page_iot--3 .yun .desc { margin-top: 10px; font-size: 14px; line-height: 24px; color: #fff; }
.page_iot--3 .link { margin: 0 10px; }
.page_iot--3 .link .txt { font-size: 16px; line-height: 32px; color: #BEBEBF; text-align: center; }
.page_iot--3 .link .arrow { margin: 8px 0; display: block; width: 112px; height: auto; }
.page_iot--3 .link .arrow-btm { margin-top: 19px; }
.page_iot--3 .middle { width: 150px; height: 90px; border-radius: 45px; box-sizing: border-box; padding: 10px; background: rgba(35, 111, 251, 0.2); }
.page_iot--3 .middle .middle_card { width: 100%; height: 70px; border-radius: 35px; background: #236FFB; text-align: center; line-height: 70px; font-size: 16px; color: #fff; }
.page_iot--3 .link_right { margin: 0 10px; width: auto; }
.page_iot--3 .link_right .arrow { width: 73px; height: auto; }
.page_iot--3 .admin { position: relative; width: 180px; height: 180px; border-radius: 8px; box-sizing: border-box; padding: 10px; background: rgba(35, 111, 251, 0.2); }
.page_iot--3 .admin .card { width: 100%; height: 160px; border-radius: 10px; box-sizing: border-box; padding: 20px 20px 0; background: #236FFB; }
.page_iot--3 .admin .icon_yun { width: 26px; height: auto; }
.page_iot--3 .admin .name { margin-top: 26px; font-size: 16px; line-height: 24px; color: #fff; font-weight: bold; }
.page_iot--3 .admin .desc { margin-top: 10px; font-size: 14px; line-height: 24px; color: #fff; }
.page_iot--3 .admin .other { position: absolute; top: 210px; left: 50%; transform: translateX(-50%); width: 160px; box-sizing: border-box; paddding: 0 4px; font-size: 16px; line-height: 24px; color: #BDBEBF; }
.page_iot--3 .right_arrow { position: relative; width: 163px; height: 500px; }
.page_iot--3 .right_arrow .line { position: absolute; right: 0; top: 0; width: 89px; height: 510px; }
.page_iot--3 .right_arrow .arrow { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.page_iot--3 .end .end_item { margin-bottom: 70px; width: 180px; height: 180px; border-radius: 8px; box-sizing: border-box; padding: 10px; background: rgba(35, 111, 251, 0.2); }
.page_iot--3 .end .end_item:last-child { margin-bottom: 0; }
.page_iot--3 .end .end_item .card { width: 100%; height: 160px; border-radius: 10px; box-sizing: border-box; padding: 20px 10px 0 20px; background: #236FFB; }
.page_iot--3 .end .end_item .card .icon { margin-bottom: 12px; }
.page_iot--3 .end .end_item .card .name { font-size: 16px; line-height: 24px; color: #fff; }
.page_iot--3 .end .end_item .card .desc { margin-top: 10px; font-size: 14px; line-height: 24px; color: #fff; }

.page_business--1 { padding-top: 30vh; background: url("../images/scheme/business_1.jpg") no-repeat center top; background-size: cover; }
.page_business--1 .page_content { box-sizing: border-box; padding: 0 270px; }
.page_business--1 .page_content .title { font-size: 78px; line-height: 1; color: #fff; }
.page_business--1 .page_content .desc { margin-top: 40px; text-align: right; font-size: 18px; line-height: 36px; color: #fff; }
.page_business--1 .page_content .btn_consult { margin-top: 117px; display: block; width: 180px; height: 70px; border-radius: 35px; background: #24D2C0; text-align: center; line-height: 70px; color: #fff; font-size: 20px; }
.page_business--1 .page_content .btn_consult:hover { background: #fff; color: #24D2C0; }

.page_business--2 { padding-top: 178PX; background: url("../images/scheme/business_2.jpg") no-repeat center top; background-size: cover; }
.page_business--2 .page_content { margin-top: 90px; }
.page_business--2 .list { margin: 0 auto; width: 1380px; box-sizing: border-box; }
.page_business--2 .list .link { margin-right: 70px; margin-bottom: 50px; width: 220px; height: 100px; border-radius: 5px; box-sizing: border-box; background: #fff; box-shadow: 0px 7px 21px 0px rgba(43, 212, 227, 0.25); font-size: 18px; color: #181818; line-height: 1; }
.page_business--2 .list .link .icon { margin-right: 19px; width: 46px; }
.page_business--2 .list .link:nth-child(5n) { margin-right: 0; }

.page_business--3 { padding-top: 178PX; background: url("../images/scheme/business_3.jpg") no-repeat center top; background-size: cover; }
.page_business--3 .page_content { margin-top: 68px; }
.page_business--3 .list .item { margin-right: 80px; margin-bottom: 70px; width: 630px; height: 280px; box-sizing: border-box; padding: 0 60px; }
.page_business--3 .list .item .info .name { position: relative; padding-bottom: 15px; font-size: 28px; line-height: 1; }
.page_business--3 .list .item .info .name:after { content: ''; position: absolute; bottom: 0; width: 40px; height: 4px; }
.page_business--3 .list .item .info .desc { margin-top: 28px; font-size: 18px; line-height: 30px; }
.page_business--3 .list .item:nth-child(1) { background: #24D2C0; }
.page_business--3 .list .item:nth-child(1) .info { text-align: right; color: #fff; }
.page_business--3 .list .item:nth-child(1) .info .name:after { right: 0; background: #fff; }
.page_business--3 .list .item:nth-child(2) { margin-right: 0; background: #fff; }
.page_business--3 .list .item:nth-child(2) .info { text-align: left; color: #24D2C0; }
.page_business--3 .list .item:nth-child(2) .info .name:after { left: 0; background: #24D2C0; }
.page_business--3 .list .item:nth-child(3) { background: #fff; }
.page_business--3 .list .item:nth-child(3) .info { text-align: right; color: #24D2C0; }
.page_business--3 .list .item:nth-child(3) .info .name:after { right: 0; background: #24D2C0; }
.page_business--3 .list .item:nth-child(4) { margin-right: 0; background: #24D2C0; }
.page_business--3 .list .item:nth-child(4) .info { text-align: left; color: #fff; }
.page_business--3 .list .item:nth-child(4) .info .name:after { left: 0; background: #fff; }

.page_web--1 { background: url("../images/scheme/web_1.jpg") no-repeat center top; }

.page_web--2 .left { box-sizing: border-box; padding: 0 28px; background: url("../images/scheme/web_2--left.jpg") no-repeat center top; }
.page_web--2 .left .thumb_pc { width: 100%; height: auto; }

.page_web--3 { padding-top: 178px; background: url("../images/scheme/web_3.jpg") no-repeat center top; }
.page_web--3 .list { margin: 99px auto 0; max-width: 1380px; }
.page_web--3 .list .item { margin-right: 30px; margin-bottom: 30px; width: 440px; height: 170px; box-sizing: border-box; padding: 47px 45px 0 28px; border-radius: 20px; background: #fff; }
.page_web--3 .list .item:hover { transition: all ease 0.3s; transform: scale(1.05); }
.page_web--3 .list .item:nth-child(3n) { margin-right: 0; }
.page_web--3 .list .item .icon { margin-right: 20px; width: 66px; height: auto; }
.page_web--3 .list .item .item_info { flex: 1; overflow: hidden; }
.page_web--3 .list .item .item_info .name { font-size: 20px; line-height: 1; color: #181818; font-weight: bold; }
.page_web--3 .list .item .item_info .desc { margin-top: 14px; height: 52px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 16pxpx; line-height: 26px; color: #848484; }

.page_app--1 { background: url("../images/scheme/app_1.jpg") no-repeat center top; }

.page_app--2 { padding-top: 178px; background: #123283; }
.page_app--2 .page_content { margin-top: 46px; box-sizing: border-box; padding: 0 270px; }
.page_app--2 .list .item { margin-bottom: 30px; width: 33.3333%; height: 320px; box-sizing: border-box; padding: 19px 20px 0; border-right: 1px solid #606060; border-bottom: 3px solid #fff; transition: all ease 0.3s; background: #fff; }
.page_app--2 .list .item:nth-child(3n) { border-right: none; }
.page_app--2 .list .item .icon { display: block; margin: 0 auto; width: 119px; height: 119px; }
.page_app--2 .list .item .icon.icon_normal { display: block; }
.page_app--2 .list .item .icon.icon_active { display: none; transform: rotate(0); }
.page_app--2 .list .item .name { margin-top: 32px; text-align: center; font-size: 18px; line-height: 1; color: #181818; }
.page_app--2 .list .item .desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-top: 14px; height: 48px; text-align: center; font-size: 14px; line-height: 24px; color: #181818; }
.page_app--2 .list .item .link { margin: 10px auto 0; display: block; width: 120px; height: 40px; box-sizing: border-box; border-radius: 20px; border: 1px solid #24D2C0; text-align: center; line-height: 38px; font-size: 16px; color: #24D2C0; }
.page_app--2 .list .item .link:hover { background: #24D2C0; color: #fff; }
.page_app--2 .list .item:hover { border-color: #24D2C0; }
.page_app--2 .list .item:hover .icon_normal { display: none; }
.page_app--2 .list .item:hover .icon_active { display: block; animation: showRotate 0.5s; }
.page_app--2 .list .item:hover .name { color: #24D2C0; }

@keyframes showRotate { 0% { display: block; transform: rotate(90deg); }
  25% { transform: rotate(180deg); }
  50% { transform: rotate(270deg); }
  100% { transform: rotate(360deg); } }
.page_app--3 .page_content { width: 100%; }
.page_app--3 .page_content .card { position: relative; flex: 1; height: 100vh; background-repeat: no-repeat; background-position: center; background-size: cover; }
.page_app--3 .page_content .card:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all ease 0.3s; background: rgba(0, 0, 0, 0.75); }
.page_app--3 .page_content .card:hover:before { background: rgba(0, 0, 0, 0); }
.page_app--3 .page_content .card .inner { position: relative; z-index: 5; width: 100%; height: 100vh; box-sizing: border-box; padding: 0 45px; }
.page_app--3 .page_content .card .icon { width: 116px; height: 116px; }
.page_app--3 .page_content .card .name { margin-top: 50px; font-size: 34px; line-height: 1; color: #fff; font-weight: bold; }
.page_app--3 .page_content .card .desc { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-top: 18px; height: 144px; font-size: 22px; line-height: 48px; color: #fff; text-align: center; }

.page_404 { min-height: 100vh; box-sizing: border-box; padding-top: 15%; padding-bottom: 10%; background: #032E63; }
.page_404 .block_404 { margin: 0 auto; max-width: 1400px; box-sizing: border-box; padding: 0 10px; }
.page_404 .block_404 .left_img { margin-right: 264px; width: 554px; height: auto; }
.page_404 .block_404 .right_block .img_404 { width: 272px; height: auto; }
.page_404 .block_404 .right_block .first_title { margin-top: 50px; font-size: 60px; line-height: 1; color: #fff; font-weight: bold; }
.page_404 .block_404 .right_block .sed_title { margin-top: 38px; font-size: 22px; line-height: 1; color: #fff; }
.page_404 .block_404 .right_block .link { margin-top: 56px; display: block; width: 260px; height: 70px; border-radius: 35px; background: #009CE7; text-align: center; line-height: 70px; font-size: 20px; color: #fff; }

@media screen and (max-width: 1400px) { .page5 .step_content { height: 350px; }
  .page5 .step_content .step_item .dot { margin: 0 auto; }
  .page5 .step_content .step_item:nth-child(1) { bottom: 6%; }
  .page5 .step_content .step_item:nth-child(2) { bottom: 42%; }
  .page5 .step_content .step_item:nth-child(3) { bottom: 63%; }
  .page5 .step_content .step_item:nth-child(4) { bottom: 73%; }
  .page5 .step_content .step_item:nth-child(5) { bottom: 74%; }
  .page5 .step_content .step_item:nth-child(6) { bottom: 67%; }
  .page5 .step_content .step_item:nth-child(7) { bottom: 51%; }
  .page5 .step_content .step_item:nth-child(8) { bottom: 22%; }
  .page_about--floor4 { padding-top: 220px; }
  .page_about--floor4 .font { top: 15%; }
  .page_app--2 .list .item { height: 240px; padding-top: 12px; }
  .page_app--2 .list .item .icon { width: 80px; height: 80px; }
  .page_app--2 .list .item .name { margin-top: 20px; }
  .page_app--2 .list .item .desc { margin-top: 10px; }
  .page_app--2 .list .item .link { width: 80px; height: 32px; line-height: 30px; font-size: 14px; }
  .page_app--3 .page_content .card .name { font-size: 28px; }
  .page_app--3 .page_content .card .desc { font-size: 18px; }
  .page_operation--4 .step_group { margin-top: 64px; }
  .page_operation--4 .step_group .step_item { height: 440px; }
  .page_operation--4 .step_group .step_item:nth-child(odd):before { height: 120px; }
  .page_operation--4 .step_group .step_item:nth-child(even):before { height: 120px; }
  .page_web--3 { padding-top: 160px; }
  .page_web--3 .list { margin-top: 80px; }
  .page_web--3 .list .item { width: 400px; height: 140px; padding: 30px 30px 0; }
  .page_web--3 .list .item .icon { width: 56px; }
  .page_operation--2 .service_list .service_item { margin-bottom: 20px; margin-right: 20px; width: 400px; height: 180px; padding-top: 24px; }
  .page_operation--2 .service_list .service_item .service_info { flex: 1; overflow: hidden; padding-left: 12px; }
  .page_operation--3 { padding-top: 160px; }
  .page_operation--3 .chart .thumb { width: 1200px; }
  .page_operation--3 .btn_contact { margin: 5% auto 0; width: 280px; height: 56px; border-radius: 40px; background: linear-gradient(-49deg, #2983C8, #3FC9B0); font-size: 18px; color: #fff; line-height: 1; }
  .page_business--2 .list .link { margin-right: 32px; margin-bottom: 32px; }
  .page_business--3 .list .item { width: 520px; height: 220px; padding: 0 44px; }
  .page_business--3 .list .item .icon { width: 100px; }
  .page_business--3 .list .item .info { flex: 1; }
  .page_iot--3 { padding-top: 160px; } }
@media screen and (min-width: 1401px) and (max-width: 1919px) { .page5 .step_content { margin-bottom: -80px; } }

/*# sourceMappingURL=main.css.map */
