@font-face { font-family: "OM"; src: url("/cn/fonts/Oswald-Medium.ttf") format("truetype"); } @font-face { font-family: "sm"; src: url("/cn/fonts/simsun.ttf") format("truetype"); } /********************************* header STRAT ********************************/ .header .head_top { border-bottom: 1px solid #eeeeee; } .header .head_top .center { height: 107px; } .header .head_top .head_logo { width: 76px; } .header .head_top .head_logo .picture_container { padding-top: 90.78947%; } .header .head_top .head_search { width: 47.66667%; } .header .head_top .head_search .head_search_input { height: 44px; border-radius: 5px; background-color: #ffffff; border: solid 1px #26a6ff; border-right: 0; margin-bottom: 12px; } .header .head_top .head_search .head_search_input input { padding: 0 20px; font-size: 14px; color: #bbbbbb; line-height: 42px; } .header .head_top .head_search .head_search_input input::-webkit-input-placeholder { color: #bbbbbb; } .header .head_top .head_search .head_search_input input:-moz-placeholder { color: #bbbbbb; } .header .head_top .head_search .head_search_input input:-ms-input-placeholder { color: #bbbbbb; } .header .head_top .head_search .head_search_input input::placeholder { color: #bbbbbb; } .header .head_top .head_search .head_search_input .btn { width: 70px; cursor: pointer; border-radius: 5px; text-align: center; border: solid 1px #26a6ff; background-color: #26a6ff; } .header .head_top .head_search .head_search_input .btn .iconfont { font-size: 21px; color: #ffffff; } .header .head_top .head_search .head_hots { color: #999999; font-size: 12px; } .header .head_top .head_search .head_hots .block { cursor: pointer; } .header .head_top .head_search .head_hots .block:not(:nth-of-type(1)) { margin-left: 25px; } .header .head_top .head_search .head_hots .block.active { color: #26a6ff; } .header .head_top .head_tel .name { color: #bbbbbb; letter-spacing: 1px; line-height: 20px; } .header .head_top .head_tel .name .iconfont { margin-right: 8px; font-size: 20px; } .header .head_top .head_tel .number { margin-top: 5px; color: #26a6ff; font-size: 22px; font-weight: bold; } .header .head_bottom .head_nav .block { position: relative; } .header .head_bottom .head_nav .block .name { height: 72px; font-size: 18px; line-height: 72px; position: relative; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .header .head_bottom .head_nav .block .name:after { content: " "; position: absolute; left: 50%; bottom: 0; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); width: 0; height: 0; border-bottom: 0 solid #26a6ff; border-left: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid transparent; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .header .head_bottom .head_nav .block.active .name, .header .head_bottom .head_nav .block:hover .name { color: #26a6ff; } .header .head_bottom .head_nav .block.active .name:after, .header .head_bottom .head_nav .block:hover .name:after { border-bottom: 10px solid #26a6ff; } .header .head_bottom .head_nav .block .line_bottom { display: none; position: absolute; top: 72px; left: 50%; margin-left: calc(100% - 200%); padding: 45px 40px; z-index: 5; background-color: rgba(255, 255, 255, 0.8); } .header .head_bottom .head_nav .block .line_bottom .line { white-space: nowrap; color: #666666; font-size: 18px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .header .head_bottom .head_nav .block .line_bottom .line:not(:first-child) { margin-top: 35px; } .header .head_bottom .head_nav .block .line_bottom .line.active, .header .head_bottom .head_nav .block .line_bottom .line:hover { color: #26a6ff; } /********************************* header END ********************************/ /********************************* footer STRAT ********************************/ .footer { background-color: #0f1828; } .footer .footer_top { border-bottom: 1px solid #0a101b; } .footer .footer_top .center { height: 160px; } .footer .footer_top .block { color: #ffffff; } .footer .footer_top .block .icon { width: 60px; height: 60px; font-size: 25px; line-height: 60px; border-radius: 50%; text-align: center; border: solid 1px #ffffff; margin-right: 25px; } .footer .footer_top .block .txt .name { font-size: 18px; font-weight: bold; margin-bottom: 13px; } .footer .footer_top .block .txt .tags { font-size: 14px; opacity: 0.6; } .footer .foot_bottom { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid #0a101b; padding: 78px 0 65px; } .footer .foot_bottom .bottom_left { padding-right: 7.5%; width: 56.66667%; border-right: 1px solid rgba(255, 255, 255, 0.1); } .footer .foot_bottom .bottom_left .title { font-size: 18px; color: #ffffff; margin-bottom: 30px; } .footer .foot_bottom .bottom_left .line { width: 103px; height: 40px; line-height: 40px; font-size: 14px; border-radius: 2px; text-align: center; color: rgba(255, 255, 255, 0.3); background-color: rgba(9, 15, 25, 0.5); } .footer .foot_bottom .bottom_left .line:not(:nth-child(5n)) { margin-right: 18px; } .footer .foot_bottom .bottom_left .line:nth-child(n+6) { margin-top: 18px; } .footer .foot_bottom .bottom_right .foot_weixin { margin-right: 120px; } .footer .foot_bottom .bottom_right .foot_weixin .title { font-size: 18px; color: #ffffff; margin-bottom: 35px; } .footer .foot_bottom .bottom_right .foot_weixin .weixin_img { width: 132px; height: 132px; padding: 7px; border-radius: 10px; border: solid 1px rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.1); } .footer .foot_bottom .bottom_right .foot_weixin .weixin_img .picture_container { padding-top: 100%; } .footer .foot_bottom .bottom_right .foot_tel .title { font-size: 18px; color: #ffffff; margin-bottom: 35px; } .footer .foot_bottom .bottom_right .foot_tel .tel_line { color: #ffffff; } .footer .foot_bottom .bottom_right .foot_tel .tel_line:nth-child(1) { margin-bottom: 30px; } .footer .foot_bottom .bottom_right .foot_tel .tel_line:nth-child(2) { margin-bottom: 30px; } .footer .foot_bottom .bottom_right .foot_tel .tel_line .iconfont { font-size: 17px; margin-top: 4px; margin-right: 14px; } .footer .foot_bottom .bottom_right .foot_tel .tel_line .txt .tags { font-size: 20px; margin-bottom: 5px; font-weight: bold; } .footer .foot_bottom .bottom_right .foot_tel .tel_line .txt .abstract { opacity: 0.3; font-size: 14px; } .footer .foot_nav { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff; } .footer .foot_nav .center { height: 78px; } .footer .foot_nav .center .link:not(:nth-child(2)) { margin-left: 40px; } .footer .footer_tags { height: 70px; font-size: 12px; background-color: #090f19; color: rgba(255, 255, 255, 0.5); } .footer .footer_tags .web_link { margin-left: 5px; padding-left: 5px; border-left: 1px solid rgba(255, 255, 255, 0.5); } /********************************* footer END ********************************/ /********************************* index STRAT ********************************/ .index .index_banner .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 25px; } .index .index_banner .swiper-button-next, .index .index_banner .swiper-button-prev { opacity: 1; width: 55px; height: 55px; color: #ffffff; line-height: 55px; text-align: center; background-image: none; background-color: rgba(0, 0, 0, 0.26); -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .index .index_banner .swiper-button-next:hover, .index .index_banner .swiper-button-prev:hover { background-color: #26a6ff; } .index .index_banner .swiper-button-next { right: 0; font-size: 24px; } .index .index_banner .swiper-button-prev { left: 0; } .index .index_banner .swiper-pagination-bullet { margin: 0 15px; width: 50px; height: 3px; opacity: 0.5; border-radius: 0; background-color: #ffffff; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .index .index_banner .swiper-pagination-bullet-active { opacity: 1; } .index .index_title { text-align: center; margin-bottom: 50px; } .index .index_title .cn { font-size: 36px; font-weight: bold; letter-spacing: 1px; line-height: 37px; } .index .index_title .cn .titlecolor { color: #26a6ff; } .index .index_title .abstract { margin-top: 22px; color: #bbbbbb; } .index .index_more { width: 200px; height: 57px; color: #26a6ff; margin: 0 auto; margin-top: 60px; line-height: 55px; text-align: center; border-radius: 29px; border: solid 1px #26a6ff; background-color: #ffffff; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .index .index_more:hover { color: #ffffff; background-color: #26a6ff; } .index .main1 { padding: 80px 0 158px; background: #f9fcff url("/cn/images/public/index_main1_bg.png") no-repeat center 127%; } .index .main1 .centent .main1_form { height: 70px; border-radius: 5px; margin-bottom: 34px; background-color: #ffffff; border: solid 1px #26a6ff; box-shadow: 0px 1px 9px 0px rgba(159, 159, 159, 0.07); } .index .main1 .centent .main1_form .main1_form_input { color: #bbbbbb; width: 33%; padding-left: 30px; line-height: 22px; } .index .main1 .centent .main1_form .main1_form_input:not(:first-child) { padding-left: 75px; border-left: 1px solid #e5e5e5; } .index .main1 .centent .main1_form .main1_form_input .iconfont { font-size: 24px; margin-right: 16px; } .index .main1 .centent .main1_form .main1_form_input input { font-size: 16px; } .index .main1 .centent .main1_form .main1_form_input input::-webkit-input-placeholder { color: #bbbbbb; } .index .main1 .centent .main1_form .main1_form_input input:-moz-placeholder { color: #bbbbbb; } .index .main1 .centent .main1_form .main1_form_input input:-ms-input-placeholder { color: #bbbbbb; } .index .main1 .centent .main1_form .main1_form_input input::placeholder { color: #bbbbbb; } .index .main1 .centent .main1_form .btn { width: 160px; cursor: pointer; color: #ffffff; font-size: 16px; font-weight: bold; background-color: #26a6ff; border-radius: 0px 5px 5px 0px; } .index .main1 .centent .main1_line { padding: 40px; height: 250px; background-color: #ffffff; border-radius: 5px; } .index .main1 .centent .main1_line .box { width: 44.28571%; } .index .main1 .centent .main1_line .box .title { margin-bottom: 21px; } .index .main1 .centent .main1_line .box .title .icon { margin-right: 14px; } .index .main1 .centent .main1_line .box .title .txt { font-size: 18px; letter-spacing: 1px; } .index .main1 .centent .main1_line .box .title .txt span { color: #26a6ff; font-weight: bold; } .index .main1 .centent .main1_line .box .block { height: 120px; font-size: 16px; color: #888888; overflow: hidden; line-height: 42px; } .index .main1 .centent .main1_line .box .block .line { -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .index .main1 .centent .main1_line .box .block .line:hover { color: #26a6ff; } .index .main1 .centent .main1_line .box .block .line .icon { width: 8px; height: 8px; border-radius: 50%; margin-right: 15px; background-color: #26a6ff; } .index .main1 .centent .main1_line .box .block .line .txt { width: 95%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .index .main1 .centent .main1_line .box li .txt { letter-spacing: 1px; } .index .main2 { padding: 80px 0; } .index .main2 .content .block { padding-top: 70px; width: 23.33333%; height: 380px; border-radius: 5px; overflow: hidden; color: #ffffff; text-align: center; } .index .main2 .content .block:nth-child(1) { background-image: url("/cn/images/public/index_service01.png"); } .index .main2 .content .block:nth-child(2) { background-image: url("/cn/images/public/index_service02.png"); } .index .main2 .content .block:nth-child(3) { background-image: url("/cn/images/public/index_service03.png"); } .index .main2 .content .block:nth-child(4) { background-image: url("/cn/images/public/index_service04.png"); } .index .main2 .content .block .name { font-size: 22px; font-weight: bold; margin-bottom: 25px; } .index .main2 .content .block .icon { width: 20px; height: 3px; margin: 0 auto; background-color: #ffffff; } .index .main2 .content .block .abstract { margin-top: 20px; line-height: 32px; } .index .main2 .content .block .btn { width: 110px; height: 40px; line-height: 38px; border-radius: 20px; margin: 0 auto; margin-top: 55px; border: solid 1px #ffffff; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: rgba(255, 255, 255, 0.1); } .index .main2 .content .block .btn:hover { border: solid 1px #26a6ff; background-color: #26a6ff; } .index .main2 .content .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .index .main2 .content .block:nth-child(2) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .index .main2 .content .block:nth-child(3) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .index .main2 .content .block:nth-child(4) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .index .main3 { padding: 70px 0 80px; } .index .main3 .content .btn { width: 90px; height: 36px; color: #26a6ff; font-size: 14px; line-height: 34px; text-align: center; border-radius: 18px; border: solid 1px #26a6ff; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .index .main3 .content .btn:hover { color: #ffffff; background-color: #26a6ff; } .index .main3 .content .left_big { padding: 35px 0 0 32px; width: 24.16667%; background-image: url("/cn/images/public/index_business01.png"); } .index .main3 .content .left_big .btn { width: 110px; height: 40px; font-size: 16px; line-height: 40px; } .index .main3 .content .left_big .name { font-size: 20px; font-weight: bold; letter-spacing: 1px; color: #2c617f; } .index .main3 .content .left_big .tags { margin-top: 20px; font-size: 14px; color: #5c86a1; margin-bottom: 42px; } .index .main3 .content .box { width: 49.16667%; } .index .main3 .content .box .block { width: 49.15254%; padding: 30px 0 25px 30px; position: relative; border-radius: 10px; overflow: hidden; } .index .main3 .content .box .block .title { margin-bottom: 20px; } .index .main3 .content .box .block .title .name { font-size: 18px; } .index .main3 .content .box .block .title .small_name { border-left: 1px solid #eeeeee; margin-left: 10px; padding-left: 10px; color: #666666; font-size: 14px; } .index .main3 .content .box .block .title .small_name span { font-weight: bold; color: #26a6ff; } .index .main3 .content .box .block .tags { margin-bottom: 45px; font-size: 14px; color: #bbbbbb; } .index .main3 .content .box .block:nth-child(odd) { margin-right: 1.69492%; } .index .main3 .content .box .block:nth-child(1) { background-image: url("/cn/images/public/index_business_small01.png"); } .index .main3 .content .box .block:nth-child(2) { background-image: url("/cn/images/public/index_business_small02.png"); } .index .main3 .content .box .block:nth-child(3) { margin-top: 8px; background-image: url("/cn/images/public/index_business_small03.png"); } .index .main3 .content .box .block:nth-child(4) { margin-top: 8px; background-image: url("/cn/images/public/index_business_small04.png"); } .index .main3 .content .box .block .icon { position: absolute; right: 0; top: 0; border-radius: 10px; text-align: center; } .index .main3 .content .right_txt { border-radius: 5px; width: 24.16667%; background: #ffffff url("/cn/images/public/index_business_bg.png") no-repeat center bottom; padding: 32px 0; } .index .main3 .content .right_txt .title { padding-right: 25px; padding-left: 30px; margin-bottom: 25px; } .index .main3 .content .right_txt .title .name { font-size: 20px; font-weight: bold; } .index .main3 .content .right_txt .title .icon { width: 21px; height: 21px; line-height: 18px; border-radius: 50%; text-align: center; font-size: 14px; border: solid 1px #eeeeee; } .index .main3 .content .right_txt .title .icon .iconfont { color: #f8c301; margin-left: 1px; } .index .main3 .content .right_txt .right_box { height: 206px; padding-left: 30px; padding-right: 25px; overflow-y: auto; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ } .index .main3 .content .right_txt .right_box .right_block { position: relative; padding-bottom: 40px; padding-left: 30px; } .index .main3 .content .right_txt .right_box .right_block .name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 15px; line-height: 16px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .index .main3 .content .right_txt .right_box .right_block .abstract { font-size: 12px; color: #bbbbbb; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; max-height: 48px; min-height: 48px; } .index .main3 .content .right_txt .right_box .right_block:after { content: " "; position: absolute; width: 15px; height: 15px; left: 0; top: 0; border-radius: 50%; background-color: #ffffff; border: solid 1px #eeeeee; } .index .main3 .content .right_txt .right_box .right_block:before { content: " "; position: absolute; top: 0; width: 1px; left: 8px; height: 100%; background-color: #eeeeee; } .index .main3 .content .right_txt .right_box .right_block:hover .name { color: #26a6ff; } .index .main3 .content .right_txt .right_box::-webkit-scrollbar { display: none; /* Chrome Safari */ } .index .main3 .content .right_txt .btn { width: 110px; height: 40px; margin-top: 50px; line-height: 38px; margin-left: 30px; border-radius: 20px; background-color: #ffffff; } .index .main3 .content .right_txt .btn:hover { color: #ffffff; background-color: #26a6ff; } .index .main5 { padding: 70px 0 80px; background: url("/cn/images/public/index_finance_bg.png"); } .index .main5 .content .btn { width: 90px; height: 36px; color: #26a6ff; font-size: 14px; line-height: 34px; text-align: center; border-radius: 18px; border: solid 1px #26a6ff; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .index .main5 .content .btn:hover { color: #ffffff; background-color: #26a6ff; } .index .main5 .content .left_big { padding: 35px 0 0 32px; width: 24.16667%; background-image: url("/cn/images/public/index_finance_big.png"); } .index .main5 .content .left_big .btn { width: 110px; height: 40px; line-height: 38px; border-radius: 20px; } .index .main5 .content .left_big .name { font-size: 20px; font-weight: bold; letter-spacing: 1px; color: #2c617f; } .index .main5 .content .left_big .tags { margin-top: 20px; font-size: 14px; color: #5c86a1; margin-bottom: 42px; } .index .main5 .content .box { width: 49.16667%; } .index .main5 .content .box .block { width: 49.15254%; padding: 30px 0 25px 30px; position: relative; border-radius: 10px; overflow: hidden; } .index .main5 .content .box .block .title { margin-bottom: 20px; } .index .main5 .content .box .block .title .name { font-size: 18px; } .index .main5 .content .box .block .title .small_name { border-left: 1px solid #eeeeee; margin-left: 10px; padding-left: 10px; color: #666666; font-size: 14px; } .index .main5 .content .box .block .title .small_name span { font-weight: bold; color: #26a6ff; } .index .main5 .content .box .block .tags { margin-bottom: 45px; font-size: 14px; color: #bbbbbb; } .index .main5 .content .box .block:nth-child(odd) { margin-right: 1.69492%; } .index .main5 .content .box .block:nth-child(1) { background-image: url("/cn/images/public/index_finance_small01.png"); } .index .main5 .content .box .block:nth-child(2) { background-image: url("/cn/images/public/index_finance_small02.png"); } .index .main5 .content .box .block:nth-child(3) { margin-top: 8px; background-image: url("/cn/images/public/index_finance_small03.png"); } .index .main5 .content .box .block:nth-child(4) { margin-top: 8px; background-image: url("/cn/images/public/index_finance_small04.png"); } .index .main5 .content .box .block .icon { position: absolute; right: 0; top: 0; border-radius: 10px; text-align: center; } .index .main5 .content .right_txt { border-radius: 5px; width: 24.16667%; background: #ffffff url("/cn/images/public/index_business_bg.png") no-repeat center bottom; padding: 32px 0; } .index .main5 .content .right_txt .title { padding-right: 25px; padding-left: 30px; margin-bottom: 25px; } .index .main5 .content .right_txt .title .name { font-size: 20px; font-weight: bold; } .index .main5 .content .right_txt .title .icon { width: 21px; height: 21px; line-height: 18px; border-radius: 50%; text-align: center; font-size: 14px; border: solid 1px #eeeeee; } .index .main5 .content .right_txt .title .icon .iconfont { color: #f8c301; margin-left: 1px; } .index .main5 .content .right_txt .right_box { height: 206px; padding-left: 30px; padding-right: 25px; overflow-y: auto; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ } .index .main5 .content .right_txt .right_box .right_block { position: relative; padding-bottom: 40px; padding-left: 30px; } .index .main5 .content .right_txt .right_box .right_block .name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 15px; line-height: 16px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .index .main5 .content .right_txt .right_box .right_block .abstract { font-size: 12px; color: #bbbbbb; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; max-height: 48px; min-height: 48px; } .index .main5 .content .right_txt .right_box .right_block:after { content: " "; position: absolute; width: 15px; height: 15px; left: 0; top: 0; border-radius: 50%; background-color: #ffffff; border: solid 1px #eeeeee; } .index .main5 .content .right_txt .right_box .right_block:before { content: " "; position: absolute; top: 0; width: 1px; left: 8px; height: 100%; background-color: #eeeeee; } .index .main5 .content .right_txt .right_box .right_block:hover .name { color: #26a6ff; } .index .main5 .content .right_txt .right_box::-webkit-scrollbar { display: none; /* Chrome Safari */ } .index .main5 .content .right_txt .btn { width: 110px; height: 40px; margin-top: 50px; line-height: 38px; margin-left: 30px; border-radius: 20px; background-color: #ffffff; } .index .main5 .content .right_txt .btn:hover { color: #ffffff; background-color: #26a6ff; } .index .main6 { padding: 70px 0 90px; background-image: url("/cn/images/public/index_advantage_bg.png"); } .index .main6 .title { color: #ffffff; text-align: center; margin-bottom: 55px; } .index .main6 .title .name { font-size: 36px; font-weight: bold; margin-bottom: 15px; } .index .main6 .title .tags { opacity: 0.8; } .index .main6 .content .center { width: 1220px; background-image: url("/cn/images/public/index_advantage_bg01.png"); background-size: 100%; background-position: top center; height: 490px; } .index .main6 .content .center .block { width: 155px; height: 270px; background-color: #ffffff; position: relative; } .index .main6 .content .center .block:before { content: " "; width: 0; height: 0; position: absolute; top: 0; left: -77px; border-top: 135px solid transparent; border-bottom: 135px solid transparent; border-right: 77px #ffffff solid; border-left: none; } .index .main6 .content .center .block:after { content: " "; width: 0; height: 0; position: absolute; top: 0; right: -77px; border-top: 135px solid transparent; border-bottom: 135px solid transparent; border-right: none; border-left: 77px #ffffff solid; } .index .main6 .content .center .block .abstract { position: absolute; left: 50%; margin-left: -155px; top: 22px; text-align: center; width: calc(100% + 155px); } .index .main6 .content .center .block .abstract .icon_round { width: 75px; height: 75px; color: #26a6ff; margin: 0 auto; font-size: 36px; line-height: 75px; text-align: center; border-radius: 50%; border: dashed 1px #26a6ff; } .index .main6 .content .center .block .abstract .name { margin-top: 22px; font-size: 18px; font-weight: bold; } .index .main6 .content .center .block .abstract .icon { width: 16px; height: 3px; margin: 0 auto; margin-top: 25px; margin-bottom: 20px; background-color: #26a6ff; } .index .main6 .content .center .block .abstract .txt { font-size: 14px; color: #666666; line-height: 28px; } .index .main6 .content .center .box_top { padding-top: 9px; width: 1045px; margin: 0 auto; } .index .main6 .content .center .box_bottom { width: 600px; margin: 0 auto; margin-top: -77px; } .index .main7 { padding: 80px 0; } .index .main7 .content .center { border-bottom: 1px solid #eeeeee; position: relative; } .index .main7 .content .center .picture_scale { overflow: inherit; } .index .main7 .content .block { width: 30.83333%; padding-bottom: 70px; position: relative; } .index .main7 .content .block .img { width: 100%; } .index .main7 .content .block .img .picture_container { padding-top: 62.16216%; } .index .main7 .content .block .txt .name { font-size: 18px; margin-top: 25px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 15px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .index .main7 .content .block .txt .abstract { color: #888888; font-size: 14px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 28px; max-height: 56px; min-height: 56px; } .index .main7 .content .block:hover .txt .name { color: #26a6ff; } .index .main7 .content .block:hover .line { opacity: 1; } .index .main7 .content .block .line { position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #f0c516; bottom: -4px; left: 50%; opacity: 0; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .index .main7 .content .block .line:after { content: " "; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; opacity: 0.16; border-radius: 50%; background-color: #f0c516; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .index .main7 .content .icon { position: absolute; bottom: 0; right: 0; left: 0; width: 0; height: 1px; background-color: #f0c516; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .index .main8 { padding: 70px 0 80px; background: #f9fcff url("/cn/images/public/index_partner_bg.png") no-repeat center bottom; } .index .main8 .content .block { background-color: #ffffff; width: 18.33333%; border-radius: 5px; } .index .main8 .content .block:not(:nth-child(5n)) { margin-right: 2.08333%; } .index .main8 .content .block:nth-child(n+6) { margin-top: 28px; } .index .main8 .content .block .picture_container { padding-top: 63.63636%; } .index .main8 .content .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .index .main8 .content .block:nth-child(2) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .index .main8 .content .block:nth-child(3) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .index .main8 .content .block:nth-child(4) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .index .main8 .content .block:nth-child(5) { -o-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .index .main8 .content .block:nth-child(6) { -o-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; } .index .main8 .content .block:nth-child(7) { -o-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .index .main8 .content .block:nth-child(8) { -o-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .index .main8 .content .block:nth-child(9) { -o-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .index .main8 .content .block:nth-child(10) { -o-animation-delay: 1.8s; -moz-animation-delay: 1.8s; -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } /********************************* index END ********************************/ .inner_title { text-align: center; } .inner_title .name { font-size: 36px; } .inner_title .abstract { margin-top: 15px; color: #bbbbbb; } /********************************* incorporation STRAT ********************************/ .incorporation .main1 { padding: 80px 0; } .incorporation .main1 .main1_top { margin-bottom: 40px; } .incorporation .main1 .main1_top .left_title { padding: 35px 0; width: 15.83333%; text-align: center; color: #ffffff; font-size: 14px; background-image: linear-gradient(0deg, #119ce5 0%, #1186d7 44%, #1170c8 100%); line-height: 21px; } .incorporation .main1 .main1_top .left_title .name { line-height: 43px; font-size: 36px; margin-bottom: 20px; } .incorporation .main1 .main1_top .form_main1 { width: 83.33333%; background-color: #ffffff; padding: 30px 25px 20px; } .incorporation .main1 .main1_top .form_main1 .form_input { height: 50px; background-color: #ffffff; box-shadow: 0px 1px 9px 0px rgba(159, 159, 159, 0.07); border-radius: 5px; border: solid 1px #26a6ff; margin-bottom: 30px; } .incorporation .main1 .main1_top .form_main1 .form_input input { padding-left: 40px; padding-right: 10px; line-height: 22px; font-size: 16px; color: #bbbbbb; } .incorporation .main1 .main1_top .form_main1 .form_input input:nth-child(1) { border-right: 1px solid #e5e5e5; } .incorporation .main1 .main1_top .form_main1 .form_input input::-webkit-input-placeholder { color: #bbbbbb; } .incorporation .main1 .main1_top .form_main1 .form_input input:-moz-placeholder { color: #bbbbbb; } .incorporation .main1 .main1_top .form_main1 .form_input input:-ms-input-placeholder { color: #bbbbbb; } .incorporation .main1 .main1_top .form_main1 .form_input input::placeholder { color: #bbbbbb; } .incorporation .main1 .main1_top .form_main1 .form_input .btn { cursor: pointer; width: 210px; height: 100%; color: #ffffff; font-weight: bold; font-size: 16px; background-color: #26a6ff; border-radius: 0px 5px 5px 0px; } .incorporation .main1 .main1_top .form_main1 .bottom_line .title { color: #666666; font-size: 14px; margin-bottom: 10px; } .incorporation .main1 .main1_top .form_main1 .bottom_line .title span { color: #26a6ff; font-weight: bold; } .incorporation .main1 .main1_top .form_main1 .bottom_line .box .block { height: 70px; overflow: hidden; color: #7f7f7f; line-height: 40px; } .incorporation .main1 .main1_top .form_main1 .bottom_line .box .block ul:nth-child(1) { margin-right: 75px; } .incorporation .main1 .main1_top .form_main1 .bottom_line .box .block span { color: #26a6ff; margin: 0 15px; } .incorporation .main1 .main1_bottom .block { width: 22.91667%; } .incorporation .main1 .main1_bottom .block .title { position: relative; font-size: 18px; color: #ffffff; border-radius: 10px 10px 0px 0px; text-align: center; height: 57px; line-height: 57px; } .incorporation .main1 .main1_bottom .block .title .iconfont { position: absolute; top: 50%; left: 15px; font-size: 35px; opacity: 0.2; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .incorporation .main1 .main1_bottom .block .title .iconfont.icon-tuandui { font-size: 40px; } .incorporation .main1 .main1_bottom .block .txt { padding: 20px 0; font-size: 14px; color: #666666; border-radius: 5px; text-align: center; line-height: 21px; height: 83px; background-color: #ffffff; box-shadow: 0px 1px 35px 0px rgba(67, 67, 67, 0.06); } .incorporation .main1 .main1_bottom .block:nth-child(1) .title { background-color: #26a6ff; } .incorporation .main1 .main1_bottom .block:nth-child(2) .title { background-color: #3bcfa3; } .incorporation .main1 .main1_bottom .block:nth-child(3) .title { background-color: #f2ae3c; } .incorporation .main1 .main1_bottom .block:nth-child(4) .title { background-color: #9e6bdd; } .incorporation .main2 { padding: 70px 0 80px; } .incorporation .main2 .inner_title { margin-bottom: 50px; } .incorporation .main2 .content .block { width: 22.91667%; height: 250px; position: relative; border-radius: 10px; padding: 26px 30px 0 30px; border: solid 1px #d3eeff; background-color: #ffffff; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; box-shadow: 0px 1px 38px 0px rgba(67, 67, 67, 0.05); } .incorporation .main2 .content .block .title { font-size: 18px; color: #26a6ff; margin-bottom: 25px; } .incorporation .main2 .content .block .txt { color: #666666; font-size: 14px; line-height: 21px; } .incorporation .main2 .content .block .txt .line:not(:last-child) { margin-bottom: 10px; } .incorporation .main2 .content .block .txt .icon { width: 5px; height: 5px; margin-top: 9px; margin-right: 10px; border-radius: 50%; background-color: #26a6ff; } .incorporation .main2 .content .block .number { position: absolute; top: 5px; right: 20px; opacity: 0.1; font-size: 50px; color: #26a6ff; font-family: 'OM'; letter-spacing: 1px; } .incorporation .main2 .content .block:not(:nth-child(4n)) { margin-right: 2.75%; } .incorporation .main2 .content .block:nth-child(n+5) { margin-top: 30px; } .incorporation .main2 .content .block:hover { border: solid 1px #26a6ff; } .incorporation .main2 .content .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .incorporation .main2 .content .block:nth-child(2) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .incorporation .main2 .content .block:nth-child(3) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .incorporation .main2 .content .block:nth-child(4) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .incorporation .main2 .content .block:nth-child(5) { -o-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .incorporation .main2 .content .block:nth-child(6) { -o-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; } .incorporation .main2 .content .block:nth-child(7) { -o-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .incorporation .main2 .content .block:nth-child(8) { -o-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .incorporation .main2 .content .box_btn { margin-top: 50px; } .incorporation .main2 .content .btn { width: 150px; height: 51px; line-height: 49px; border-radius: 5px; text-align: center; color: #26a6ff; border: solid 1px #26a6ff; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .incorporation .main2 .content .btn:nth-child(1) { margin-right: 160px; } .incorporation .main2 .content .btn:hover { color: #ffffff; background-color: #26a6ff; } .incorporation .main3 { padding: 70px 0 80px; background-image: url("/cn/images/public/Incorporation_ procedure_bg.png"); } .incorporation .main3 .box_top { position: relative; } .incorporation .main3 .inner_title { color: #ffffff; margin-bottom: 50px; } .incorporation .main3 .inner_title .abstract { color: #ffffff; } .incorporation .main3 .content .box_title { position: relative; margin-bottom: 50px; } .incorporation .main3 .content .box_title .title { position: absolute; left: 0; width: 100%; top: 50%; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .incorporation .main3 .content .box_title .title .block { position: relative; width: 8px; height: 8px; border-radius: 50%; background-color: #ffffff; z-index: 5; } .incorporation .main3 .content .box_title .title .block:nth-child(1) { margin-left: 4px; } .incorporation .main3 .content .box_title .title .block:nth-child(2) { margin-left: 278px; } .incorporation .main3 .content .box_title .title .block:nth-child(3) { margin-left: 298px; } .incorporation .main3 .content .box_title .title .block:nth-child(4) { margin-left: 298px; } .incorporation .main3 .content .box_title .title .block:nth-child(5) { margin-left: 273px; } .incorporation .main3 .content .box_title .title .block:after { content: " "; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; opacity: 0.2; border-radius: 50%; background-color: #ffffff; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .incorporation .main3 .content .box_title .title_txt { width: 1035px; margin: 0 auto; } .incorporation .main3 .content .box_title .title_txt .txt_block { font-size: 24px; color: #ffffff; padding: 0 20px; position: relative; } .incorporation .main3 .content .box_title .title_txt .txt_block:after { position: absolute; content: " "; height: 1px; width: 90px; left: -90px; top: 50%; opacity: 0.5; background-color: #ffffff; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .incorporation .main3 .content .box_title .title_txt .txt_block:before { position: absolute; content: " "; height: 1px; width: 90px; right: -90px; top: 50%; opacity: 0.5; background-color: #ffffff; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .incorporation .main3 .content .box_title .title_txt .txt_block:nth-child(1):after { left: -67px; width: 65px; } .incorporation .main3 .content .box_title .title_txt .txt_block:nth-child(1):before { right: -92px; width: 85px; } .incorporation .main3 .content .box_title .title_txt .txt_block:nth-child(2):after { width: 85px; left: -88px; } .incorporation .main3 .content .box_title .title_txt .txt_block:nth-child(2):before { right: -90px; width: 85px; } .incorporation .main3 .content .box_title .title_txt .txt_block:nth-child(3):after { width: 85px; left: -89px; } .incorporation .main3 .content .box_title .title_txt .txt_block:nth-child(3):before { right: -89px; width: 85px; } .incorporation .main3 .content .box_title .title_txt .txt_block:nth-child(4):after { left: -91px; } .incorporation .main3 .content .box_title .title_txt .txt_block:nth-child(4):before { width: 65px; right: -62px; } .incorporation .main3 .content .box_block .block { width: 22.91667%; border-radius: 5px; color: #ffffff; height: 127px; border: solid 1px rgba(255, 255, 255, 0.5); } .incorporation .main3 .content .box_block .block .iconfont { font-size: 50px; margin-right: 45px; } .incorporation .main3 .content .box_block .block .txt .name { font-size: 20px; margin-bottom: 10px; letter-spacing: 1px; box-shadow: 0px 2px 14px 0px rgba(67, 67, 67, 0.1); } .incorporation .main4 { padding: 60px 0 80px; } .incorporation .main4 .inner_title { margin-bottom: 50px; } .incorporation .main4 .content .box { box-shadow: 0px 1px 35px 0px rgba(125, 125, 125, 0.08); border-radius: 10px; padding: 40px; } .incorporation .main4 .content .block { text-align: center; } .incorporation .main4 .content .block .img { box-shadow: 0px 1px 35px 0px rgba(67, 67, 67, 0.08); width: 180px; margin: 0 auto; margin-bottom: 30px; } .incorporation .main4 .content .block .picture_container { padding-top: 148.33333%; } .incorporation .main4 .content .block .txt { color: #666666; } .incorporation .main4 .content .btn { margin: 0 auto; margin-top: 48px; color: #26a6ff; width: 150px; height: 50px; line-height: 48px; text-align: center; border-radius: 5px; border: solid 1px #26a6ff; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .incorporation .main4 .content .btn:hover { color: #ffffff; background-color: #26a6ff; } .incorporation .main5 { padding: 70px 0; } .incorporation .main5 .inner_title { margin-bottom: 50px; } .incorporation .main5 .content .box_title .block { width: 25%; font-size: 20px; color: #26a6ff; line-height: 72px; text-align: center; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: #ffffff; border-bottom: 1px solid #26a6ff; } .incorporation .main5 .content .box_title .block:hover, .incorporation .main5 .content .box_title .block.active { color: #ffffff; background-color: #26a6ff; } .incorporation .main5 .content .box_txt { background-color: #ffffff; border-radius: 0px 0px 10px 10px; } .incorporation .main5 .content .box_txt .block { padding: 45px; } .incorporation .main5 .content .box_txt .block:not(:first-child) { display: none; } .incorporation .main5 .content .box_txt .block .box_top { margin-bottom: 50px; } .incorporation .main5 .content .box_txt .block .left_txt { width: 67.27273%; } .incorporation .main5 .content .box_txt .block .left_txt .name { font-size: 24px; margin-bottom: 34px; } .incorporation .main5 .content .box_txt .block .left_txt .box_block:not(:last-child) { margin-bottom: 30px; } .incorporation .main5 .content .box_txt .block .left_txt .number { margin-top: 1px; width: 22px; height: 22px; font-size: 12px; color: #ffffff; line-height: 22px; border-radius: 50%; text-align: center; margin-right: 15px; background-color: #26a6ff; } .incorporation .main5 .content .box_txt .block .left_txt .txt .title { font-size: 18px; color: #555555; margin-bottom: 10px; } .incorporation .main5 .content .box_txt .block .left_txt .txt .abstract { color: #999999; line-height: 32px; } .incorporation .main5 .content .box_txt .block .tags { text-align: center; color: #555555; margin-bottom: 22px; } .incorporation .main5 .content .box_txt .block .tags span { color: #26a6ff; } .incorporation .main5 .content .box_txt .block .btn { margin: 0 auto; width: 150px; height: 50px; color: #ffffff; line-height: 50px; border-radius: 5px; text-align: center; background-color: #26a6ff; } .incorporation .main6 { padding: 70px 0 75px; } .incorporation .main6 .inner_title { margin-bottom: 48px; } .incorporation .main6 .content .center { position: relative; } .incorporation .main6 .content .box .block { width: 18.33333%; background-color: #ffffff; border: solid 1px #eeeeee; } .incorporation .main6 .content .box .block:not(:nth-child(5n)) { margin-right: 2.08333%; } .incorporation .main6 .content .box .block:nth-child(n+6) { margin-top: 27px; } .incorporation .main6 .content .box .block .picture_container { padding-top: 64.54545%; } .incorporation .main6 .content .box .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .incorporation .main6 .content .box .block:nth-child(2) { -o-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .incorporation .main6 .content .box .block:nth-child(3) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .incorporation .main6 .content .box .block:nth-child(4) { -o-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .incorporation .main6 .content .box .block:nth-child(5) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .incorporation .main6 .content .box .block:nth-child(6) { -o-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .incorporation .main6 .content .box .block:nth-child(7) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .incorporation .main6 .content .box .block:nth-child(8) { -o-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .incorporation .main6 .content .box .block:nth-child(9) { -o-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .incorporation .main6 .content .box .block:nth-child(10) { -o-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .incorporation .main6 .content .swiper-pagination { margin-top: 55px; position: relative; } .incorporation .main6 .content .swiper-pagination-bullet { opacity: 1; width: 12px; height: 12px; margin: 0 10px; background-color: #cccccc; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .incorporation .main6 .content .swiper-pagination-bullet-active { background-color: #26a6ff; } .incorporation .main7 { padding: 70px 0 80px; } .incorporation .main7 .inner_title { margin-bottom: 48px; } .incorporation .main7 .content .box .block { padding: 30px 45px; border-bottom: 1px solid #eeeeee; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .incorporation .main7 .content .box .block .txt_top .icon_q { width: 25px; height: 25px; color: #ffffff; font-weight: bold; line-height: 22px; text-align: center; border-radius: 50%; margin-right: 20px; background-color: #26a6ff; } .incorporation .main7 .content .box .block .txt_top p { font-size: 18px; } .incorporation .main7 .content .box .block .txt { margin-top: 22px; display: none; } .incorporation .main7 .content .box .block .txt .icon_a { width: 25px; height: 25px; color: #f8c100; font-weight: bold; line-height: 22px; text-align: center; border-radius: 50%; margin-right: 20px; border: solid 1px #f8c100; } .incorporation .main7 .content .box .block .txt p { width: 95%; color: #666666; line-height: 28px; } .incorporation .main7 .content .box .block.active { background-color: #ffffff; border-bottom: 1px solid transparent; } .incorporation .main7 .content .box .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .incorporation .main7 .content .box .block:nth-child(2) { -o-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .incorporation .main7 .content .box .block:nth-child(3) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .incorporation .main7 .content .box .block:nth-child(4) { -o-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .incorporation .main7 .content .more { width: 200px; height: 57px; color: #26a6ff; margin: 0 auto; margin-top: 60px; line-height: 55px; text-align: center; border-radius: 29px; border: solid 1px #26a6ff; background-color: #ffffff; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } .incorporation .main7 .content .more:hover { color: #ffffff; background-color: #26a6ff; } /********************************* incorporation END ********************************/ /********************************* hk_incorporation STRAT ********************************/ .hk_incorporation .main1 { padding: 80px 0; } .hk_incorporation .main1 .inner_title { margin-bottom: 50px; } .hk_incorporation .main1 .inner_title .name { margin-bottom: 40px; } .hk_incorporation .main1 .content .block { position: relative; top: 0; padding-left: 35px; height: 112px; width: 22.91667%; background-color: #ffffff; box-shadow: 0px 3px 24px 0px rgba(93, 93, 93, 0.05); border-radius: 5px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .hk_incorporation .main1 .content .block:not(:nth-child(4n)) { margin-right: 2.75%; } .hk_incorporation .main1 .content .block:nth-child(n+5) { margin-top: 30px; } .hk_incorporation .main1 .content .block .iconfont { color: #26a6ff; font-size: 35px; margin-right: 30px; padding-right: 30px; border-right: 1px solid #eeeeee; } .hk_incorporation .main1 .content .block .txt { font-size: 18px; color: #666666; } .hk_incorporation .main1 .content .block:hover { top: -8px; box-shadow: 0px 3px 18px 0px rgba(42, 168, 255, 0.15); } .hk_incorporation .main1 .content .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .hk_incorporation .main1 .content .block:nth-child(2) { -o-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .hk_incorporation .main1 .content .block:nth-child(3) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .hk_incorporation .main1 .content .block:nth-child(4) { -o-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .hk_incorporation .main1 .content .block:nth-child(5) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .hk_incorporation .main1 .content .block:nth-child(6) { -o-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .hk_incorporation .main1 .content .block:nth-child(7) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .hk_incorporation .main1 .content .block:nth-child(8) { -o-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .hk_incorporation .main1 .content .btn { width: 150px; height: 50px; color: #fefefe; line-height: 50px; text-align: center; border-radius: 5px; margin: 0 auto; margin-top: 50px; background-color: #26a6ff; } .hk_incorporation .main2 { padding: 70px 0 80px; } .hk_incorporation .main2 .inner_title { margin-bottom: 90px; } .hk_incorporation .main2 .content .block { text-align: center; padding: 75px 35px 35px; width: 22.91667%; border-radius: 10px; background-color: #ffffff; position: relative; } .hk_incorporation .main2 .content .block:nth-child(3) { padding: 75px 30px 35px; } .hk_incorporation .main2 .content .block .number { width: 60px; height: 60px; font-size: 20px; color: #ffffff; font-weight: bold; text-align: center; border-radius: 50%; line-height: 60px; position: absolute; top: -30px; left: 50%; z-index: 2; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .hk_incorporation .main2 .content .block .number_bg { content: " "; position: absolute; top: -38.2px; left: 50%; width: 77px; height: 77px; border-radius: 50%; z-index: 1; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .hk_incorporation .main2 .content .block .name { font-size: 20px; margin-bottom: 20px; } .hk_incorporation .main2 .content .block .abstract { line-height: 24px; color: #666666; margin-bottom: 40px; } .hk_incorporation .main2 .content .block:nth-child(1) { border: solid 1px #26a6ff; } .hk_incorporation .main2 .content .block:nth-child(1) .number { background-color: #26a6ff; } .hk_incorporation .main2 .content .block:nth-child(1) .number_bg { background-color: #e9f6ff; } .hk_incorporation .main2 .content .block:nth-child(1) .btn { color: #26a6ff; } .hk_incorporation .main2 .content .block:nth-child(2) { border: solid 1px #3bcfa3; } .hk_incorporation .main2 .content .block:nth-child(2) .number { background-color: #3bcfa3; } .hk_incorporation .main2 .content .block:nth-child(2) .number_bg { background-color: #ebfaf6; } .hk_incorporation .main2 .content .block:nth-child(2) .btn { color: #3bcfa3; } .hk_incorporation .main2 .content .block:nth-child(3) { border: solid 1px #f2ae3c; } .hk_incorporation .main2 .content .block:nth-child(3) .number { background-color: #f2ae3c; } .hk_incorporation .main2 .content .block:nth-child(3) .number_bg { background-color: #fef7eb; } .hk_incorporation .main2 .content .block:nth-child(3) .btn { color: #f2ae3c; } .hk_incorporation .main2 .content .block:nth-child(4) { border: solid 1px #9e6bdd; } .hk_incorporation .main2 .content .block:nth-child(4) .number { background-color: #9e6bdd; } .hk_incorporation .main2 .content .block:nth-child(4) .number_bg { background-color: #f5f0fc; } .hk_incorporation .main2 .content .block:nth-child(4) .btn { color: #9e6bdd; } .hk_incorporation .main2 .content .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .hk_incorporation .main2 .content .block:nth-child(2) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .hk_incorporation .main2 .content .block:nth-child(3) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .hk_incorporation .main2 .content .block:nth-child(4) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .hk_incorporation .main3 { padding: 70px 0 110px; background-image: url("/cn/images/public/hk_incorporation_main3_bg.png"); } .hk_incorporation .main3 .inner_title { margin-bottom: 110px; } .hk_incorporation .main3 .inner_title .name { color: #ffffff; } .hk_incorporation .main3 .content .center { position: relative; } .hk_incorporation .main3 .content .box { position: relative; } .hk_incorporation .main3 .content .box .box_block { font-size: 20px; font-weight: bold; color: #ffffff; margin-bottom: 15px; padding: 0 35px; } .hk_incorporation .main3 .content .box .box_block p { font-size: 14px; font-weight: 500; } .hk_incorporation .main3 .content .box .line { position: relative; border: 1px dashed rgba(238, 238, 238, 0.4); } .hk_incorporation .main3 .content .box .line .icon { width: 8px; height: 8px; border-radius: 50%; background-color: #ffffff; position: absolute; top: 50%; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .hk_incorporation .main3 .content .box .line .icon:after { content: " "; position: absolute; width: 18px; height: 18px; left: 50%; top: 50%; opacity: 0.1; border-radius: 50%; background-color: #ffffff; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .hk_incorporation .main3 .content .box .line .icon:nth-child(1) { left: 0; } .hk_incorporation .main3 .content .box .line .icon:nth-child(2) { right: 0; } .hk_incorporation .main3 .content .box:nth-child(1) { width: 785px; margin: 0 auto; } .hk_incorporation .main3 .content .box:nth-child(2) { width: 895px; margin: 0 auto; } .hk_incorporation .main3 .content .box:nth-child(3) { width: 1050px; margin: 0 auto; } .hk_incorporation .main3 .content .box:nth-child(4) { width: 1100px; margin: 0 auto; } .hk_incorporation .main3 .content .box:nth-child(5) { width: 940px; margin: 0 auto; } .hk_incorporation .main3 .content .box:not(:first-child) { margin-top: 40px; } .hk_incorporation .main3 .content .img { position: absolute; left: 50%; top: 50%; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 5; } .hk_incorporation .main4 { padding: 70px 0 80px; } .hk_incorporation .main4 .inner_title { margin-bottom: 50px; } .hk_incorporation .main4 .content .block { width: 31.66667%; border-radius: 5px; text-align: center; background-color: #ffffff; box-shadow: 0px 1px 21px 0px rgba(80, 80, 80, 0.1); } .hk_incorporation .main4 .content .block .picture_container { padding-top: 31.57895%; } .hk_incorporation .main4 .content .block .txt { padding: 45px 0 50px; } .hk_incorporation .main4 .content .block .txt .name { font-size: 22px; color: #26a6ff; } .hk_incorporation .main4 .content .block .txt .abstract { margin-top: 25px; color: #666666; line-height: 32px; } .hk_incorporation .main4 .content .tags { text-align: center; color: #26a6ff; margin-top: 50px; margin-bottom: 22px; } .hk_incorporation .main4 .content .btn { width: 150px; height: 50px; color: #fefefe; line-height: 50px; text-align: center; border-radius: 5px; margin: 0 auto; background-color: #26a6ff; } .hk_incorporation .main5 { padding: 70px 0 80px; } .hk_incorporation .main5 .inner_title { margin-bottom: 50px; } .hk_incorporation .main5 .content .block { width: 33.33333%; } .hk_incorporation .main5 .content .block .title { height: 100px; text-align: center; line-height: 100px; color: #ffffff; font-size: 30px; } .hk_incorporation .main5 .content .block .txt { border: solid 1px #eeeeee; border-top: none; padding: 40px 35px 50px; height: 620px; position: relative; } .hk_incorporation .main5 .content .block .txt .name { margin-bottom: 15px; line-height: 24px; } .hk_incorporation .main5 .content .block .txt .abstract { font-size: 14px; color: #666666; line-height: 28px; } .hk_incorporation .main5 .content .block .txt .btn { width: 150px; height: 50px; color: #26a6ff; line-height: 48px; text-align: center; border-radius: 5px; background-color: #ffffff; border: solid 1px #26a6ff; margin-top: 75px; position: relative; z-index: 2; } .hk_incorporation .main5 .content .block .txt .bg_icon { position: absolute; left: 45px; bottom: 60px; opacity: 0.06; color: #48b1fa; font-size: 180px; } .hk_incorporation .main5 .content .block:nth-child(1) .title { background-color: #26a6ff; } .hk_incorporation .main5 .content .block:nth-child(1) .txt .name { color: #26a6ff; } .hk_incorporation .main5 .content .block:nth-child(2) .title { background-color: #3bcfa3; } .hk_incorporation .main5 .content .block:nth-child(2) .txt { border-left: none; border-right: none; } .hk_incorporation .main5 .content .block:nth-child(2) .txt .name { color: #3bcfa3; } .hk_incorporation .main5 .content .block:nth-child(3) .title { background-color: #f2ae3c; } .hk_incorporation .main5 .content .block:nth-child(3) .txt .name { color: #f2ae3c; } .hk_incorporation .main6 { padding: 70px 0 80px; } .hk_incorporation .main6 .inner_title { margin-bottom: 50px; } .hk_incorporation .main6 .content .box .block { width: 13.75%; height: 196px; border-radius: 10px; background-color: #ffffff; text-align: center; position: relative; padding-top: 70px; overflow: hidden; } .hk_incorporation .main6 .content .box .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .hk_incorporation .main6 .content .box .block:nth-child(2) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .hk_incorporation .main6 .content .box .block:nth-child(3) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .hk_incorporation .main6 .content .box .block:nth-child(4) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .hk_incorporation .main6 .content .box .block:nth-child(5) { -o-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .hk_incorporation .main6 .content .box .block:nth-child(6) { -o-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; } .hk_incorporation .main6 .content .box .block .icon { position: absolute; width: 50px; top: 0; left: 0; height: 50px; background-color: #26a6ff; } .hk_incorporation .main6 .content .box .block .icon p { position: absolute; left: 5px; top: 5px; font-size: 18px; line-height: 19px; color: #ffffff; } .hk_incorporation .main6 .content .box .block .icon:after { content: " "; position: absolute; width: 0; height: 0; left: 0; top: 0; border-right: 25px solid #ffffff; border-bottom: 25px solid #ffffff; border-top: 25px solid transparent; border-left: 25px solid transparent; } .hk_incorporation .main6 .content .box .block .iconfont { font-size: 30px; color: #26a6ff; margin-bottom: 30px; } .hk_incorporation .main6 .content .box .block .txt { font-size: 18px; } .hk_incorporation .main7 { padding: 70px 0 80px; } .hk_incorporation .main7 .inner_title { margin-bottom: 48px; } .hk_incorporation .main7 .content .center { position: relative; } .hk_incorporation .main7 .content .box .block { width: 18.33333%; background-color: #ffffff; border: solid 1px #eeeeee; } .hk_incorporation .main7 .content .box .block:not(:nth-child(5n)) { margin-right: 2.08333%; } .hk_incorporation .main7 .content .box .block:nth-child(n+6) { margin-top: 27px; } .hk_incorporation .main7 .content .box .block .picture_container { padding-top: 64.54545%; } .hk_incorporation .main7 .content .box .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .hk_incorporation .main7 .content .box .block:nth-child(2) { -o-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .hk_incorporation .main7 .content .box .block:nth-child(3) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .hk_incorporation .main7 .content .box .block:nth-child(4) { -o-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .hk_incorporation .main7 .content .box .block:nth-child(5) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .hk_incorporation .main7 .content .box .block:nth-child(6) { -o-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .hk_incorporation .main7 .content .box .block:nth-child(7) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .hk_incorporation .main7 .content .box .block:nth-child(8) { -o-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .hk_incorporation .main7 .content .box .block:nth-child(9) { -o-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .hk_incorporation .main7 .content .box .block:nth-child(10) { -o-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .hk_incorporation .main7 .content .swiper-pagination { margin-top: 55px; position: relative; } .hk_incorporation .main7 .content .swiper-pagination-bullet { opacity: 1; width: 13px; height: 13px; margin: 0 10px; background-color: #cccccc; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .hk_incorporation .main7 .content .swiper-pagination-bullet-active { background-color: #26a6ff; } .hk_incorporation .main8 { padding: 70px 0; background-image: url("/cn/images/public/hk_incorporation_advantage_bg.png"); } .hk_incorporation .main8 .inner_title { color: #ffffff; margin-bottom: 65px; } .hk_incorporation .main8 .content .box { width: 1230px; margin: 0 auto; background-image: url("/cn/images/public/hk_incorporation_advantage_bg01.png"); height: 860px; background-size: 100%; } .hk_incorporation .main8 .content .box .box_block .block { width: 270px; height: 307px; overflow: hidden; visibility: hidden; -webkit-transform: rotate(-60deg) skewY(30deg); -ms-transform: rotate(-60deg) skewY(30deg); transform: rotate(-60deg) skewY(30deg); } .hk_incorporation .main8 .content .box .box_block .block .hexagon-cont { padding: 80px 35px 0; text-align: center; width: 100%; height: 100%; position: relative; visibility: visible; background-size: cover; -webkit-transform: skewY(-30deg) rotate(60deg); -ms-transform: skewY(-30deg) rotate(60deg); transform: skewY(-30deg) rotate(60deg); background-color: #f9f9fa; cursor: pointer; } .hk_incorporation .main8 .content .box .box_block .block .hexagon-cont .title { font-size: 22px; color: #26a6ff; } .hk_incorporation .main8 .content .box .box_block .block .hexagon-cont .txt { margin-top: 15px; padding-top: 15px; border-top: 1px solid #eaeaea; line-height: 24px; color: #666666; } .hk_incorporation .main8 .content .box .box_block:nth-child(1) { padding-top: 18px; } .hk_incorporation .main8 .content .box .box_block:nth-child(2) { margin: 0 auto; margin-top: -48px; width: 890px; } .hk_incorporation .main8 .content .box .box_block:nth-child(3) { margin-top: -48px; } .hk_incorporation .main9 { padding: 70px 0 80px; } .hk_incorporation .main9 .inner_title { margin-bottom: 50px; } .hk_incorporation .main9 .content .box .zIndex { position: relative; z-index: 2; } .hk_incorporation .main9 .content .box .block { width: 585px; } .hk_incorporation .main9 .content .box .block .title { padding: 65px 0; text-align: center; font-size: 34px; line-height: 1.1; color: #ffffff; font-weight: bold; background-image: url("/cn/images/public/hk_incorporation_choice_bg01.png"); border-radius: 10px 10px 0px 0px; position: relative; z-index: 5; } .hk_incorporation .main9 .content .box .block .title .icon_title { position: absolute; top: 38px; width: 90px; right: -59px; height: 90px; font-size: 34px; color: #ffffff; font-weight: bold; line-height: 90px; text-align: center; border-radius: 50%; background-color: #f8c503; z-index: 3; } .hk_incorporation .main9 .content .box .block .title .icon_title_bg { position: absolute; top: 25px; right: -71px; width: 115px; height: 115px; border-radius: 50%; background-color: #ffffff; z-index: 2; } .hk_incorporation .main9 .content .box .block .txt { background-color: #f5faff; border-radius: 0 0 10px 10px; border: solid 1px #26a6ff; padding: 0 63px; text-align: center; font-size: 20px; color: #26a6ff; } .hk_incorporation .main9 .content .box .block .txt .txt_block { padding: 30px 0; } .hk_incorporation .main9 .content .box .block .txt .txt_block:not(:last-child) { border-bottom: dashed 1px #c1e6ff; } .hk_incorporation .main9 .content .box .block:nth-child(2) .title { background-image: url("/cn/images/public/hk_incorporation_choice_bg02.png"); } .hk_incorporation .main9 .content .box .block:nth-child(2) .txt { background-color: #f9f9f9; border: solid 1px #dddddd; color: #999999; } .hk_incorporation .main9 .content .box .block:nth-child(2) .txt .txt_block:not(:last-child) { border-bottom: dashed 1px #dddddd; } .hk_incorporation .main10 { padding: 70px 0 80px; } .hk_incorporation .main10 .inner_title { margin-bottom: 48px; } .hk_incorporation .main10 .content .box .block { padding: 30px 45px; border-bottom: 1px solid #eeeeee; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .hk_incorporation .main10 .content .box .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .hk_incorporation .main10 .content .box .block:nth-child(2) { -o-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .hk_incorporation .main10 .content .box .block:nth-child(3) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .hk_incorporation .main10 .content .box .block:nth-child(4) { -o-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .hk_incorporation .main10 .content .box .block .txt_top .icon_q { width: 25px; height: 25px; color: #ffffff; font-weight: bold; line-height: 22px; text-align: center; border-radius: 50%; margin-right: 20px; background-color: #26a6ff; } .hk_incorporation .main10 .content .box .block .txt_top p { font-size: 18px; } .hk_incorporation .main10 .content .box .block .txt { margin-top: 22px; display: none; } .hk_incorporation .main10 .content .box .block .txt .icon_a { width: 25px; height: 25px; color: #f8c100; font-weight: bold; line-height: 22px; text-align: center; border-radius: 50%; margin-right: 20px; border: solid 1px #f8c100; } .hk_incorporation .main10 .content .box .block .txt p { width: 95%; color: #666666; line-height: 28px; } .hk_incorporation .main10 .content .box .block.active { background-color: #ffffff; border-bottom: 1px solid transparent; } .hk_incorporation .main10 .content .more { width: 200px; height: 57px; color: #26a6ff; margin: 0 auto; margin-top: 60px; line-height: 55px; text-align: center; border-radius: 29px; border: solid 1px #26a6ff; background-color: #ffffff; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } .hk_incorporation .main10 .content .more:hover { color: #ffffff; background-color: #26a6ff; } /********************************* hk_incorporation END ********************************/ /********************************* booking STRAT ********************************/ .booking .main1 { padding: 80px 0; } .booking .main1 .inner_title { margin-bottom: 50px; } .booking .main1 .content .box .block { position: relative; top: 0; text-align: center; width: 22.91667%; background-color: #ffffff; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; box-shadow: 0px 1px 7px 0px rgba(67, 67, 67, 0.1); } .booking .main1 .content .box .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .booking .main1 .content .box .block:nth-child(2) { -o-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .booking .main1 .content .box .block:nth-child(3) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .booking .main1 .content .box .block:nth-child(4) { -o-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .booking .main1 .content .box .block .picture_container { padding-top: 67.63636%; } .booking .main1 .content .box .block .txt { padding: 30px; } .booking .main1 .content .box .block .txt .name { color: #26a6ff; font-size: 20px; } .booking .main1 .content .box .block .txt .abstract { margin-top: 15px; line-height: 28px; color: #999999; } .booking .main1 .content .box .block:hover { top: -12px; box-shadow: 0px 2px 14px 0px rgba(143, 198, 252, 0.3); } .booking .main2 { padding: 70px 0 80px; } .booking .main2 .inner_title { margin-bottom: 50px; } .booking .main2 .content .box .block { position: relative; width: 31.66667%; } .booking .main2 .content .box .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .booking .main2 .content .box .block:nth-child(2) { -o-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .booking .main2 .content .box .block:nth-child(3) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .booking .main2 .content .box .block:nth-child(4) { -o-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .booking .main2 .content .box .block:nth-child(5) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .booking .main2 .content .box .block:nth-child(6) { -o-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .booking .main2 .content .box .block:not(:nth-child(3n)) { margin-right: 2.5%; } .booking .main2 .content .box .block:nth-child(n+4) { margin-top: 30px; } .booking .main2 .content .box .block .img .picture_container { padding-top: 63.15789%; } .booking .main2 .content .box .block .txt { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; color: #ffffff; } .booking .main2 .content .box .block .txt .name { font-size: 20px; font-weight: bold; } .booking .main2 .content .box .block .txt .icon { margin: 0 auto; margin-top: 15px; margin-bottom: 25px; width: 25px; height: 1px; background-color: #f9fcff; } .booking .main3 { padding: 70px 0 80px; } .booking .main3 .inner_title { margin-bottom: 65px; } .booking .main3 .content .box { position: relative; width: 1045px; } .booking .main3 .content .box .block { width: 215px; text-align: center; position: relative; } .booking .main3 .content .box .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .booking .main3 .content .box .block:nth-child(2) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .booking .main3 .content .box .block:nth-child(3) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .booking .main3 .content .box .block:nth-child(4) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .booking .main3 .content .box .block .icon { position: relative; width: 110px; height: 110px; line-height: 110px; border-radius: 50%; color: #ffffff; font-size: 35px; margin: 0 auto; margin-bottom: 50px; background-color: #26a6ff; z-index: 2; } .booking .main3 .content .box .block .icon_bg { position: absolute; left: 50%; top: -15px; width: 140px; height: 140px; border-radius: 50%; background-color: #eef8ff; z-index: 1; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .booking .main3 .content .box .block .txt .number { color: #26a6ff; font-size: 20px; } .booking .main3 .content .box .block .txt .name { margin-top: 15px; font-size: 18px; margin-bottom: 10px; } .booking .main3 .content .box .block .txt .abstract { color: #999999; font-size: 14px; line-height: 21px; } .booking .main3 .content .box .icon_line { position: absolute; top: 60px; width: calc(100% - 200px); left: 50%; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); border-bottom: 1px dashed #26a6ff; opacity: 0.5; z-index: -1; } .booking .main4 { padding: 70px 0 80px; } .booking .main4 .inner_title { margin-bottom: 48px; } .booking .main4 .content .box .block { padding: 30px 45px; border-bottom: 1px solid #eeeeee; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .booking .main4 .content .box .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .booking .main4 .content .box .block:nth-child(2) { -o-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .booking .main4 .content .box .block:nth-child(3) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .booking .main4 .content .box .block:nth-child(4) { -o-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .booking .main4 .content .box .block:nth-child(5) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .booking .main4 .content .box .block .txt_top .icon_q { width: 25px; height: 25px; color: #ffffff; font-weight: bold; line-height: 22px; text-align: center; border-radius: 50%; margin-right: 20px; background-color: #26a6ff; } .booking .main4 .content .box .block .txt_top p { font-size: 18px; } .booking .main4 .content .box .block .txt { margin-top: 22px; display: none; } .booking .main4 .content .box .block .txt .icon_a { width: 25px; height: 25px; color: #f8c100; font-weight: bold; line-height: 22px; text-align: center; border-radius: 50%; margin-right: 20px; border: solid 1px #f8c100; } .booking .main4 .content .box .block .txt p { width: 95%; color: #666666; line-height: 28px; } .booking .main4 .content .box .block.active { background-color: #ffffff; border-bottom: 1px solid transparent; } .booking .main4 .content .more { width: 200px; height: 57px; color: #26a6ff; margin: 0 auto; margin-top: 60px; line-height: 55px; text-align: center; border-radius: 29px; border: solid 1px #26a6ff; background-color: #ffffff; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } .booking .main4 .content .more:hover { color: #ffffff; background-color: #26a6ff; } /********************************* booking END ********************************/ /********************************* business STRAT ********************************/ .business .main1 { padding: 75px 0 80px; } .business .main1 .inner_title { margin-bottom: 50px; } .business .main1 .content .box .block { padding-left: 30px; width: 31.66667%; height: 120px; background-color: #26a6ff; border-radius: 10px; position: relative; overflow: hidden; } .business .main1 .content .box .block:not(:nth-child(3n)) { margin-right: 2.5%; } .business .main1 .content .box .block:nth-child(n+4) { margin-top: 30px; } .business .main1 .content .box .block .icon { position: absolute; width: 193px; height: 193px; border-radius: 50%; left: -57px; top: -28px; background-color: #249ff4; -o-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; } .business .main1 .content .box .block .txt { position: relative; z-index: 2; } .business .main1 .content .box .block .txt .iconfont { font-size: 55px; color: #54b8fd; margin-right: 110px; } .business .main1 .content .box .block .txt .abstract { white-space: nowrap; color: #ffffff; } .business .main1 .content .box .block .txt .abstract .name { font-size: 20px; margin-bottom: 15px; } .business .main1 .content .box .block:hover .icon { width: 500px; height: 500px; top: 50%; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .business .main2 { padding: 70px 0 80px; } .business .main2 .inner_title { margin-bottom: 50px; } .business .main2 .content .box .block { text-align: center; position: relative; top: 0; padding: 40px 40px 35px; width: 22.91667%; background-color: #ffffff; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; box-shadow: 0px 1px 7px 0px rgba(67, 67, 67, 0.1); } .business .main2 .content .box .block .icon { background-color: rgba(38, 166, 255, 0.04); width: 110px; height: 110px; margin: 0 auto; border-radius: 50%; line-height: 110px; text-align: center; font-size: 30px; color: #3cadff; border: 1px dashed #26a6ff; } .business .main2 .content .box .block .txt { margin-top: 35px; } .business .main2 .content .box .block .txt .name { color: #3cadff; font-size: 20px; } .business .main2 .content .box .block .txt .abstract { margin-top: 15px; line-height: 28px; color: #999999; } .business .main2 .content .box .block:hover { top: -14px; box-shadow: 0px 2px 14px 0px rgba(143, 198, 252, 0.3); } .business .main3 { padding: 70px 0 80px; background-image: url("/cn/images/public/business_bg01.png"); } .business .main3 .inner_title { margin-bottom: 50px; color: #ffffff; } .business .main3 .inner_title .abstract { color: #ffffff; } .business .main3 .content .box .block { width: 11.16667%; text-align: center; } .business .main3 .content .box .block .number { width: 112px; height: 112px; margin: 0 auto; font-size: 24px; color: #ffffff; font-weight: bold; border-radius: 50%; line-height: 112px; border: solid 1px rgba(255, 255, 255, 0.5); } .business .main3 .content .box .block .txt { font-size: 20px; color: #ffffff; margin: 30px 0 20px; } .business .main3 .content .box .block .btn { width: 100%; height: 35px; color: #ffffff; line-height: 33px; border-radius: 5px; border: solid 1px #ffffff; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .business .main3 .content .box .block .btn:hover { border: 1px solid #26a6ff; background-color: #26a6ff; } .business .main4 { padding: 70px 0 80px; } .business .main4 .inner_title { margin-bottom: 55px; } .business .main4 .content .box .block { background-color: #ffffff; width: 22.91667%; } .business .main4 .content .box .block .picture_container { padding-top: 89.81818%; } .business .main4 .content .box .block .txt { text-align: center; font-size: 18px; color: #666666; line-height: 70px; height: 70px; } .business .main5 { padding: 70px 0 80px; } .business .main5 .inner_title { margin-bottom: 55px; } .business .main5 .content .box { width: 1100px; margin: 0 auto; } .business .main5 .content .box .block { text-align: center; width: 18.18182%; } .business .main5 .content .box .block .img { border-radius: 50%; overflow: hidden; margin-bottom: 40px; } .business .main5 .content .box .block .img .picture_container { padding-top: 100%; } .business .main5 .content .box .block .txt { font-size: 24px; color: #26a6ff; } .business .main6 { padding: 70px 0 80px; } .business .main6 .inner_title { margin-bottom: 48px; } .business .main6 .content .box .block { padding: 30px 45px; border-bottom: 1px solid #eeeeee; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .business .main6 .content .box .block .txt_top .icon_q { width: 25px; height: 25px; color: #ffffff; font-weight: bold; line-height: 22px; text-align: center; border-radius: 50%; margin-right: 20px; background-color: #26a6ff; } .business .main6 .content .box .block .txt_top p { font-size: 18px; } .business .main6 .content .box .block .txt { margin-top: 22px; display: none; } .business .main6 .content .box .block .txt .icon_a { width: 25px; height: 25px; color: #f8c100; font-weight: bold; line-height: 22px; text-align: center; border-radius: 50%; margin-right: 20px; border: solid 1px #f8c100; } .business .main6 .content .box .block .txt p { width: 95%; color: #666666; line-height: 28px; } .business .main6 .content .box .block.active { background-color: #ffffff; border-bottom: 1px solid transparent; } .business .main6 .content .more { width: 200px; height: 57px; color: #26a6ff; margin: 0 auto; margin-top: 60px; line-height: 55px; text-align: center; border-radius: 29px; border: solid 1px #26a6ff; background-color: #ffffff; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } .business .main6 .content .more:hover { color: #ffffff; background-color: #26a6ff; } /********************************* business END ********************************/ /********************************* cancellation STRAT ********************************/ .cancellation .inner_banner { height: 500px; } .cancellation .inner_banner .box { width: 900px; margin: 0 auto; text-align: center; } .cancellation .inner_banner .box .title { position: relative; font-size: 40px; color: #ffffff; display: inline-block; line-height: 1.1; margin: 0 auto; margin-bottom: 25px; } .cancellation .inner_banner .box .title .icon { line-height: 15px; position: absolute; top: 0; } .cancellation .inner_banner .box .title .icon:nth-child(1) { left: -40px; } .cancellation .inner_banner .box .title .icon:nth-child(2) { right: -40px; } .cancellation .inner_banner .box .cancellation_form { margin-bottom: 20px; height: 50px; border-radius: 5px; border: solid 1px #26a6ff; background-color: #ffffff; box-shadow: 0px 1px 9px 0px rgba(159, 159, 159, 0.07); } .cancellation .inner_banner .box .cancellation_form input { padding-left: 40px; color: #bbbbbb; line-height: 22px; font-size: 16px; } .cancellation .inner_banner .box .cancellation_form input::-webkit-input-placeholder { color: #bbbbbb; } .cancellation .inner_banner .box .cancellation_form input:-moz-placeholder { color: #bbbbbb; } .cancellation .inner_banner .box .cancellation_form input:-ms-input-placeholder { color: #bbbbbb; } .cancellation .inner_banner .box .cancellation_form input::placeholder { color: #bbbbbb; } .cancellation .inner_banner .box .cancellation_form input:nth-child(1) { border-right: 1px solid #eeeeee; } .cancellation .inner_banner .box .cancellation_form .btn { cursor: pointer; width: 160px; line-height: 48px; color: #ffffff; background-color: #26a6ff; font-size: 16px; } .cancellation .inner_banner .box .cancellation_line { background-color: #ffffff; padding: 5px; } .cancellation .inner_banner .box .cancellation_line .icon_title { text-indent: -13px; line-height: 140px; letter-spacing: 1px; width: 192px; font-size: 22px; color: #ffffff; background-image: url("/cn/images/public/cancellation_banner_icon.png"); } .cancellation .inner_banner .box .cancellation_line .cancellation_line_txt { font-size: 14px; font-weight: lighter; padding: 0 35px; height: 140px; overflow: hidden; border-right: 1px solid #dddddd; } .cancellation .inner_banner .box .cancellation_line .cancellation_line_txt li { line-height: 28px; } .cancellation .inner_banner .box .cancellation_line .cancellation_line_txt .name { color: #aaaaaa; } .cancellation .inner_banner .box .cancellation_line .cancellation_line_txt p { color: #32b1ff; margin-left: 15px; margin-right: 40px; } .cancellation .inner_banner .box .cancellation_line .cancellation_line_txt .tags { color: #f42d42; } .cancellation .inner_banner .box .cancellation_line .cancellation_line_txt .tags.active { color: #32b1ff; } .cancellation .inner_banner .box .cancellation_number { color: #666666; font-size: 14px; } .cancellation .inner_banner .box .cancellation_number .txt1 span { color: #32b1ff; font-weight: bold; } .cancellation .inner_banner .box .cancellation_number .txt2 span { color: #f8c300; font-weight: bold; } .cancellation .main1 { padding: 80px 0; } .cancellation .main1 .inner_title { margin-bottom: 50px; } .cancellation .main1 .content .box { padding: 40px 0 60px; background-color: #ffffff; border-radius: 10px; box-shadow: 0px 2px 14px 0px rgba(38, 166, 255, 0.2); } .cancellation .main1 .content .box .title { font-size: 24px; color: #555555; text-align: center; margin-bottom: 50px; } .cancellation .main1 .content .box .box_block { padding: 0 95px 0 60px; } .cancellation .main1 .content .box .box_block .block { text-align: center; } .cancellation .main1 .content .box .box_block .block .icon { position: relative; width: 110px; height: 110px; line-height: 110px; border-radius: 50%; margin: 0 auto; margin-bottom: 40px; border: solid 1px rgba(38, 166, 255, 0.6); } .cancellation .main1 .content .box .box_block .block .icon .icon_box { position: absolute; } .cancellation .main1 .content .box .box_block .block .txt .number { color: #26a6ff; font-size: 18px; font-weight: bold; margin-bottom: 20px; } .cancellation .main1 .content .box .box_block .block .txt .abstract { color: #666666; } .cancellation .main1 .content .box .box_block .icon_box { margin-top: 50px; color: #26a6ff; font-family: 'sm'; } .cancellation .main1 .content .box .box_block .icon_box .block_icon { -o-animation: arrow 2s infinite; -moz-animation: arrow 2s infinite; -webkit-animation: arrow 2s infinite; animation: arrow 2s infinite; } .cancellation .main1 .content .box .box_block .icon_box .block_icon:nth-child(1) { -o-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .cancellation .main1 .content .box .box_block .icon_box .block_icon:nth-child(2) { -o-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; } .cancellation .main1 .content .box .box_block .icon_box:nth-of-type(2) { margin-left: -20px; } .cancellation .main2 { padding: 70px 0 80px; background-image: url("/cn/images/public/cancellation_bg01.png"); } .cancellation .main2 .title { font-size: 24px; color: #ffffff; text-align: center; margin-bottom: 50px; } .cancellation .main2 .box .block { color: #ffffff; width: 16.66667%; text-align: center; } .cancellation .main2 .box .block .number { width: 25px; height: 25px; line-height: 25px; border-radius: 50%; font-size: 12px; margin: 0 auto; margin-bottom: 15px; background-color: #26a6ff; } .cancellation .main2 .box .block .txt { padding: 0 25px; line-height: 24px; position: relative; } .cancellation .main2 .box .block:not(:first-child) .txt:after { content: " "; position: absolute; top: 0; left: 0; width: 1px; height: 74px; background-color: #eeeeee; opacity: 0.2; } .cancellation .main3 { padding: 70px 0 80px; } .cancellation .main3 .title { font-size: 24px; text-align: center; margin-bottom: 45px; } .cancellation .main3 .box { padding: 40px 0 50px; border-radius: 10px; position: relative; background-image: url("/cn/images/public/cancellation_bg02.png"); } .cancellation .main3 .box .block { width: 50%; position: relative; } .cancellation .main3 .box .block .txt .name { font-size: 20px; color: #26a6ff; margin-bottom: 25px; } .cancellation .main3 .box .block .txt .abstract .line { color: #666666; } .cancellation .main3 .box .block .txt .abstract .line:not(:last-child) { margin-bottom: 20px; } .cancellation .main3 .box .block .txt .abstract .line span { font-weight: bold; color: #26a6ff; } .cancellation .main3 .box .block .icon { position: absolute; right: 40px; bottom: -10px; font-size: 60px; color: #26a6ff; opacity: 0.1; font-family: 'OM'; } .cancellation .main3 .box .icon_line { position: absolute; left: 50%; top: 50%; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 1px; height: 240px; background-color: #dddddd; opacity: 0.4; } .cancellation .main3 .tags { margin-top: 50px; margin-bottom: 30px; font-size: 14px; color: #26a6ff; text-align: center; } .cancellation .main3 .btn { width: 150px; height: 50px; color: #fefefe; text-align: center; line-height: 50px; background-color: #26a6ff; border-radius: 5px; margin: 0 auto; } .cancellation .main4 .content .left_img { width: 50%; } .cancellation .main4 .content .left_img .picture_container { padding-top: 59.0625%; } .cancellation .main4 .content .right_txt { padding-left: 80px; padding-top: 70px; } .cancellation .main4 .content .right_txt .name { font-size: 36px; margin-bottom: 35px; } .cancellation .main4 .content .right_txt .abstract .line { color: #666666; line-height: 1.1; } .cancellation .main4 .content .right_txt .abstract .line .icon { margin-right: 20px; width: 20px; height: 20px; border-radius: 50%; background-color: #f8c503; text-align: center; line-height: 20px; color: #ffffff; font-size: 12px; font-weight: bold; } .cancellation .main4 .content .right_txt .abstract .line:not(:last-child) { margin-bottom: 25px; } .cancellation .main5 { padding: 80px 0; } .cancellation .main5 .inner_title { margin-bottom: 110px; } .cancellation .main5 .content .box { position: relative; } .cancellation .main5 .content .box .block { width: 50%; padding-left: 40px; padding-right: 4px; padding-bottom: 40px; padding-top: 36px; background-color: #ffffff; border-radius: 10px; } .cancellation .main5 .content .box .block .title { font-size: 24px; font-weight: bold; letter-spacing: 1px; color: #26a6ff; text-align: center; margin-bottom: 20px; } .cancellation .main5 .content .box .block .txt { background-color: #4ab5ff; border-radius: 10px 0px 0px 10px; padding: 0 48px; } .cancellation .main5 .content .box .block .txt .box_txt { padding: 0 20px; padding-top: 30px; padding-bottom: 20px; color: #ffffff; text-align: center; position: relative; } .cancellation .main5 .content .box .block .txt .box_txt .name { font-size: 18px; margin-bottom: 15px; } .cancellation .main5 .content .box .block .txt .box_txt .abstract { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; max-height: 48px; min-height: 48px; } .cancellation .main5 .content .box .block .txt .box_txt:not(:last-child) { border-bottom: 1px dashed #ffffff; } .cancellation .main5 .content .box .block .txt_icon { position: absolute; right: -86px; top: 50%; width: 66px; height: 66px; color: #ffffff; font-size: 24px; margin-top: -33px; font-weight: bold; line-height: 66px; border-radius: 50%; text-align: center; background-color: #f8c503; z-index: 2; } .cancellation .main5 .content .box .block .txt_icon_bg { position: absolute; top: 50%; right: -92px; margin-top: -39px; width: 78px; height: 78px; border-radius: 50%; background-color: #ffffff; z-index: 1; } .cancellation .main5 .content .box .block:nth-child(2) { padding-right: 40px; padding-left: 4px; } .cancellation .main5 .content .box .block:nth-child(2) .title { color: #666666; } .cancellation .main5 .content .box .block:nth-child(2) .txt { background-color: #f7f7f7; border-radius: 0px 10px 10px 0px; } .cancellation .main5 .content .box .block:nth-child(2) .box_txt { color: #999999; } .cancellation .main5 .content .box .block:nth-child(2) .box_txt .name { font-size: 18px; margin-bottom: 15px; color: #666666; } .cancellation .main5 .content .box .block:nth-child(2) .box_txt .abstract { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; max-height: 48px; min-height: 48px; } .cancellation .main5 .content .box .block:nth-child(2) .box_txt:not(:last-child) { border-bottom: 1px dashed #dddddd; } .cancellation .main5 .content .box .icon { width: 100px; height: 100px; font-size: 30px; color: #ffffff; font-weight: bold; line-height: 100px; text-align: center; border-radius: 50%; background-color: #f8c503; position: absolute; left: 50%; margin-left: -50px; top: -60px; z-index: 2; } .cancellation .main5 .content .box .icon_bg { position: absolute; left: 50%; margin-left: -60px; top: -60px; width: 120px; height: 120px; border-radius: 50%; background-color: #f9fcff; z-index: 1; } .cancellation .main6 { padding: 70px 0 80px; } .cancellation .main6 .inner_title { margin-bottom: 50px; } .cancellation .main6 .inner_title .abstract { margin-top: 35px; color: #26a6ff; } .cancellation .main6 .content .box .block { width: 275px; background-color: #ffffff; box-shadow: 0px 1px 5px 0px rgba(67, 67, 67, 0.1); border-radius: 10px; text-align: center; } .cancellation .main6 .content .box .block .picture_container { padding-top: 69.09091%; } .cancellation .main6 .content .box .block .txt { padding: 40px 0; } .cancellation .main6 .content .box .block .txt .name { font-size: 18px; color: #26a6ff; margin-bottom: 20px; } .cancellation .main6 .content .box .block .txt .abstract { line-height: 24px; color: #999999; } .cancellation .main7 { padding: 70px 0 80px; } .cancellation .main7 .inner_title { margin-bottom: 48px; } .cancellation .main7 .content .box .block { padding: 30px 45px; border-bottom: 1px solid #eeeeee; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .cancellation .main7 .content .box .block .txt_top .icon_q { width: 25px; height: 25px; color: #ffffff; font-weight: bold; line-height: 22px; text-align: center; border-radius: 50%; margin-right: 20px; background-color: #26a6ff; } .cancellation .main7 .content .box .block .txt_top p { font-size: 18px; } .cancellation .main7 .content .box .block .txt { margin-top: 22px; display: none; } .cancellation .main7 .content .box .block .txt .icon_a { width: 25px; height: 25px; color: #f8c100; font-weight: bold; line-height: 22px; text-align: center; border-radius: 50%; margin-right: 20px; border: solid 1px #f8c100; } .cancellation .main7 .content .box .block .txt p { width: 95%; color: #666666; line-height: 28px; } .cancellation .main7 .content .box .block.active { background-color: #ffffff; border-bottom: 1px solid transparent; } .cancellation .main7 .content .more { width: 200px; height: 57px; color: #26a6ff; margin: 0 auto; margin-top: 60px; line-height: 55px; text-align: center; border-radius: 29px; border: solid 1px #26a6ff; background-color: #ffffff; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } .cancellation .main7 .content .more:hover { color: #ffffff; background-color: #26a6ff; } /********************************* cancellation END ********************************/ .xg_news_main { padding-bottom: 80px; } .xg_news_main .xg_news_list_section { padding-top: 50px; } .xg_news_main .cate { line-height: 1; font-size: 14px; color: #888888; } .xg_news_main .cate li { position: relative; padding: 0 10px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .xg_news_main .cate li::before { content: ""; position: absolute; left: 0; bottom: 0; height: 11px; border-left: 1px solid #eee; } .xg_news_main .cate li:first-child::before { border: none; } .xg_news_main .cate li:hover, .xg_news_main .cate li.active { color: #26a6ff; } .xg_news_main .news_list { margin-top: 20px; } .xg_news_main .news_list li { width: 100%; padding: 35px 30px 35px 40px; border-bottom: 1px solid #eee; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .xg_news_main .news_list li:hover { box-shadow: 0 0 30px 30px #f1f9ff; } .xg_news_main .news_list li:hover img { -o-transform: translate3d(0, 0, 0) scale(1.1); -moz-transform: translate3d(0, 0, 0) scale(1.1); -webkit-transform: translate3d(0, 0, 0) scale(1.1); transform: translate3d(0, 0, 0) scale(1.1); } .xg_news_main .news_list li:hover h3 { color: #26a6ff; } .xg_news_main .news_list li:hover .text_content .tag .more { color: #26a6ff; } .xg_news_main .news_list li:hover .text_content .tag .more .iconfont { color: #26a6ff; } .xg_news_main .news_list .img_left { width: 24.9%; } .xg_news_main .news_list .img_left img { -o-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } .xg_news_main .news_list .picture_container { padding-top: 58.7%; } .xg_news_main .news_list .text_right { width: 70.8%; } .xg_news_main .news_list .text_right .date { margin-top: -12px; color: #dddddd; } .xg_news_main .news_list .text_right .date span { display: block; text-align: center; } .xg_news_main .news_list .text_right .date .day { padding-bottom: 10px; font-size: 35px; line-height: 1; border-bottom: 1px solid #eee; font-family: Poppins-Medium; } .xg_news_main .news_list .text_right .date .years { margin-top: 10px; font-size: 14px; font-family: Poppins-Light; } .xg_news_main .news_list .text_content { width: 86.25%; } .xg_news_main .news_list .text_content h3 { font-size: 20px; letter-spacing: 1px; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -o-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } .xg_news_main .news_list .text_content p { margin-top: 18px; margin-bottom: 40px; font-size: 14px; color: #999; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 28px; max-height: 56px; min-height: 56px; } .xg_news_main .news_list .text_content .tag { color: #ccc; font-size: 14px; line-height: 1; } .xg_news_main .news_list .text_content .tag .from_name { margin-right: 15px; } .xg_news_main .news_list .text_content .tag .more { position: relative; padding-left: 15px; -o-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } .xg_news_main .news_list .text_content .tag .more::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -5px; height: 10px; border-left: 1px solid #dedede; } .xg_news_main .news_list .text_content .tag .more .iconfont { color: #ddd; font-size: 16px; margin-left: 10px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .xg_news_details_main .article { padding-top: 80px; padding-bottom: 80px; } .xg_news_details_main .article h1 { font-size: 36px; line-height: 1; text-align: center; } .xg_news_details_main .article .article_info { margin-top: 22px; margin-bottom: 20px; color: #bbb; font-size: 14px; } .xg_news_details_main .article .article_info span { margin-left: 30px; } .xg_news_details_main .article .article_info span:first-child { margin-left: 0; } .xg_news_details_main .article .article_info span a { display: inline-block; } .xg_news_details_main .article .content { padding: 10px 0 30px; border-bottom: 1px solid #eee; } .cut { margin-top: 50px; line-height: 1; color: #888888; overflow: hidden; } .cut .fl { float: left; } .cut .fr { float: right; } .cut a:hover { color: #26a6ff; } .about_main .title { position: relative; } .about_main .title p { font-size: 60px; color: #eee; line-height: 1; font-weight: bold; opacity: 0.6; letter-spacing: 3px; } .about_main .title h3 { position: relative; margin-top: -20px; padding-bottom: 15px; font-size: 36px; z-index: 1; line-height: 1; } .about_main .title::after { content: ""; left: 0; bottom: 0; width: 20px; border-bottom: 3px solid #26a6ff; display: inline-block; } .about_main .about_section { padding: 85px 0 80px; } .about_main .about_section .brief { width: 37.9%; } .about_main .about_section .brief .about_txt { margin-top: 35px; color: #666666; line-height: 32px; } .about_main .about_section .brief .about_txt p { margin-top: 32px; } .about_main .about_section .brief .about_txt p:first-child { margin-top: 0; } .about_main .about_section .right_img { width: 53.3%; } .about_main .partner_section { padding: 80px 0; background-color: #f9fcff; } .about_main .partner_section .content { margin-top: 50px; } .about_main .partner_section .content .center { position: relative; } .about_main .partner_section .content .box .block { width: 18.33333%; background-color: #ffffff; border: solid 1px #eeeeee; } .about_main .partner_section .content .box .block:not(:nth-child(5n)) { margin-right: 2.08333%; } .about_main .partner_section .content .box .block:nth-child(n+6) { margin-top: 27px; } .about_main .partner_section .content .box .block .picture_container { padding-top: 64.54545%; } .about_main .partner_section .content .box .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .about_main .partner_section .content .box .block:nth-child(2) { -o-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .about_main .partner_section .content .box .block:nth-child(3) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .about_main .partner_section .content .box .block:nth-child(4) { -o-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .about_main .partner_section .content .box .block:nth-child(5) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .about_main .partner_section .content .box .block:nth-child(6) { -o-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .about_main .partner_section .content .box .block:nth-child(7) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .about_main .partner_section .content .box .block:nth-child(8) { -o-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .about_main .partner_section .content .box .block:nth-child(9) { -o-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .about_main .partner_section .content .box .block:nth-child(10) { -o-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .about_main .partner_section .content .swiper-pagination { margin-top: 45px; position: relative; } .about_main .partner_section .content .swiper-pagination-bullet { opacity: 1; width: 12px; height: 12px; margin: 0 10px; background-color: #cccccc; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .about_main .partner_section .content .swiper-pagination-bullet-active { background-color: #26a6ff; } .contact_main .title { position: relative; } .contact_main .title p { font-size: 60px; color: #eee; line-height: 1; font-weight: bold; opacity: 0.6; letter-spacing: 3px; } .contact_main .title h3 { position: relative; margin-top: -20px; padding-bottom: 15px; font-size: 36px; z-index: 1; line-height: 1; } .contact_main .title::after { content: ""; left: 0; bottom: 0; width: 20px; border-bottom: 3px solid #26a6ff; display: inline-block; } .contact_main .contact_us_section { position: relative; background-color: #f9fcff; } .contact_main .contact_us_section .contact_info { padding-top: 100px; padding-bottom: 77px; } .contact_main .contact_us_section .contact_info ul { padding-top: 65px; } .contact_main .contact_us_section .contact_info li { margin-top: 50px; font-size: 24px; letter-spacing: 1px; } .contact_main .contact_us_section .contact_info li:first-child { margin-top: 0; } .contact_main .contact_us_section .contact_info li .iconfont { font-size: 30px; color: #26a6ff; } .contact_main .contact_us_section .contact_info li span { margin-left: 50px; color: #888888; } .contact_main .contact_us_section .map { position: absolute; top: 0; right: 0; height: 100%; width: 50%; } .contact_main .contact_us_section .map .map_info { position: absolute; top: 204px; left: 200px; width: 336px; height: 109px; padding: 25px 40px; background-color: #ffffff; border-radius: 5px; } .contact_main .contact_us_section .map .map_info p { margin-bottom: 20px; line-height: 1; } .contact_main .contact_us_section .map .map_info .name { font-size: 22px; } .contact_main .contact_us_section .map .map_info .addr { font-size: 18px; color: #b3b3b3; } .contact_main .contact_us_section .map .map_info::after { content: ""; position: absolute; left: 50%; bottom: -23px; margin-left: -26px; width: 53px; height: 24px; background: url("/cn/images/change/addr.png") center top no-repeat; } .contact_main .online_section { padding: 80px 0; } .contact_main .online_section .form_wrap { margin-top: 40px; } .contact_main .online_section .form_wrap ul { margin-bottom: 24px; } .contact_main .online_section .form_wrap li { width: 30.4%; } .contact_main .online_section .form_wrap li input { width: 100%; font-size: 16px; } .contact_main .online_section .form_wrap input { padding-left: 20px; height: 50px; border: solid 1px #eeeeee; border-radius: 5px; color: #ccc; } .contact_main .online_section .form_wrap input::-webkit-input-placeholder { color: #ccc; } .contact_main .online_section .form_wrap input:-moz-placeholder { color: #ccc; } .contact_main .online_section .form_wrap input:-ms-input-placeholder { color: #ccc; } .contact_main .online_section .form_wrap input::placeholder { color: #ccc; } .contact_main .online_section .form_wrap .text { font-size: 20px; margin-bottom: 16px; } .contact_main .online_section .form_wrap .text .required { color: #e60012; } .contact_main .online_section .form_wrap textarea { padding: 10px 20px; height: 150px; width: 100%; border: solid 1px #eeeeee; font-size: 16px; border-radius: 5px; color: #ccc; } .contact_main .online_section .form_wrap textarea::-webkit-input-placeholder { color: #ccc; } .contact_main .online_section .form_wrap textarea:-moz-placeholder { color: #ccc; } .contact_main .online_section .form_wrap textarea:-ms-input-placeholder { color: #ccc; } .contact_main .online_section .form_wrap textarea::placeholder { color: #ccc; } .contact_main .online_section .form_wrap .area_wrap { margin-bottom: 24px; } .contact_main .online_section .form_wrap .code div { margin-left: 40px; } .contact_main .online_section .form_wrap .code div:first-child { margin-left: 0; } .contact_main .online_section .form_wrap .code a { margin-left: 20px; color: #e60012; text-decoration: underline; font-size: 16px; } .contact_main .online_section .form_wrap .code input { width: 150px; } .contact_main .online_section .form_wrap .submit input { padding: 0; width: 165px; height: 44px; background-color: #26a6ff; text-align: center; color: #fff; cursor: pointer; font-size: 18px; } .service_main .xg_title h3 { font-size: 36px; letter-spacing: 1px; text-align: center; line-height: 1; } .service_main .declare_section { padding-top: 80px; padding-bottom: 80px; } .service_main .declare_section .main1_txt { margin-top: 50px; } .service_main .declare_section .left_form { width: 50%; padding-right: 30px; border-right: 1px solid #eee; } .service_main .declare_section .line { position: relative;} .service_main .declare_section .left_form .line .down_mask{ display: none;position: absolute;border: solid 1px #eeeeee;width: calc(100% + 2px);left: -1px; top: 51px;background-color: #fff;z-index: 5;padding: 15px 35px;} .service_main .declare_section .left_form .line .down_mask li{ line-height: 2.5;cursor: pointer;} .service_main .declare_section .left_form .line .down_mask li:hover{ color: #26a6ff;} .service_main .declare_section .left_form input { margin-bottom: 14px; width: 100%; height: 50px; padding-left: 35px; color: #bbb; border-radius: 5px; font-size: 16px; border: solid 1px #eeeeee; } .service_main .declare_section .left_form input::-webkit-input-placeholder { color: #bbb; } .service_main .declare_section .left_form input:-moz-placeholder { color: #bbb; } .service_main .declare_section .left_form input:-ms-input-placeholder { color: #bbb; } .service_main .declare_section .left_form input::placeholder { color: #bbb; } .service_main .declare_section .left_form input:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .service_main .declare_section .left_form input:nth-child(2) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .service_main .declare_section .left_form input:nth-child(3) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .service_main .declare_section .left_form input:nth-child(4) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .service_main .declare_section .left_form input:nth-child(5) { -o-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .service_main .declare_section .left_form input:nth-child(6) { -o-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; } .service_main .declare_section .left_form input:focus { border-color: #26a6ff; } .service_main .declare_section .left_form #submit { margin: 0; padding: 0; color: #fefefe; background-color: #26a6ff; cursor: pointer; } .service_main .declare_section .main1_right { width: 50%; padding-left: 30px; } .service_main .declare_section .main1_right .dt { margin-bottom: 35px; line-height: 1; font-size: 18px; } .service_main .declare_section .main1_right .dt span { color: #26a6ff; font-weight: bold; font-size: 20px; } .service_main .declare_section .main1_right .overflow { height: 312px; } .service_main .declare_section .main1_right .scroll_wrap { overflow: hidden; } .service_main .declare_section .main1_right .dd { padding: 4px 13px; background-color: #f9fcff; height: 52px; line-height: 47px; } .service_main .declare_section .main1_right .dd:last-child ul { border-bottom: none; } .service_main .declare_section .main1_right .dd ul { border-bottom: dashed 1px #eaf4ff; } .service_main .declare_section .main1_right .dd li { width: 90px; color: #999999; text-align: left; } .service_main .declare_section .main1_right .dd li:first-child { width: 65px; } .service_main .declare_section .main1_right .dd li:nth-child(2) { width: 100px; } .service_main .declare_section .main1_right .dd li:last-child { width: auto; } .service_main .declare_section .main1_right .dd li a { color: #26a6ff; } .service_main .programme_section { padding: 70px 0 80px; background-color: #f9fcff; } .service_main .programme_section .programme_list { margin-top: 50px; } .service_main .programme_section .programme_item { padding-left: 28px; height: 130px; width: 100%; background: url("/cn/images/public/service_main2_icon01.png") center no-repeat; } .service_main .programme_section .programme_item:last-child { margin-top: 50px; background: url("/cn/images/public/service_main2_icon02.png") center no-repeat; } .service_main .programme_section .programme_item ul { width: 100%; } .service_main .programme_section .programme_item li { width: 300px; } .service_main .programme_section .programme_item li:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .service_main .programme_section .programme_item li:nth-child(2) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .service_main .programme_section .programme_item li:nth-child(3) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .service_main .programme_section .programme_item li:nth-child(4) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .service_main .programme_section .programme_item li:last-child { width: 272px; } .service_main .programme_section .programme_item .cir { margin-right: 20px; width: 45px; height: 45px; background-color: #fff; text-align: center; line-height: 45px; border-radius: 50%; opacity: 0; } .service_main .programme_section .programme_item .cir .iconfont { font-size: 24px; color: #26a6ff; } .service_main .programme_section .programme_item .txt { color: #fff; line-height: 1; } .service_main .programme_section .programme_item .txt_title { font-size: 18px; } .service_main .programme_section .programme_item .txt_content { font-size: 14px; margin-top: 20px; } .service_main .programme_section .goto_online { margin-top: 60px; } .service_main .programme_section .goto_online a { width: 150px; height: 50px; line-height: 48px; text-align: center; border-radius: 5px; color: #26a6ff; border: 1px solid #26a6ff; } .service_main .programme_section .goto_online a:hover { color: #fff; background-color: #26a6ff; } .service_main .advantage_section { padding: 70px 0 80px; } .service_main .advantage_section ul { margin-top: 50px; padding: 20px 0; height: 480px; border-radius: 10px; border: solid 1px #26a6ff; } .service_main .advantage_section li { padding: 40px 0; width: 25%; text-align: center; } .service_main .advantage_section li:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .service_main .advantage_section li:nth-child(2) { -o-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .service_main .advantage_section li:nth-child(3) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .service_main .advantage_section li:nth-child(4) { -o-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .service_main .advantage_section li:nth-child(5) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .service_main .advantage_section li:nth-child(6) { -o-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .service_main .advantage_section li:nth-child(7) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .service_main .advantage_section li:nth-child(8) { -o-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .service_main .advantage_section li .icon { width: 100%; height: 45px; text-align: center; } .service_main .advantage_section li .iconfont { font-size: 45px; color: #26a6ff; } .service_main .advantage_section li .iconfont.icon-baohu { font-size: 50px; } .service_main .advantage_section li .item_title { margin-top: 36px; margin-bottom: 14px; font-size: 20px; color: #555555; } .service_main .advantage_section li .item_des { color: #999; line-height: 1; } .service_main .advantage_section .goto_details { margin-top: 60px; } .service_main .advantage_section .goto_details a { width: 150px; height: 50px; line-height: 48px; text-align: center; border-radius: 5px; color: #26a6ff; border: 1px solid #26a6ff; } .service_main .advantage_section .goto_details a:hover { color: #fff; background-color: #26a6ff; } .service_main .policy_section { padding: 70px 0 80px; background: url("/cn/images/public/service_bg.jpg") center no-repeat; color: #fff; } .service_main .policy_section h3 { color: #fff; } .service_main .policy_section ul { padding: 0 40px; margin-top: 25px; margin-bottom: 60px; } .service_main .policy_section li { padding: 40px 0 23px; width: 45.1%; text-align: center; line-height: 1; border-bottom: dashed 1px rgba(255, 255, 255, 0.2); } .service_main .policy_section li:nth-child(odd) .title { margin-left: 32.7%; } .service_main .policy_section li:nth-child(even) .title { margin-left: 29.3%; } .service_main .policy_section li .order { position: relative; margin-right: 20px; width: 20px; height: 20px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.15); display: inline-block; } .service_main .policy_section li .order::after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .service_main .policy_section li .title { font-size: 18px; font-weight: bold; } .service_main .policy_section li .txt { margin-top: 28px; } .service_main .policy_section a { width: 150px; height: 50px; line-height: 48px; font-size: 18px; text-align: center; border-radius: 5px; color: #fff; border: 1px solid #fff; } .service_main .policy_section a:hover { color: #26a6ff; border: 1px solid #26a6ff; } .service_main .subsidy_section { padding: 70px 0 80px; } .service_main .subsidy_section .subsidy_list { margin-top: 50px; } .service_main .subsidy_section .title { font-size: 20px; } .service_main .subsidy_section .desc { line-height: 24px; color: #999; } .service_main .subsidy_section a { margin: 26px auto 0; width: 150px; height: 50px; line-height: 50px; background-color: #26a6ff; border-radius: 5px; color: #fff; } .service_main .subsidy_section a:hover { opacity: 0.6; } .service_main .subsidy_section .subsidy_item { position: relative; padding-top: 45px; padding-bottom: 50px; width: 48.75%; border-radius: 10px; border: solid 1px #26a6ff; text-align: center; } .service_main .subsidy_section .subsidy_item .desc { margin-top: 17px; } .service_main .subsidy_section .subsidy_item .iconfont { position: absolute; bottom: 0; right: 10px; font-size: 120px; color: #3cadff; opacity: 0.15; } .service_main .subsidy_section ul { margin-top: 30px; } .service_main .subsidy_section li { padding-bottom: 50px; width: 22.9%; text-align: center; box-shadow: 0px 1px 20px 2px rgba(38, 166, 255, 0.1); border-radius: 10px; background-color: #fff; } .service_main .subsidy_section li:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .service_main .subsidy_section li:nth-child(2) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .service_main .subsidy_section li:nth-child(3) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .service_main .subsidy_section li:nth-child(4) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .service_main .subsidy_section li .title { margin-top: 36px; display: block; } .service_main .subsidy_section li .desc { margin-top: 12px; margin-bottom: 26px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 24px; max-height: 72px; min-height: 72px; } .service_main .subsidy_section li:nth-child(2) { box-shadow: 0px 1px 20px 2px rgba(59, 207, 163, 0.1); } .service_main .subsidy_section li:nth-child(2) a { background-color: #3bcfa3; } .service_main .subsidy_section li:nth-child(3) { box-shadow: 0px 1px 20px 2px rgba(242, 174, 60, 0.1); } .service_main .subsidy_section li:nth-child(3) a { background-color: #f2ae3c; } .service_main .subsidy_section li:nth-child(4) { box-shadow: 0px 1px 20px 2px rgba(158, 107, 221, 0.1); } .service_main .subsidy_section li:nth-child(4) a { background-color: #9e6bdd; } .service_main .service_centre_section { padding: 70px 0 80px; background-color: #f9fcff; } .service_main .service_centre_section ul { margin-top: 50px; } .service_main .service_centre_section li { padding-bottom: 25px; width: 14.58%; border-radius: 10px; background-color: #fff; text-align: center; } .service_main .service_centre_section li:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .service_main .service_centre_section li:nth-child(2) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .service_main .service_centre_section li:nth-child(3) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .service_main .service_centre_section li:nth-child(4) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .service_main .service_centre_section li:nth-child(5) { -o-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .service_main .service_centre_section li:nth-child(6) { -o-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; } .service_main .service_centre_section li:nth-child(7) { -o-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .service_main .service_centre_section li:nth-child(8) { -o-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .service_main .service_centre_section li .text { margin-top: 17px; font-size: 18px; } .service_main .service_centre_section li .sub_text { margin-top: 3px; font-size: 14px; color: #bbbbbb; } .service_main .service_centre_section li a { margin-top: 24px; color: #26a6ff; } .service_main .service_centre_section li a .iconfont { margin-left: -7px; display: inline-block; width: 4px; } .service_main .service_centre_section li a .iconfont:last-child { margin-left: 0; } @-webkit-keyframes arrow { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes arrow { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .map_main .map_section { padding: 70px; } .map_main .map_section dl { padding: 30px; margin-top: 50px; text-align: center; border: 1px solid #ccc; border-radius: 20px; } .map_main .map_section dt { width: 100%; font-size: 30px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .map_main .map_section dt a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .map_main .map_section dd { margin-top: 30px; width: 30%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .map_main .map_section dd a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .side_box { position: fixed; top: 50%; right: 20px; margin-top: -160px; background-color: #5b5d65; z-index: 999; } .side_box li { position: relative; padding: 14px 0; width: 70px; height: 80px; font-size: 12px; line-height: 25px; color: #fff; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.1); } .side_box li .rq_code_wrap { position: absolute; left: -130px; top: -20px; width: 120px; height: 120px; display: none; } .side_box li:hover { background-color: #26a6ff; } .side_box li:hover .rq_code_wrap { display: block; } .side_box li .iconfont { font-size: 40px; } .side_box li:first-child { border: none; } .side_box li a { height: 100%; width: 100%; } .side_box li.go_top { cursor: pointer; } /* FILE ARCHIVED ON 01:38:41 Apr 09, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 07:14:04 Jul 26, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.606 exclusion.robots: 0.042 exclusion.robots.policy: 0.032 esindex: 0.013 cdx.remote: 14.681 LoadShardBlock: 109.584 (3) PetaboxLoader3.datanode: 262.239 (4) PetaboxLoader3.resolve: 77.051 (2) load_resource: 267.304 */