/*@charset "utf-8";*/ .NumberBold { font-family: "NumberBold", "Microsoft YaHei", "微软雅黑", "Arial", "Helvetica", "sans-serif" !important; } .EnLight { font-family: "GOTHAM-LIGHT", "Microsoft YaHei", "微软雅黑", "Arial", "Helvetica", "sans-serif" !important; } .footNumber { font-family: "UnidreamLED", "Microsoft YaHei", "微软雅黑", "Arial", "Helvetica", "sans-serif" !important; } .GOTHAMBOLD { font-family: "GOTHAMBOLD", "Microsoft YaHei", "微软雅黑", "Arial", "Helvetica", "sans-serif" !important; } @font-face { font-family: "GOTHAM-LIGHT"; src: url(../fonts/Manrope-Light.ttf); } @font-face { font-family: "NumberBold"; src: url(../fonts/POPPINSLATIN-SEMIBOLD_0.OTF); } @font-face { font-family: "UnidreamLED"; src: url(../fonts/Manrope-Regular.ttf); } @font-face { font-family: "GOTHAMBOLD"; src: url(../fonts/Manrope-Medium.ttf); } * { margin: 0; padding: 0; box-sizing: border-box; word-wrap: break-word !important; word-break: normal !important; } html, body { font-family: "Microsoft YaHei", 微软雅黑, Arial, Helvetica, sans-serif; background: #fff; font-size: 0.7291666vw; color: #333; margin: 0 auto; width: 100%; -webkit-overflow-scrolling: touch; } /*默认样式*/ .nicescroll-cursors { border: none !important; } .nicescroll-rails { cursor: pointer !important; } /*#ascrail2000 {*/ /* height: calc(100vh - 1.041666vw) !important;*/ /* top: 0.5208333vw!important;*/ /* right: 0.15625vw!important;*/ /* overflow: hidden!important;*/ /*}*/ .BMap_cpyCtrl { display: none; } .anchorBL { display: none; } .body_flex { position: fixed; } img { border: none; display: block; width: 100%; } i { font-style: normal; } div { display: block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } table { border-collapse: collapse; } a { display: inline-block; text-decoration: none; color: #000; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } h1, h2, h3, h4, h5 { font-weight: normal; } video { outline: none; } a:focus { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } li { list-style: none; } input, select, button, textarea { vertical-align: middle; border-radius: 0; outline: none; background: none; border: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-family: "思源黑体 CN ligth", "Source-Hei", "Microsoft YaHei", 微软雅黑, Arial, Helvetica, sans-serif; } select::-ms-expand { display: none; } textarea { resize: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; } textarea { resize: vertical; } /*清除浮动*/ .clear:after { content: ""; width: 0; height: 0; clear: both; display: block; } /*input高亮*/ .salient-input { padding: 0.3645833vw 0 0.3645833vw 0.26041666vw; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } .salient-input:focus { border-color: #4faad6; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(10, 201, 245, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(10, 201, 245, .6); } /*单行超出省略*/ .space-over { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*多行超出省略*/ .space-list-over { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #8c8c8c; } input:-moz-placeholder, textarea:-moz-placeholder { color: #8c8c8c; } input::-moz-placeholder, textarea::-moz-placeholder { color: #8c8c8c; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #8c8c8c; } .cover { position: relative; height: 0; overflow: hidden; } .cover img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } .flex { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .banner_animation { opacity: 0; } .banner_box .swiper-slide { background: #fff; } /*!*滚动条整体部分,可以设置宽度等*!*/ /*::-webkit-scrollbar {*/ /*}*/ /*!*滚动条两端的按钮*!*/ /*::-webkit-scrollbar-button {*/ /*}*/ /*!*外层轨道*!*/ /*::-webkit-scrollbar-track {*/ /*}*/ /*!*内层滚动槽*!*/ /*::-webkit-scrollbar-track-piece {*/ /*}*/ /*!*滚动的滑块*!*/ /*::-webkit-scrollbar-thumb {*/ /*}*/ /*!*边角*!*/ /*::-webkit-scrollbar-corner {*/ /*}*/ /*!*定义右下角拖动块的样式*!*/ /*::-webkit-resizer {*/ /*}*/ /*css play*/ .web_center { padding: 0 10.41666vw; } .header_wrap { position: fixed; left: 0; top: 0; width: 100%; z-index: 999; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .header_wrap:after { content: ""; position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: #fff; -webkit-box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .1); box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .1); -webkit-transition: all .4s cubic-bezier(.69, .09, .46, .75); transition: all .4s cubic-bezier(.69, .09, .46, .75); } .banner_box { width: 100%; height: 100vh; } .banner_img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; } .banner_img video { position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover; } .header_logo { position: relative; width: 12.76041666vw; } .header_logo a { position: absolute; top: 50%; left: 0; height: 2.6vw; margin-top: -1.3vw; display: block; overflow: hidden; } .header_logo a img { width: auto; height: 100%; -webkit-transition: all .4s cubic-bezier(.69, .09, .46, .75); transition: all .4s cubic-bezier(.69, .09, .46, .75); } .header_logo a .header_white { position: relative; } .header_logo a .header_color { position: absolute; left: 0; top: 100%; width: 100%; } .header_box { position: relative; z-index: 1; padding: 2.6041666vw 2.6041666vw 0 2.6041666vw; -webkit-justify-content: space-between; justify-content: space-between; -webkit-transition: all .4s cubic-bezier(.69, .09, .46, .75); transition: all .4s cubic-bezier(.69, .09, .46, .75); } .header_nav_box { padding-top: 0.5208333vw; -webkit-align-items: center; align-items: center; -webkit-transition: all .4s cubic-bezier(.69, .09, .46, .75); transition: all .4s cubic-bezier(.69, .09, .46, .75); } .header_nav_item:nth-child(1) { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .header_nav_item:nth-child(2) { -webkit-animation-delay: 200ms; animation-delay: 200ms; } .header_nav_item:nth-child(3) { -webkit-animation-delay: 300ms; animation-delay: 300ms; } .header_nav_item:nth-child(4) { -webkit-animation-delay: 400ms; animation-delay: 400ms; } .header_nav_item:nth-child(5) { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .header_nav_item:nth-child(6) { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .header_nav_item:nth-child(7) { -webkit-animation-delay: 700ms; animation-delay: 700ms; } .header_nav_item { margin: 0 1.8229166vw; position: relative; } .header_nav_item:after { content: ""; position: absolute; top: 50%; left: -1.5625vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0; height: 0.1041666vw; background: #fff; -webkit-transition: all .4s cubic-bezier(.69, .09, .46, .75); transition: all .4s cubic-bezier(.69, .09, .46, .75); } .header_nav_item a { line-height: 3.125vw; font-size: 0.83333vw; color: #fff; -webkit-transition: all .4s cubic-bezier(.69, .09, .46, .75); transition: all .4s cubic-bezier(.69, .09, .46, .75); } .header_nav_active:after { width: 1.041666vw; } .header_nav_default:after { width: 0; } .header_nav_hover:after { width: 1.041666vw; } .header_active .header_nav_active:after { background: #3d5fb0; } .header_active .header_nav_default:after { background: #fff; } .header_active .header_nav_hover:after { background: #3d5fb0; } .header_active .header_nav_active a { color: #3d5fb0 !important; } .header_active .header_nav_default a { color: #333 !important; } .header_active .header_nav_hover a { color: #3d5fb0 !important; } .header_read_white:after { top: 0; } .header_read_white .header_logo a .header_color { top: 0; } .header_read_white .header_logo a .header_white { transform: translateY(-100%); } .header_read_white .header_nav_box { padding: 0; } .header_read_white .header_box { padding: 1.041666vw 2.6041666vw; -webkit-align-items: center; align-items: center; } .header_read_white .header_nav_item a { color: #333; } .header_read_white .header_search_icon:after { background: rgba(0, 0, 0, .3); } .header_read_white .header_search_label { color: #333; } .header_read_white .header_search_input input { color: #666; border-bottom: 1px solid #999; } .header_read_white .header_search_input input::placeholder { color: #666; } .header_read_white .header_search_submit { border: 1px solid #999; color: #666; } .header_read_white .header_search_submit:hover { background: #666; border: 1px solid #666; color: #fff; } .header_read_white .header_nav_active:after { background: #3d5fb0; } .header_read_white .header_nav_default:after { background: #fff; } .header_read_white .header_nav_hover:after { background: #3d5fb0; } .header_read_white .header_nav_active a { color: #3d5fb0 !important; } .header_read_white .header_nav_default a { color: #333 !important; } .header_read_white .header_nav_hover a { color: #3d5fb0 !important; } .header_search_box { -webkit-align-items: center; align-items: center; } .header_search_input { width: 0; height: 1.5625vw; overflow: hidden; position: relative; -webkit-transition: all .4s cubic-bezier(.69, .09, .46, .75); transition: all .4s cubic-bezier(.69, .09, .46, .75); } .header_search_list { width: 9.375vw !important; position: absolute; left: 0; top: 0; } .header_search_active .header_search_input { width: 9.375vw; } .header_search_active .header_search_show { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .3s .4s cubic-bezier(.645, .045, .355, 1); transition: all .3s .4s cubic-bezier(.645, .045, .355, 1); } .header_search_active .header_search_hide { left: 0; -webkit-transition: all .3s .4s cubic-bezier(.645, .045, .355, 1); transition: all .3s .4s cubic-bezier(.645, .045, .355, 1); } .header_search_submit { height: 1.5625vw; line-height: 1.458333vw; width: 2.6041666vw; background: none; border: 1px solid #ffffff; color: #ffffff; font-size: 0.7291666vw; text-align: center; -webkit-border-radius: 0.208333vw; border-radius: 0.208333vw; -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1); transition: all .3s cubic-bezier(.645, .045, .355, 1); cursor: pointer; } .header_search_submit:hover { background: #fff; color: #333; } .header_search_input input { display: block; width: calc(100% - 3.125vw); line-height: 1.5625vw; height: 1.5625vw; color: #fff; font-size: 0.83333vw; padding: 0 0.26041666vw; border-bottom: 1px solid #fff; margin-right: 0.5208333vw; } .header_search_input input::placeholder { color: #fff; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .header_search_item { width: 1.5625vw; height: 1.5625vw; overflow: hidden; margin: 0 0.5208333vw 0 2.08333vw; position: relative; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; cursor: pointer; -webkit-animation-delay: 900ms !important; animation-delay: 900ms !important; -webkit-transition: all .4s cubic-bezier(.69, .09, .46, .75); transition: all .4s cubic-bezier(.69, .09, .46, .75); } .header_search_label { width: 100%; height: 100%; font-size: 0.83333vw; color: #fff; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1); transition: all .3s cubic-bezier(.645, .045, .355, 1); } .header_search_hide { position: absolute; left: 100%; top: 0; } .header_search_icon { position: relative; width: 1px; height: 0.83333vw; margin-left: 1.041666vw; -webkit-animation-delay: 800ms !important; animation-delay: 800ms !important; } .header_search_icon:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .3); -webkit-transition: all .4s cubic-bezier(.69, .09, .46, .75); transition: all .4s cubic-bezier(.69, .09, .46, .75); } .header_active:after { top: 0; } .header_active .header_logo a .header_color { top: 0; } .header_active .header_logo a .header_white { transform: translateY(-100%); } .header_active .header_nav_box { padding: 0; } .header_active .header_box { padding: 1.041666vw 2.6041666vw; -webkit-align-items: center; align-items: center; } .header_active .header_nav_item a { color: #333; } .header_active .header_search_icon:after { background: rgba(0, 0, 0, .3); } .header_active .header_search_label { color: #333; } .header_active .header_search_input input { color: #666; border-bottom: 1px solid #999; } .header_active .header_search_input input::placeholder { color: #666; } .header_active .header_search_submit { border: 1px solid #999; color: #666; } .header_active .header_search_submit:hover { background: #666; border: 1px solid #666; color: #fff; } /**/ .header_white_page:after { top: 0; } .header_white_page .header_logo a .header_color { top: 0; } .header_white_page .header_logo a .header_white { transform: translateY(-100%); } .header_white_page .header_nav_box { padding: 0; } .header_white_page .header_box { padding: 1.041666vw 2.6041666vw; -webkit-align-items: center; align-items: center; } .header_white_page .header_nav_item a { color: #333; } .header_white_page .header_search_icon:after { background: rgba(0, 0, 0, .3); } .header_white_page .header_search_label { color: #333; } .header_white_page .header_search_input input { color: #666; border-bottom: 1px solid #999; } .header_white_page .header_search_input input::placeholder { color: #666; } .header_white_page .header_search_submit { border: 1px solid #999; color: #666; } .header_white_page .header_search_submit:hover { background: #666; border: 1px solid #666; color: #fff; } .index_public_center { text-align: center; } .index_public_en { font-size: 2.08333vw; line-height: 2.6041666vw; color: #7d7d7d; text-transform: uppercase; } .index_public_cn { font-size: 1.5625vw; line-height: 2.08333vw; color: #333; font-weight: bold; } .index_about_wrap { background: #f0f2f7; position: relative; } .index_about_back { position: absolute; left: 0; bottom: 0; width: 100%; pointer-events: none; } .index_about_box { padding: 7.8125vw 0; } .index_about_read { padding: 0 14.3229166vw; margin-top: 3.125vw; text-align: center; } .index_about_min { font-size: 1.5625vw; line-height: 2.08333vw; color: #4c4c4c; } .index_about_text { font-size: 0.83333vw; line-height: 1.6666vw; color: #666666; padding-top: 1.041666vw; } .index_about_roll_box { padding: 3.6458333vw 0; } .index_about_roll_item { width: 16.666667%; text-align: center; } .index_about_roll_number { font-size: 2.91666vw; line-height: 3.4375vw; color: #3d5fb0; } .index_about_roll_text { font-size: 0.7291666vw; line-height: 1.25vw; color: #666666; } .index_about_button_box { -webkit-justify-content: center; justify-content: center; padding: 1.5625vw 0 2.6041666vw 0; } .index_about_button_item { position: relative; margin: 0 1.041666vw; } .index_about_button_white:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #cccccc; } .index_about_button_color { position: relative; overflow: hidden; } .index_about_button_color:before { content: ""; position: absolute; width: 100%; height: 100%; left: -100%; top: 0; background: #fff; z-index: 1; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .index_about_button_color:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #3d5fb0; background: #3d5fb0; } .index_about_button_color:hover:before { left: 0; -webkit-border-radius: 0; border-radius: 0; } .index_about_button_color:hover a { color: #3d5fb0; } .index_about_button_item a { width: 8.3333vw; font-size: 0.83333vw; line-height: 2.91666vw; text-align: center; position: relative; z-index: 1; } .index_about_button_white { position: relative; overflow: hidden; background: #f0f2f7; } .index_about_button_white a { color: #3d5fb0; position: relative; z-index: 2; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .index_about_button_white:before { content: ""; position: absolute; width: 100%; height: 100%; left: -100%; top: 0; background: #3d5fb0; z-index: 1; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .index_about_button_white:hover a { color: #fff; } .index_about_button_white:hover:before { -webkit-transform: rotate(0); transform: rotate(0); left: 0; -webkit-border-radius: 0; border-radius: 0; } .index_about_button_color a { color: #fff; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .index_about_button_color a:before { margin-right: 0.26041666vw; } .index_about_button_text { font-size: 0.7291666vw; color: #999999; text-align: center; } .index_news_wrap { padding: 10.41666vw 0; background: #f0f1f5; } .index_news_tab { width: 50%; } .index_news_swiper { width: 100%; } .index_news_item a { position: relative; display: block; } .index_news_item_img img { -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .index_news_swiper:hover .index_news_item_img img { -webkit-transform: scale(1.05); transform: scale(1.05); } .index_news_swiper:hover .index_news_button { -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); opacity: 1; pointer-events: auto; } .index_news_item_read { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, .6); padding: 0 2.6041666vw; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; line-height: 4.16666vw; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .index_news_item_img { padding-bottom: 69.73684%; } .index_news_item_title { font-size: 0.9375vw; line-height: 1.3541666vw; color: #fff; font-weight: bold; width: calc(100% - 4.16666vw); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .index_news_item_time { font-size: 0.67708333vw; color: #fff; width: 4.16666vw; } .index_news_content { padding-top: 4.16666vw; } .index_news_list_box { padding-left: 4.16666vw; width: 50%; } .index_news_label_box { -webkit-justify-content: space-between; justify-content: space-between; } .index_news_label_item { width: 25%; position: relative; cursor: pointer; -webkit-justify-content: center; justify-content: center; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .index_news_label_item:after { content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #cccccc; } .index_news_label_item:last-child:after { display: none; } .index_news_label_item a { font-size: 0.9375vw; line-height: 1.458333vw; color: #999999; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .index_news_label_active a { color: #3d5fb0; font-weight: bold; } .index_news_li { -webkit-align-items: center; align-items: center; padding: 2.6041666vw 0 1.5625vw 0; width: 100%; position: relative; } .index_news_li:after { content: ""; height: 1px; width: 100%; position: absolute; bottom: 0; left: 0; background: #cccccc; } .index_news_number_box { width: 4.16666vw; text-align: center; } .index_news_page_box { padding-left: 2.08333vw; width: calc(100% - 4.16666vw); } .index_news_number_max { font-size: 2.708333vw; line-height: 2.708333vw; color: #808080; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .index_news_number_min { color: #b2b2b2; font-size: 0.83333vw; line-height: 1.3541666vw; margin-top: 0.5208333vw; } .index_news_page_title a { font-size: 0.9375vw; line-height: 1.3541666vw; font-weight: bold; color: #333333; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .index_news_li:hover .index_news_number_max { color: #333; } .index_news_li:hover .index_news_page_title a { color: #3d5fb0; } .index_news_li:hover .index_news_page_text { color: #666666; } .index_news_page_text { font-size: 0.83333vw; line-height: 1.3541666vw; color: #999999; margin-top: 0.5208333vw; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .index_business_wrap { position: relative; overflow: hidden; } .index_business_back { padding-bottom: 52.083333%; } .index_business_back img { position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1); } .index_business_back:after { content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(61, 95, 176, .94); } .index_business_content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; z-index: 1; } .index_public_white .index_public_en { color: #fff; } .index_public_white .index_public_cn { color: #fff; } .index_news_more_box { -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } .index_news_more_read a { position: relative; /*padding-right: 1.041666vw;*/ -webkit-align-items: center; align-items: center; line-height: 1.458333vw; } .index_news_more_read a .index_news_more_read_text { font-size: 0.9375vw; color: #3d5fb0; font-weight: bold; } .index_news_more_read a .index_news_more_read_icon { font-size: 1.5625vw; font-weight: bold; color: #3d5fb0; position: relative; top: 1px; margin-left: 0.26041666vw; } .footer_wrap { background: #363d4d; } .footer_link_wrap { background: #ededed; position: relative; z-index: 9; } .footer_link_box { -webkit-align-items: center; align-items: center; } .footer_link_title { width: 17.1%; font-size: 0.9375vw; color: #333333; } .footer_link_list { width: 82.9%; padding: 2.34375vw 0; } .footer_link_item { width: 15.625vw; margin-right: 1.041666vw; position: relative; } .footer_link_item_down { position: absolute; left: 0; width: 100%; max-height: 15.625vw; overflow: auto; pointer-events: none; opacity: 0; -webkit-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1); } .footer_link_active .footer_link_item_down { pointer-events: auto; opacity: 1; } .footer_link_active .footer_link_item_title:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .footer_link_item:last-child { margin-right: 0; } .footer_link_item_title { width: 100%; font-size: 0.83333vw; line-height: 2.6041666vw; color: #808080; background: #fff; padding: 0 1.041666vw; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; cursor: pointer; } .footer_link_item_title:after { content: ""; border-left: 0.3125vw solid transparent; border-right: 0.3125vw solid transparent; border-top: 0.41666vw solid #cccccc; pointer-events: none; -webkit-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1); } .footer_link_item_down { display: block; } .footer_link_item_url { height: 2.6041666vw; } .footer_link_item_url a { display: block; width: 100%; padding: 0 1.041666vw; background: #fff; line-height: 2.6041666vw; height: 2.6041666vw; font-size: 0.7291666vw; color: #666; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .footer_link_item_url a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #eeeeee; } .footer_link_item_url a:hover { background: #f6f6f6; } .footer_box { padding-top: 6.25vw; } .footer_head_box { -webkit-justify-content: space-between; justify-content: space-between; padding-bottom: 3.125vw; } .footer_head_item { line-height: 1.25vw; -webkit-align-items: center; align-items: center; cursor: pointer; } .footer_head_item .footer_head_icon { color: #3d5fb0; font-size: 1.5625vw; padding-right: 0.5208333vw; } .footer_head_item .footer_head_text { color: #fff; font-size: 0.78125vw; } .footer_head_item .footer_head_tel { color: #fff; font-size: 1.25vw; } .footer_head_item .footer_head_tel a { color: #fff; font-size: 1.25vw; } .footer_nav_title { font-size: 0.9375vw; line-height: 1.458333vw; color: #fff; padding-bottom: 1.30208333vw; width: 100%; text-align: right; } .footer_nav_li a { font-size: 0.83333vw; line-height: 1.9791666vw; color: rgba(255, 255, 255, .3); } .footer_nav_item { padding-right: 5.208333vw; } .footer_nav_item:nth-child(1) { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .footer_nav_item:nth-child(2) { -webkit-animation-delay: 200ms; animation-delay: 200ms; } .footer_nav_item:nth-child(3) { -webkit-animation-delay: 300ms; animation-delay: 300ms; } .footer_nav_item:nth-child(4) { -webkit-animation-delay: 400ms; animation-delay: 400ms; } .footer_nav_item:nth-child(5) { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .footer_nav_item:nth-child(6) { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .footer_content_box { padding: 2.08333vw 0 4.6875vw 0; position: relative; -webkit-align-items: flex-start; align-items: flex-start; } .footer_content_box:after { content: ""; position: absolute; left: 0; top: 0; height: 1px; width: 100%; background: rgba(255, 255, 255, .2); } .footer_nav_box { width: calc(100% - 17.708333vw); position: relative; } .footer_share_box:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 1px; background: rgba(255, 255, 255, .2); } .footer_share_box { -webkit-animation-delay: 700ms !important; animation-delay: 700ms !important; width: 17.708333vw; position: relative; -webkit-justify-content: flex-end; justify-content: flex-end; } .footer_share_list { width: 100%; -webkit-justify-content: flex-end; justify-content: flex-end; margin-bottom: 1.30208333vw; } .footer_share_list a { font-size: 0.83333vw; line-height: 1.9791666vw; color: rgba(255, 255, 255, .3); margin-left: 1.30208333vw; } .footer_share_icon_box { padding: 1.30208333vw 0 0.78125vw 0; } .footer_share_icon_item { padding-right: 1.5625vw; } .footer_share_icon_item a { font-size: 1.458333vw; color: #fff; } .footer_share_ewm { width: 7.6041666vw; } .footer_bq_wrap { background: #2e3442; width: 100%; } .footer_bq_box { -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; padding: 1.09375vw 0; } .footer_bq_link, .footer_bq_text, .footer_bq_center { color: rgba(255, 255, 255, .3); font-size: 0.83333vw; line-height: 1.9791666vw; } .footer_bq_link a { color: rgba(255, 255, 255, .3); font-size: 0.83333vw; line-height: 1.9791666vw; } .footer_bq_text a { color: rgba(255, 255, 255, .3); font-size: 0.83333vw; line-height: 1.9791666vw; } .footer_bq_center { -webkit-align-items: center; align-items: center; } .number_box { position: relative; font-size: 1.3541666vw; line-height: 1.875vw; width: 3.6458333vw; height: 1.875vw; background: #000000; color: #89abfc; margin: 0 0.26041666vw; padding: 0 0.26041666vw; } .index_wap_box { padding: 5.208333vw 0 10.41666vw 0; } .index_wap_content { padding: 0 10.41666vw 0 5.208333vw; } .index_wap_list { width: 59.7%; position: relative; } .index_wap_tagging_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } .index_wap_icon_active { -webkit-transform: scale(1.2) !important; transform: scale(1.2) !important; } .index_wap_icon_item .index_wap_icon_text { line-height: 1.041666vw; } .index_wap_icon_max .icon-dizhi { font-size: 1.3541666vw; -webkit-text-stroke: 1px #fff; background-image: linear-gradient(-45deg, #c8a16c, #d8caa4); -webkit-background-clip: text; color: transparent; } .index_wap_icon_max .index_wap_icon_text { font-size: 0.83333vw; font-weight: bold; color: #c8a16c; } .index_wap_icon_min .icon-dizhi { font-size: 1.041666vw; -webkit-text-stroke: 1px #fff; background-image: linear-gradient(-45deg, #385aa5, #5d82d2); -webkit-background-clip: text; color: transparent; } .index_wap_icon_small .icon-dizhi { -webkit-text-stroke: 1px #fff; } .index_wap_icon_min .index_wap_icon_text { font-size: 0.7291666vw; color: #333333; } .index_wap_icon_min .index_wap_icon_text { font-size: 0.7291666vw; color: #333333; } .index_wap_icon_small .index_wap_icon_text { font-size: 0.7291666vw; color: #808080; } .index_wap_icon_circular { width: 0.5208333vw; height: 0.5208333vw; -webkit-border-radius: 0.26041666vw; border-radius: 0.26041666vw; border: 1px solid #fff; box-sizing: border-box; background: #385aa5; margin: 0 auto; } .index_wap_icon_item:nth-child(1) { left: 69%; top: 84%; } .index_wap_icon_item:nth-child(2) { left: 71.5%; top: 36%; } .index_wap_icon_item:nth-child(3) { left: 59.5%; top: 46%; } .index_wap_icon_item:nth-child(4) { left: 50.5%; top: 56%; } .index_wap_icon_item:nth-child(5) { left: 62.5%; top: 63%; } .index_wap_icon_item:nth-child(6) { left: 79.5%; top: 61.5%; } .index_wap_icon_item:nth-child(7) { left: 63%; top: 83%; } .index_wap_icon_item:nth-child(8) { left: 69%; top: 80.5%; } .index_wap_icon_item:nth-child(9) { left: 19%; top: 29.5%; } .index_wap_icon_item:nth-child(10) { left: 86%; top: 19.5%; } .index_wap_icon_item:nth-child(11) { left: 61%; top: 34%; } .index_wap_icon_item:nth-child(12) { left: 84%; top: 27%; } .index_wap_icon_item:nth-child(13) { left: 82.5%; top: 32%; } .index_wap_icon_item:nth-child(14) { left: 63.5%; top: 42%; } .index_wap_icon_item:nth-child(15) { left: 68%; top: 41%; } .index_wap_icon_item:nth-child(16) { left: 53%; top: 46%; } .index_wap_icon_item:nth-child(17) { left: 64.5%; top: 47%; } .index_wap_icon_item:nth-child(18) { left: 72%; top: 45%; } .index_wap_icon_item:nth-child(19) { left: 77%; top: 48%; } .index_wap_icon_item:nth-child(20) { left: 55%; top: 59%; } .index_wap_icon_item:nth-child(21) { left: 65.2%; top: 58%; } .index_wap_icon_item:nth-child(22) { left: 69%; top: 57%; } .index_wap_icon_item:nth-child(23) { left: 72.5%; top: 54%; } .index_wap_icon_item:nth-child(24) { left: 84%; top: 60%; } .index_wap_icon_item:nth-child(25) { left: 55%; top: 67%; } .index_wap_icon_item:nth-child(26) { left: 67%; top: 62.5%; } .index_wap_icon_item:nth-child(27) { left: 83.5%; top: 64.5%; } .index_wap_icon_item:nth-child(28) { left: 81.5%; top: 70.5%; } .index_wap_icon_item:nth-child(29) { left: 49%; top: 82.5%; } .index_wap_icon_item:nth-child(30) { left: 59%; top: 88%; } .index_wap_icon_item:nth-child(31) { left: 67%; top: 88%; } .index_wap_icon_item:nth-child(32) { left: 63%; top: 94%; } .index_wap_icon_item:nth-child(33) { left: 78%; top: 80%; } .index_wap_icon_item:nth-child(34) { left: 70%; top: 66%; } .index_wap_explain_max { font-size: 1.3541666vw; -webkit-text-stroke: 1px #fff; background-image: linear-gradient(-127deg, #c8a16c, #d8caa4); -webkit-background-clip: text; color: transparent; } .business_case_swiper .news_list_item { width: 100%; } .business_case_swiper .news_list_item .news_list_title { margin: 0 0 1.5625vw 0; } .index_wap_explain_min { font-size: 1.041666vw; -webkit-text-stroke: 1px #fff; background-image: linear-gradient(-127deg, #385aa5, #5d82d2); -webkit-background-clip: text; color: transparent; } .index_wap_explain_small { font-size: 1.041666vw; -webkit-text-stroke: 1px #fff; color: #b6caf0; -webkit-background-clip: text; } .index_wap_explain_text { line-height: 1.458333vw; font-size: 0.9375vw; color: #333333; padding-left: 0.5208333vw; } .index_wap_explain_item { -webkit-align-items: center; align-items: center; width: 33.3333%; } .index_wap_explain_box { padding: 3.6458333vw 0 2.08333vw 0; } .index_wap_explain_line { width: 100%; height: 1px; background: #cccccc; } .index_wap_read { width: 40.3%; padding-left: 7.291666vw; } /*.index_wap_tab .swiper-slide {*/ /* background: #fff;*/ /*}*/ .index_wap_tab_title { font-size: 0.9375vw; line-height: 1.875vw; font-weight: bold; color: #666666; } .index_wap_tab_text { font-size: 0.83333vw; line-height: 1.875vw; color: #808080; } .index_wap_tab_button a { background: #385aa5; width: 9.375vw; line-height: 2.91666vw; color: #fff; -webkit-justify-content: center; justify-content: center; } .index_wap_tab_button_text { font-size: 0.83333vw; color: #fff; } .index_wap_tab_button a .index_wap_tab_icon { font-size: 1.25vw; color: #fff; position: relative; top: 1px; left: 0; margin-left: 0.26041666vw; } .index_wap_button_label { font-weight: bold; } .index_wap_tab_content { padding-top: 1.8229166vw; } .index_wap_tab_text { margin-bottom: 4.16666vw; } .banner_pagination { width: 100%; -webkit-justify-content: center; justify-content: center; bottom: 2.08333vw !important; opacity: 0; -webkit-transition: all .6s cubic-bezier(.64, .19, .34, .84); transition: all .6s cubic-bezier(.64, .19, .34, .84); } .banner_pagination .swiper-pagination-bullet { margin: 0 0.78125vw !important; opacity: 1; width: 0.7291666vw; height: 0.7291666vw; position: relative; overflow: hidden; background: none; } .banner_pagination .swiper-pagination-bullet:before { content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, .4); background: rgba(0, 0, 0, .4); -webkit-border-radius: 100%; border-radius: 100%; } .banner_pagination .swiper-pagination-bullet:after { content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; left: -100%; top: 0; background: #fff; -webkit-transition: all .4s cubic-bezier(.69, .09, .46, .75); transition: all .4s cubic-bezier(.69, .09, .46, .75); } .banner_pagination .swiper-pagination-bullet-active { background: none; } .banner_pagination .swiper-pagination-bullet-active:after { left: 0; } .index_news_button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; font-size: 1.6666vw; color: #fff; outline: none; cursor: pointer; opacity: 0; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .index_news_prev { left: 2.08333vw; -webkit-transform: translateY(-50%) translateX(-1.5625vw); transform: translateY(-50%) translateX(-1.5625vw); } .index_news_next { right: 2.08333vw; -webkit-transform: translateY(-50%) translateX(1.5625vw); transform: translateY(-50%) translateX(1.5625vw); } .index_news_prev:before { display: block; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .ScaleInfinite { -webkit-animation: ScaleInfinite 16s linear infinite normal both; animation: ScaleInfinite 16s linear infinite normal both; } @-webkit-keyframes ScaleInfinite { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes ScaleInfinite { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .index_wap_icon_max { -webkit-transform: translateY(-5.208333vw); transform: translateY(-5.208333vw); -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .index_wap_top { -webkit-animation: index_wap_top .3s cubic-bezier(.69, .09, .46, .75) forwards; animation: index_wap_top .3s cubic-bezier(.69, .09, .46, .75) forwards; } @-webkit-keyframes index_wap_top { 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes index_wap_top { 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .index_wap_icon_min { -webkit-transform: scale(.5); transform: scale(.5); -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .index_wap_scale { -webkit-animation: index_wap_scale .3s cubic-bezier(.69, .09, .46, .75) forwards; animation: index_wap_scale .3s cubic-bezier(.69, .09, .46, .75) forwards; } @-webkit-keyframes index_wap_scale { 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes index_wap_scale { 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .index_wap_icon_small { -webkit-transform: scale(.5); transform: scale(.5); -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .index_wap_read_top { margin-top: 7.8125vw; -webkit-animation-delay: 3000ms !important; animation-delay: 3000ms !important; } .footer_nav_box a { position: relative; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .footer_nav_box a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #fff; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .footer_nav_box a:hover { color: #fff; } .footer_nav_box a:hover:after { width: 100%; } .footer_share_list a { position: relative; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .footer_share_list a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #fff; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .footer_share_list a:hover { color: #fff; } .footer_share_list a:hover:after { width: 100%; } .footer_bq_box a { position: relative; cursor: pointer; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .footer_bq_box a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #fff; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .footer_bq_box a:hover { color: #fff; } .footer_bq_box a:hover:after { width: 100%; } .loading_wrap { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 9999; overflow: hidden; -webkit-align-items: center; align-items: center; } .loading_wrap:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: #fff; -webkit-transition: all .4s .6s cubic-bezier(.64, .19, .34, .84); transition: all .4s .6s cubic-bezier(.64, .19, .34, .84); } .loading_wrap:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 50%; background: #fff; -webkit-transition: all .4s .6s cubic-bezier(.64, .19, .34, .84); transition: all .4s .6s cubic-bezier(.64, .19, .34, .84); } .loading_active:after { height: 0; } .loading_active:before { height: 0; } .loading_box { width: 100%; position: relative; z-index: 1; } .loading_logo_img { width: 15.625vw; margin: 0 auto; position: relative; } .loading_logo_animate { position: absolute; left: 0; top: 0; width: 0; overflow: hidden; z-index: 1; } .loading_logo_animate img { width: 15.625vw; } .loading_logo_animate2 { position: absolute; left: 0; top: 0; width: 0; overflow: hidden; z-index: 2; } .loading_logo_animate2 img { width: 15.625vw; } .logoAnimate { -webkit-animation: logoAnimate 2s cubic-bezier(.21, .77, .62, .78) infinite normal both; animation: logoAnimate 2s cubic-bezier(.21, .77, .62, .78) infinite normal both; } @-webkit-keyframes logoAnimate { 0% { width: 0; } 80% { width: 100%; } 100% { width: 100%; } } @keyframes logoAnimate { 80% { width: 100%; } 100% { width: 100%; } } .loading_speed_box { -webkit-align-items: center; align-items: center; padding-top: 2.6041666vw; } .loading_speed_text { font-size: 0.83333vw; line-height: 1.3541666vw; color: #999999; width: 7.291666vw; -webkit-justify-content: center; justify-content: center; text-align: center; } .loading_speed_number { padding-left: 0.5208333vw; } .loading_speed_line1 { height: 1px; width: calc((100% - 7.291666vw) / 2); background: #e6e6e6; position: relative; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .loading_speed_line2 { height: 1px; width: calc((100% - 7.291666vw) / 2); background: #e6e6e6; position: relative; } .loading_speed_after { width: 0; position: absolute; height: 100%; background: #385aa5; } .loading_fade { opacity: 0; -webkit-transition: all .4s cubic-bezier(.64, .19, .34, .84); transition: all .4s cubic-bezier(.64, .19, .34, .84); } .index_business_icon { width: 3.125vw; height: 3.125vw; font-size: 2.6041666vw; color: #fff; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .index_business_icon img { width: auto; margin: 0 auto; } .index_business_page { width: 100%; } .index_business_item { width: 21%; cursor: pointer; margin: 2.6041666vw 0 2.6041666vw 4%; } .index_business_item:nth-child(4n+1) { animation-delay: 100ms; -webkit-animation-delay: 100ms; } .index_business_item:nth-child(4n+2) { animation-delay: 150ms; -webkit-animation-delay: 150ms; } .index_business_item:nth-child(4n+3) { animation-delay: 200ms; -webkit-animation-delay: 200ms; } .index_business_item:nth-child(4n) { animation-delay: 250ms; -webkit-animation-delay: 250ms; } .index_business_box { padding-top: 2.6041666vw; } .index_business_read { padding: 0.5208333vw 0 1.041666vw 0.83333vw; } .index_business_cn { font-size: 1.25vw; line-height: 1.7708333vw; color: #fff; } .index_business_en { font-size: 0.9375vw; line-height: 1.458333vw; color: #ffffff; display: none; } .index_business_list { padding-top: 5.208333vw; } .index_business_label { width: 0; height: 1.1458333vw; position: relative; z-index: 1; background-image: linear-gradient(-45deg, #c8a16c, #d8caa4); -webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84); transition: all .3s cubic-bezier(.64, .19, .34, .84); } .index_business_item:hover .index_business_label { width: 1.1458333vw; } .index_business_item:hover .index_business_cn { font-weight: bold; } .index_business_jt { color: #fff; position: relative; top: -0.1041666vw; padding-left: 0.5208333vw; -webkit-transform: translateX(-200%); transform: translateX(-200%); -webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84); transition: all .3s cubic-bezier(.64, .19, .34, .84); } .index_business_item:hover .index_business_jt { -webkit-transform: translateX(0); transform: translateX(0); } .index_business_jt_text { font-size: 1.5625vw; line-height: 2.08333vw; } .index_business_jt_icon { font-size: 1.875vw; line-height: 1.6666vw; -webkit-align-items: center; align-items: center; } .index_business_button { -webkit-align-items: center; align-items: center; margin-left: 3.958333vw; overflow: hidden; } .index_business_jt_icon:before { position: relative; top: 0.1041666vw; } .banner_read { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .banner_title { font-size: 3.125vw; line-height: 3.75vw; color: #fff; font-weight: bold; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .banner_title img { width: auto; margin: 0 auto; } .banner_icon_big { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .banner_icon { color: #fff; font-size: 3.125vw; line-height: 3.125vw; width: 3.125vw; margin: 1.5625vw auto 0; cursor: pointer; box-sizing: border-box; border-radius: 100%; overflow: hidden; position: relative; -webkit-transition: all .4s cubic-bezier(.69, .09, .46, .75); transition: all .4s cubic-bezier(.69, .09, .46, .75); } .banner_icon:before { -webkit-transition: all .4s cubic-bezier(.69, .09, .46, .75); transition: all .4s cubic-bezier(.69, .09, .46, .75); } .banner_icon:after { content: "\e68f"; position: absolute; border-radius: 100%; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all .4s cubic-bezier(.69, .09, .46, .75); transition: all .4s cubic-bezier(.69, .09, .46, .75); } .banner_icon:hover { -webkit-transform: rotate(360deg) scale(1.1); transform: rotate(360deg) scale(1.1); } .banner_icon:hover:before { opacity: 0; } .banner_icon:hover:after { opacity: 1; } .banner_box .swiper-slide-active .banner_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.78, .11, .16, .88); transition: all 1s cubic-bezier(.78, .11, .16, .88); } .banner_box .swiper-slide-active .banner_icon_big { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.78, .11, .16, .88); transition: all 1s cubic-bezier(.78, .11, .16, .88); -webkit-transition-delay: 50ms; transition-delay: 50ms; } .banner_max { font-size: 2.3958333vw; line-height: 2.91666vw; color: #fff; text-align: left; -webkit-animation-delay: 100ms !important; animation-delay: 100ms !important; } .banner_text { font-size: 3.125vw; line-height: 4.6875vw; color: #fff; text-align: center; padding-top: 0.5208333vw; font-weight: bold; -webkit-animation-delay: 200ms !important; animation-delay: 200ms !important; } .banner_text img { width: auto; margin: 0 auto; } .index_wap_icon_item { color: #b6caf0; position: absolute; -webkit-align-items: center; align-items: center; text-align: center; opacity: 0; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75) !important; transition: all .3s cubic-bezier(.69, .09, .46, .75) !important; } .about_video_black_wrap { position: fixed; z-index: 999999; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .9); -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; opacity: 0; pointer-events: none; -webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84); transition: all .3s cubic-bezier(.64, .19, .34, .84); } .about_video_black_box { width: 62.5%; position: relative; opacity: 0; pointer-events: none; -webkit-transform: translateY(-1.041666vw); transform: translateY(-1.041666vw); -webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84); transition: all .3s cubic-bezier(.64, .19, .34, .84); } .about_video_black_item { position: relative; width: 100%; height: 100%; padding-bottom: 56.25%; } .about_video_black_item video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; outline: none; } .about_video_black_close { position: absolute; right: -2.6041666vw; top: -3.6458333vw; cursor: pointer; } .about_video_black_icon { color: #fff; width: 1.875vw; height: 1.875vw; position: relative; overflow: hidden; } .about_video_black_icon:after { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: 100%; height: 1px; background: #fff; -webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84); transition: all .3s cubic-bezier(.64, .19, .34, .84); } .about_video_black_icon:before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); width: 100%; height: 1px; background: #fff; -webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84); transition: all .3s cubic-bezier(.64, .19, .34, .84); } .about_video_black_icon:hover:after { -webkit-transform: translateY(-50%) rotate(30deg); transform: translateY(-50%) rotate(30deg); } .about_video_black_icon:hover:before { -webkit-transform: translateY(-50%) rotate(-30deg); transform: translateY(-50%) rotate(-30deg); } .about_video_active { opacity: 1; pointer-events: auto; } .about_video_active .about_video_black_box { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all .3s .3s cubic-bezier(.64, .19, .34, .84); transition: all .3s .3s cubic-bezier(.64, .19, .34, .84); } .maxNews .swiper-slide { background: #f0f1f5; } .about_nav_wrap { height: 6.1458333vw; } .about_nav_box { background: #f7f9fc; border-bottom: 1px solid #ebecf0; -webkit-transition: all .3s cubic-bezier(.69, .09, .46, .75); transition: all .3s cubic-bezier(.69, .09, .46, .75); } .about_nav_list { line-height: 6.09375vw } .about_nav_item { font-size: 0.88541666vw; color: #666666; } .about_nav_item:first-child a { padding: 0 2.44791666vw 0 0; } .about_nav_item a { font-size: 0.88541666vw; color: #666666; padding: 0 2.44791666vw; } .about_nav_active a { font-weight: bold; color: #385aa5; } .fixed_top { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; } .fixed_top .about_nav_list { line-height: 5.208333vw; } .fixed_up { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .banner_button_box { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: 9; pointer-events: none; } .banner_icon_box { position: relative; width: 100%; height: 100%; -webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84); transition: all .3s cubic-bezier(.64, .19, .34, .84); } .banner_icon_box:after { content: ""; width: 100%; position: absolute; top: 0.5208333vw; left: 0; height: 1px; background: #fff; } .banner_icon_box:before { content: ""; width: 100%; position: absolute; bottom: 0.57291666vw; left: 0; height: 1px; background: #fff; } .banner_prev .banner_icon_box:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .banner_prev .banner_icon_box:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .banner_next .banner_icon_box:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .banner_next .banner_icon_box:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .banner_button { position: absolute; top: 0; z-index: 9; cursor: pointer; outline: none; pointer-events: auto; width: 1.3541666vw; height: 2.08333vw; opacity: 0; overflow: hidden; -webkit-transition: all .6s cubic-bezier(.64, .19, .34, .84); transition: all .6s cubic-bezier(.64, .19, .34, .84); } .banner_prev { left: 4.16666vw; } .banner_next { right: 4.16666vw; } .banner_current .banner_prev { left: 2.6041666vw; opacity: 1; } .banner_current .banner_next { right: 2.6041666vw; opacity: 1; } .banner_prev .banner_icon_right { position: absolute; top: 0; left: 100%; width: 100%; } .banner_next .banner_icon_right { position: absolute; top: 0; left: -100%; width: 100%; } .banner_current .banner_pagination { bottom: 3.6458333vw !important; opacity: 1; } .banner_prev:hover .banner_icon_right { left: 0; } .banner_next:hover .banner_icon_right { left: 0; } .banner_prev:hover .banner_icon_left { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .banner_next:hover .banner_icon_left { -webkit-transform: translateX(100%); transform: translateX(100%); } .page_banner_box { padding-bottom: 39.58333%; } .page_banner_read { position: absolute; left: 50%; top: 45%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 9; color: #fff; } .page_banner_title { font-size: 2.5vw; } .page_banner_icon { font-size: 2.34375vw; -webkit-justify-content: center; justify-content: center; padding-top: 2.08333vw; } .page_banner_icon:before { position: relative; transform: rotate(90deg); } .page_nav_box { background: #f7f9fc; } .page_nav_li:first-child a { margin: 0 2.3958333vw 0 0; } .page_nav_li:last-child a { margin: 0 0 0 2.3958333vw; } .page_nav_li:last-child .page_nav_label { opacity: 0; } .page_nav_li { line-height: 6.1458333vw; font-size: 0.88541666vw; } .page_nav_li a { color: #666666; margin: 0 2.3958333vw; } .page_nav_active a { color: #385aa5; font-weight: bold; } .page_nav_li .page_nav_label { color: #e6e6e6; } .page_content_wrap { padding-top: 4.16666vw; } .news_list_item { width: 31.5789%; margin: 0 2.63165% 2.08333vw 0; } .news_list_item:nth-child(3n) { margin: 0 0 2.08333vw 0; } .news_list_img a { display: block; padding-bottom: 69.583333%; } .news_list_read { background: #fff; border: 1px solid #e6e6e6; padding: 1.458333vw 1.458333vw 0 1.458333vw; } .news_read_label_icon { font-size: 0.83333vw; } .news_read_label_text { font-size: 0.7291666vw; } .news_list_title a { font-size: 0.88541666vw; line-height: 1.5625vw; height: 3.125vw; max-height: 3.125vw; color: #333333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news_list_text { font-size: 0.7291666vw; line-height: 1.25vw; height: 3.75vw; color: #999999; margin: 0.78125vw 0 1.5625vw 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .news_list_line { height: 1px; background: #e0e0e0; } .news_list_more { -webkit-justify-content: space-between; justify-content: space-between; padding-top: 0.9375vw; } .news_list_time { -webkit-align-items: center; align-items: center; line-height: 0.83333vw; color: #b3b3b3; font-size: 0.83333vw; } .news_time_text { margin-left: 0.5208333vw; } .news_more_read a { line-height: 0.83333vw; color: #3d5fb0; -webkit-align-items: center; align-items: center; } .news_more_text { font-size: 0.7291666vw; margin-right: 0.26041666vw; } .news_more_icon { font-size: 1.3541666vw; } .news_list_wrap { padding-bottom: 2.08333vw; } .page_lable_wrap { text-align: center; margin-top: 1.5625vw; } .page_lable_wrap span, .page_lable_wrap a { display: inline-block; vertical-align: top; font-size: 0.7291666vw; margin: 0 0.26041666vw; position: relative; padding: 0.5208333vw 0.78125vw; text-align: center; background: #fff; border: 1px solid #dedede; -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1); transition: all .6s cubic-bezier(.645, .045, .355, 1); } .page_lable_wrap .current, .page_lable_wrap a:hover { background: #3153a4; color: #fff; border: 1px solid #3153a4; } .page_content_box { padding-bottom: 10.41666vw; } .video_list_wrap { padding-bottom: 2.08333vw; } .video_list_img { padding-bottom: 56.25%; } .video_list_li { width: 47.3684%; margin: 0 5.2632% 3.125vw 0; } .video_list_li:nth-child(2n) { margin: 0 0 3.125vw 0; } .video_list_li a { display: block; position: relative; } .video_list_read { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 1.041666vw; -webkit-align-items: center; align-items: center; } .video_list_center { width: 100%; } .video_list_read:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); z-index: 1; } .video_list_icon { width: 100%; position: relative; z-index: 2; text-align: center; } .video_list_icon svg { width: 2.91666vw; } .video_list_title { font-size: 1.1458333vw; position: relative; z-index: 2; color: #fff; text-align: center; margin-top: 1.30208333vw; } #play-button-circle { -webkit-transform-origin: center center; transform-origin: center center; /* stroke-dashoffset: 340; */ stroke-dasharray: 340; } #play-button-circle, #play-button-triangle { fill: none; stroke: #fff; stroke-width: 5; stroke-linejoin: round; stroke-miterlimit: 10; } #play-button-triangle { /* stroke-dashoffset: 180; */ stroke-dasharray: 180; } .video_list_li a:hover #play-button #play-button-circle { animation: strokeC 1s ease-in-out; } .video_list_li a:hover #play-button #play-button-triangle { animation: strokeC2 1s ease-in-out; } @keyframes strokeC { 0% { stroke-dasharray: 0, 340; } 100% { stroke-dasharray: 340, 340; } } @keyframes strokeC2 { 0% { stroke-dasharray: 0, 180; } 100% { stroke-dasharray: 180, 180; } } .footer_bq_label { margin: 0 0.78125vw; } .page_top { margin-top: 5.208333vw; } .news_read_title { font-size: 1.875vw; line-height: 2.3958333vw; font-weight: bold; color: #333333; text-align: center; } .news_read_page { -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; font-size: 0.83333vw; line-height: 1.5625vw; color: #b2b2b2; padding-top: 1.5625vw; } .news_read_label_icon, .news_read_label_text { padding: 0 0.26041666vw; } .news_read_label_pd { padding: 0 1.30208333vw; } .news_read_label_icon.icon-jiantou-copy:before { display: block; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .news_read_box { padding: 6.25vw 0 3.125vw 0; } .news_read_wrap { background: #f2f2f2; } .news_content_wrap { padding: 0 11.458333vw; } .news_content_box { padding: 2.6041666vw 0; } .news_content_box p { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .news_content_box p, .news_content_label, .news_content_label a { font-size: 0.83333vw; line-height: 1.6666vw; color: #666666; } .news_content_box img { width: auto; max-width: 100%; margin: 2.08333vw auto; } .news_content_left { width: calc(100% - 7.8125vw); } .news_content_right { width: 7.8125vw; } .news_content_button a { width: 100%; background: #ededed; line-height: 3.125vw; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .news_content_icon { font-size: 1.1458333vw; color: #cccccc; } .news_content_text { color: #666666; font-size: 0.83333vw; padding-left: 0.41666vw; } .news_content_list { padding: 3.125vw 0 5.208333vw 0; } .news_content_line { background: #dedede; height: 1px; width: 100%; } .news_more_wrap { background: #f7f8fa; padding: 0 11.458333vw; } .news_more_box { padding: 5.208333vw 0; } .news_more_title { font-size: 1.25vw; line-height: 1.7708333vw; color: #333333; } .news_more_item_title a { font-size: 0.83333vw; line-height: 1.6666vw; color: #666666; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_more_item_time { font-size: 0.83333vw; line-height: 1.3541666vw; color: #cccccc; } .news_more_item { width: 50%; padding-right: 1.5625vw; margin-top: 2.6041666vw; } .news_more_item:nth-child(2n) { padding-left: 1.5625vw; } .video_share_list { -webkit-align-items: center; align-items: center; } .video_share_list a { font-size: 1.458333vw; color: #999; margin: 0 0.625vw; } .video_share_box { padding: 0 4.6875vw; margin: 4.16666vw 0 6.25vw 0; } .video_share_read { padding: 0.5208333vw; background: #fff; } .video_share_read video { width: 100%; } .service_list { padding: 0 10.41666vw; -webkit-justify-content: space-between; justify-content: space-between; margin: 0.5208333vw 0 5.208333vw 0; } .service_item { width: 30.2631578%; margin-top: 3.6458333vw; box-shadow: 0 0 0.41666vw rgba(0, 0, 0, .07); } .service_item a { display: block; } .public_banner_img { padding-bottom: 39.58333%; } .public_banner_wrap { position: relative; } .public_banner_box { width: 100%; position: absolute; top: 47%; left: 0; z-index: 9; } .public_banner_content { width: 100%; } .public_banner_title { font-size: 2.5vw; line-height: 3.125vw; color: #fff; text-align: center; } .public_banner_icon { margin-top: 1.8229166vw; font-size: 2.6041666vw; line-height: 2.6041666vw; color: #fff; text-align: center; } .public_head_title { font-size: 1.5625vw; line-height: 2.1875vw; font-weight: bold; color: #333333; margin-bottom: 0.78125vw; } .public_head_line { width: 2.6041666vw; height: 0.15625vw; background: #3d5fb0; } .public_head_center .public_head_title { text-align: center; } .public_head_center .public_head_line { margin: 0 auto; } .about_introduce_wrap { padding: 6.25vw 0 9.375vw 0; } .about_introduce_content { padding: 0 7.8125vw; } .about_introduce_read { height: 3.125vw; overflow: hidden; margin-top: 1.30208333vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_introduce_bjq { font-size: 0.83333vw; line-height: 1.5625vw; color: #666666; text-align: center; } .about_introduce_btn_wrap { margin-top: 2.6041666vw; -webkit-justify-content: center; justify-content: center; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_introduce_btn_hide { display: none; } .about_introduce_btn_box { cursor: pointer; } .about_introduce_btn_text { text-align: center; font-size: 0.83333vw; line-height: 1.5625vw; } .about_introduce_btn_icon { position: relative; margin: 0 auto; width: 1.25vw; } .about_introduce_label { font-size: 1.25vw; color: #999999; } .about_introduce_label:first-child { position: absolute; left: 0; top: -0.41666vw; opacity: 0; } .about_introduce_label:last-child { position: absolute; left: 0; bottom: -0.41666vw; opacity: .5; } .about_introduce_img { margin-top: 2.6041666vw; text-align: center; } .about_introduce_img img { width: auto; max-width: 100%; display: inline-block; } .about_speech_wrap { padding: 7.291666vw 0 12.5vw 0; } .about_speech_photo_box { width: 33.552631%; -webkit-align-content: space-between; align-content: space-between; } .about_speech_content_box { width: 66.447369%; } .about_speech_photo_content { width: 100%; margin-top: 4.16666vw; } .about_speech_photo_read { width: 47.058823%; } .about_speech_photo_img { padding-bottom: 125%; } .about_speech_photo_text { font-size: 0.7291666vw; line-height: 1.041666vw; margin-top: 0.78125vw; color: #999999; text-align: center; } .about_speech_photo_name { width: 66.25%; margin: 0.5208333vw auto 0; } .about_speech_content_title { font-size: 1.1458333vw; line-height: 1.7708333vw; font-weight: bold; color: #666666; } .about_speech_content_bjq { margin-top: 1.5625vw; font-size: 0.83333vw; line-height: 1.5625vw; color: #666666; } .public_head_wrap { width: 100%; } .about_architecture_box { position: relative; } .about_architecture_head { position: absolute; left: 0; top: 0; width: 100%; } .about_architecture_bjq { text-align: center; } .about_architecture_bjq img { width: auto; max-width: 100%; display: inline-block; } .about_architecture_wrap { padding: 6.25vw 0; } .about_development_head { width: 25%; } .about_development_content { width: 75%; } .about_development_wrap { position: relative; padding: 9.8958333vw 0; } .about_development_back { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .about_development_box { position: relative; z-index: 9; } .public_head_white .public_head_title { color: #fff; } .public_head_white .public_head_line { background: #fff; } .about_development_tips_box { width: 100%; padding: 0 1.5625vw; position: relative; } .about_development_tips_box:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, .2); } .about_development_tips_item { -webkit-justify-content: center; justify-content: center; } .about_development_tips_text { cursor: pointer; font-size: 1.041666vw; line-height: 3.125vw; color: #fff; position: relative; } .about_development_tips_text:after { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; width: 0; height: 1px; background: #fff; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_development_tips_current .about_development_tips_text { font-weight: bold; } .about_development_tips_current .about_development_tips_text:after { width: 100%; } .about_development_tips_tab .swiper-slide:nth-child(1) { pointer-events: none; } .about_development_tips_button { position: absolute; left: 0; top: 0; width: 100%; -webkit-justify-content: space-between; justify-content: space-between; outline: none; cursor: pointer; } .about_development_tips_btn { color: #fff; line-height: 3.125vw; font-size: 1.25vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_development_tips_btn.swiper-button-disabled { opacity: .3; pointer-events: none; } .about_development_tips_prev { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .about_development_content_year { width: 26.8421%; font-size: 5.1041666vw; line-height: 5.208333vw; color: #fff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_development_content_bjq { width: 73.1579%; font-size: 0.83333vw; line-height: 2.708333vw; color: #fff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .about_development_content_tab { padding-top: 5.208333vw; } .about_development_content_swiper .swiper-slide-active .about_development_content_year { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_development_content_swiper .swiper-slide-active .about_development_content_bjq { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .05s; transition-delay: .05s; } .about_honor_wrap { padding: 7.291666vw 0 10.9375vw 0; position: relative; } .about_honor_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .about_honor_box { position: relative; z-index: 9; } .about_honor_tab { -webkit-justify-content: center; justify-content: center; margin-top: 4.16666vw; } .about_honor_item_box { width: 7.8125vw; position: relative; margin: 0 0.5208333vw; cursor: pointer; } .about_honor_item_box:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #ccc; box-sizing: border-box; z-index: 1; pointer-events: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_honor_item_text { font-size: 0.83333vw; line-height: 2.3958333vw; text-align: center; color: #333; position: relative; z-index: 2; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_honor_item_current .about_honor_item_text { color: #fff; } .about_honor_item_current:after { border: 1px solid #3d5fb0; background: #3d5fb0; } .honor_content_item_photo { padding: 0.5208333vw; background: #fff; position: relative; } .honor_content_item_img { padding-bottom: 71.875%; position: relative; cursor: pointer; } .honor_content_item_img img { z-index: 8; } .honor_content_item_icon { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; font-size: 1.7708333vw; color: #fff; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: rgba(61, 95, 176, .9); opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .honor_content_item_icon:before { -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transform: scale(.6); transform: scale(.6); } .honor_content_item_img:hover .honor_content_item_icon:before { -webkit-transform: scale(1); transform: scale(1); } .honor_content_item_img:hover .honor_content_item_icon { opacity: 1; } .honor_content_item_read { background: #fff; padding: 1.041666vw 0.5208333vw 1.5625vw 0.5208333vw; } .honor_content_item_title { font-size: 0.78125vw; line-height: 1.30208333vw; height: 2.6041666vw; color: #666666; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .about_honor_content_wrap { margin-top: 5.208333vw; position: relative; } .about_honor_content_box:first-child { position: relative; } .about_honor_content_box { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; pointer-events: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .about_honor_content_current { opacity: 1; pointer-events: auto; } .about_honor_content_current .about_honor_pagination { opacity: 1; } .about_honor_pagination { width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-justify-content: space-between; justify-content: space-between; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .honor_pagination_btn { font-size: 2.3958333vw; outline: none; cursor: pointer; color: #999999; } .honor_pagination_prev { position: relative; left: -3.6458333vw; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .honor_pagination_next { position: relative; right: -3.6458333vw; } .honor_popup_wrap { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0, 0, 0, .9); pointer-events: none; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .honor_popup_show { pointer-events: auto; opacity: 1; } .honor_popup_close { color: #fff; position: absolute; right: 2.08333vw; top: 2.08333vw; font-size: 2.08333vw; cursor: pointer; -webkit-transition: all .6s ease; transition: all .6s ease; } .honor_popup_close:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .honor_popup_box { position: absolute; left: 10%; top: 20%; width: 80%; height: 60%; } .honor_popup_img { width: 100%; height: 100%; align-items: center; justify-content: center; } .honor_popup_img img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .about_leader_wrap { position: relative; padding: 7.8125vw 0; } .about_leader_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .about_leader_box { position: relative; z-index: 9; } .about_leader_item_box { width: 22.5%; line-height: 4.16666vw; background: #3d5fb0; color: #fff; -webkit-justify-content: space-between; justify-content: space-between; padding: 0 1.5625vw; margin: 0 3.3333% 2.6041666vw 0; } .about_leader_item_box:nth-child(4n) { margin: 0 0 2.6041666vw 0; } .about_leader_item_box:nth-child(4n+1) { animation-delay: 200ms; -webkit-animation-delay: 200ms; } .about_leader_item_box:nth-child(4n+2) { animation-delay: 250ms; -webkit-animation-delay: 250ms; } .about_leader_item_box:nth-child(4n+3) { animation-delay: 300ms; -webkit-animation-delay: 300ms; } .about_leader_item_box:nth-child(4n) { animation-delay: 350ms; -webkit-animation-delay: 350ms; } .about_leader_item_title { font-size: 1.25vw; } .about_leader_item_label { font-size: 0.78125vw; } .about_leader_content { margin-top: 4.6875vw; } .business_guarantee_wrap { padding: 5.208333vw 0; } .business_guarantee_box { padding: 0 7.8125vw; } .business_guarantee_head { margin-top: 2.6041666vw; } .business_guarantee_title { font-size: 1.25vw; line-height: 1.875vw; color: #4c4c4c; text-align: center; } .business_guarantee_text { margin-top: 1.041666vw; font-size: 0.83333vw; line-height: 1.5625vw; color: #666666; text-align: center; } .business_guarantee_item_label { font-size: 3.4375vw; line-height: 4.16666vw; color: #3d5fb0; } .business_guarantee_item_text { font-size: 0.7291666vw; line-height: 1.25vw; margin-left: 0.78125vw; color: #999999; } .business_guarantee_item_box { -webkit-align-items: center; align-items: center; margin: 0 3.6458333vw; } .business_guarantee_list { -webkit-justify-content: center; justify-content: center; margin-top: 4.16666vw; } .business_guarantee_tab { -webkit-justify-content: center; justify-content: center; margin-top: 2.6041666vw; } .business_guarantee_icon_box { width: 9.375vw; height: 9.375vw; text-align: center; position: relative; margin: 0 0.78125vw; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .business_guarantee_icon_border { width: 100%; height: 100%; position: absolute; left: 0; top: 0; box-sizing: border-box; border: 0.1041666vw solid #c8a16c; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #fff; } .business_guarantee_icon_text { font-size: 0.83333vw; line-height: 1.3541666vw; font-weight: bold; color: #c8a16c; position: relative; z-index: 9; } .business_guarantee_icon_box:nth-child(2n) .business_guarantee_icon_border { background: #c8a16c; } .business_guarantee_icon_box:nth-child(2n) .business_guarantee_icon_text { color: #fff; } .business_guarantee_tips { margin-top: 4.16666vw; font-size: 1.25vw; line-height: 1.875vw; text-align: center; font-weight: bold; color: #c8a16c; } .business_type_title { font-size: 1.25vw; line-height: 1.875vw; color: #4c4c4c; text-align: center; } .business_type_nav { margin-top: 2.86458333vw; position: relative; } .business_type_link { font-size: 0.9375vw; line-height: 4.16666vw; text-align: center; color: #666666; background: #e6e6e6; cursor: pointer; -webkit-transition: all .6s ease; transition: all .6s ease; } .business_type_current { background: #3d5fb0; color: #fff; } .business_type_pagination_box { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; -webkit-justify-content: space-between; justify-content: space-between; } .business_type_pagination_btn { font-size: 1.5625vw; color: #3d5fb0; cursor: pointer; outline: none; } .business_type_pagination_prev { position: relative; left: -2.08333vw; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .business_type_pagination_next { position: relative; right: -2.08333vw; } .business_type_pagination_box .swiper-button-lock { display: block; } .business_type_pagination_box .swiper-button-disabled { color: #cdcdcd; pointer-events: none; } .business_type_line { height: 0.26041666vw; width: 100%; background: #3d5fb0; } .business_type_back { padding-bottom: 45.8333%; } .business_type_content { position: relative; } .business_type_read { position: absolute; left: 0; top: 0; width: 100%; z-index: 9; } .business_type_bjq { position: relative; z-index: 9; opacity: 0; -webkit-transform: translateY(1.5625vw); transform: translateY(1.5625vw); } .business_type_bjq, .business_type_bjq p { font-size: 0.78125vw; line-height: 1.25vw; color: #fff; } .business_type_bjq h1 { font-size: 1.25vw; line-height: 1.875vw; color: #fff; } .business_type_bjq h2 { font-size: 0.9375vw; line-height: 1.5625vw; color: #fff; } .business_type_big { width: 53.9473684%; position: relative; padding: 3.125vw; } .business_content_swiper { margin-top: 9.63541vw; } .business_type_big:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; background: rgba(61, 95, 176, .8); } .business_content_swiper .swiper-slide-active .business_type_big:after { height: 100%; -webkit-transition: all .6s ease; transition: all .6s ease; } .business_content_swiper .swiper-slide-active .business_type_bjq { opacity: 1; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .3s; transition-delay: .3s; } .business_process_wrap { padding: 7.8125vw 0 5.208333vw 0; } .business_process_list { margin-top: 4.16666vw; } .business_process_item_box { width: 24.342105%; margin: 0 13.4868425% 5.729166vw 0; padding: 1.3541666vw 0; position: relative; } .business_process_item_box:nth-child(3n) { margin: 0 0 5.729166vw 0; } .business_process_item_box:after { content: ""; position: absolute; top: 0; left: 0; width: calc(100% - 0.78125vw); height: 100%; background: #3d5fb0; } .business_process_item_box:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 0.78125vw); background: #3d5fb0; } .business_process_item_box:nth-child(2n):after, .business_process_item_box:nth-child(2n):before { background: #c8a16c; } .business_process_item_box:nth-child(2n) .business_process_item_default { background-image: linear-gradient(315deg, transparent 50%, #c8a16c 50%, #c8a16c); } .business_process_item_read { position: relative; z-index: 9; } .business_process_item_number { font-size: 1.875vw; line-height: 2.5vw; color: #fff; text-align: center; } .business_process_item_text { font-size: 0.9375vw; line-height: 1.5625vw; color: #fff; text-align: center; } .business_process_item_icon { position: absolute; right: 0; bottom: 0; width: 0.78125vw; height: 0.78125vw; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 9; } .business_process_item_label { position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .business_process_item_after { position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .business_process_item_after:after { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-right: 0.78125vw solid rgba(255, 255, 255, .5); border-top: 0.78125vw solid transparent; z-index: 999; } .business_process_item_default { position: absolute; right: 0; bottom: 0; width: 0.78125vw; height: 0.78125vw; background-image: linear-gradient(315deg, transparent 50%, #3d5fb0 50%, #3d5fb0); z-index: 8; } .business_process_item_box .business_process_item_tips { right: -1.041666vw; top: 50%; -webkit-transform: translateY(-50%) translateX(100%); transform: translateY(-50%) translateX(100%); } .business_process_item_tips { position: absolute; z-index: 10; -webkit-align-items: center; align-items: center; } .business_process_item_line { width: 8.17708333vw; height: 1px; background: #cccccc; } .business_process_item_jt { width: 0.5208333vw; height: 0.5208333vw; position: relative; } .business_process_item_jt:after { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 0; border-bottom: 0.26041666vw solid transparent; border-top: 0.26041666vw solid transparent; border-left: 0.41666vw solid #666666; } .business_process_item_box:nth-child(3) .business_process_item_tips { display: block; bottom: -1.041666vw; left: 50%; -webkit-transform: translateY(100%) translateX(-50%); transform: translateY(100%) translateX(-50%); } .business_process_item_box:nth-child(3) .business_process_item_line { width: 1px; height: 3.125vw; background: #cccccc; margin: 0 auto; } .business_process_item_box:nth-child(3) .business_process_item_jt { margin: 0 auto; } .business_process_item_box:nth-child(3) .business_process_item_jt:after { border-left: 0.26041666vw solid transparent; border-right: 0.26041666vw solid transparent; border-top: 0.41666vw solid #666666; } .business_process_item_box:nth-child(6) .business_process_item_tips { display: none; } .business_process_item_box:nth-child(4) .business_process_item_tips { -webkit-transform: translateY(-50%) translateX(100%) rotateY(180deg); transform: translateY(-50%) translateX(100%) rotateY(180deg); } .business_process_item_box:nth-child(5) .business_process_item_tips { -webkit-transform: translateY(-50%) translateX(100%) rotateY(180deg); transform: translateY(-50%) translateX(100%) rotateY(180deg); } .business_case_head { -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } .business_case_head .public_head_wrap { width: auto; } .business_case_btn { position: relative; width: 2.6041666vw; height: 2.6041666vw; line-height: 2.6041666vw; text-align: center; margin-left: 1.041666vw; cursor: pointer; outline: none; font-size: 1.6666vw; color: #3d5fb0; -webkit-transition: all .6s ease; transition: all .6s ease; } .business_case_current { background: #3d5fb0; color: #fff; } .business_case_btn:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #3d5fb0; } .business_case_prev { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .business_case_wrap { padding: 10.41666vw 0; position: relative; } .business_case_wrap:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 61.24604%; background: #f2f2f2; } .business_case_box { position: relative; z-index: 9; } .business_case_item_box { -webkit-box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .05); box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .05); cursor: pointer; -webkit-transition: all .6s ease; transition: all .6s ease; } .business_case_img { padding-bottom: 32.60869%; background: #fff; } .business_case_read { background: #8f8f8f; padding: 2.08333vw 2.6041666vw; -webkit-transition: all .6s ease; transition: all .6s ease; } .business_case_title { font-size: 0.9375vw; line-height: 1.5625vw; color: #ffffff; text-align: center; font-weight: bold; } .business_case_text { margin-top: 1.5625vw; font-size: 0.78125vw; line-height: 1.3541666vw; color: #fff; text-align: center; } .business_case_icon { margin-top: 1.5625vw; text-align: center; font-size: 1.6666vw; color: #fff; } .business_case_list { margin-top: 4.16666vw; } .business_case_popup_wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); z-index: 999; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; opacity: 0; pointer-events: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .business_case_popup_box { width: 32.291666%; background: #fff; padding: 3.125vw 2.6041666vw 3.125vw 3.6458333vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); -webkit-transition: all .6s ease; transition: all .6s ease; } .business_case_popup_active { opacity: 1; pointer-events: auto; } .business_case_popup_active .business_case_popup_box { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .3s; transition-delay: .3s; } .business_case_popup_title { font-size: 0.9375vw; line-height: 1.5625vw; font-weight: bold; color: #333333; text-align: center; } .business_case_popup_read { font-size: 0.7291666vw; line-height: 2.291666vw; height: 20.625vw; overflow: auto; text-align: center; color: #666666; margin-top: 1.5625vw; padding: 0 1.041666vw 0 0; } .business_case_popup_foot { -webkit-justify-content: center; justify-content: center; margin-top: 1.5625vw; } .business_case_popup_close { width: 2.6041666vw; height: 2.6041666vw; font-size: 1.25vw; color: #666666; margin: 0 auto; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; cursor: pointer; -webkit-transition: all .6s ease; transition: all .6s ease; } .business_case_popup_close:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .business_guarantee_bjq { margin-top: 8.3333vw; text-align: center; } .business_guarantee_bjq img { width: auto; max-width: 100%; display: inline-block; } .business_linkage_wrap { position: relative; padding: 6.7708333vw 0 10.41666vw 0; } .business_linkage_back { height: 100%; width: 100%; position: absolute; left: 0; top: 0; } .business_linkage_box { position: relative; z-index: 9; padding: 0 40.3645833vw 0 10.41666vw; } .business_linkage_title { font-size: 2.08333vw; line-height: 2.708333vw; color: #fff; font-weight: bold; text-align: center; } .business_linkage_tips { font-size: 1.25vw; line-height: 1.875vw; margin-top: 1.041666vw; color: #fff; text-align: center; } .business_linkage_bjq { font-size: 0.78125vw; line-height: 1.5625vw; margin-top: 2.6041666vw; color: #fff; } .business_linkage_list { -webkit-justify-content: space-between; justify-content: space-between; margin-top: 4.16666vw; position: relative; } .business_linkage_list:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; border-top: 1px dashed #fff; } .business_linkage_list:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; border-top: 1px dashed #fff; } .business_linkage_item_read { -webkit-align-items: center; align-items: center; } .business_linkage_item_number { font-size: 3.125vw; line-height: 7.8125vw; color: #fff; -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, .4); text-shadow: 1px 1px 1px rgba(0, 0, 0, .4); } .business_linkage_item_text { font-size: 0.7291666vw; line-height: 1.25vw; margin-left: 0.78125vw; color: #fff; -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, .4); text-shadow: 1px 1px 1px rgba(0, 0, 0, .4); } .business_linkage_li_number { width: 3.6458333vw; line-height: 3.6458333vw; font-size: 1.5625vw; color: #fff; background: #3d5fb0; text-align: center; } .business_linkage_li_title { font-size: 0.9375vw; line-height: 3.6458333vw; color: #fff; width: calc(100% - 3.6458333vw); background: #c8a16c; padding: 0 1.041666vw; font-weight: bold; } .business_linkage_li_box { width: 46.56084%; margin: 0 6.87832% 2.6041666vw 0; } .business_linkage_li_box:nth-child(2n) { margin: 0 0 2.6041666vw 0; } .business_linkage_li_read { padding: 1.5625vw; background: rgba(61, 95, 170, .8); color: #fff; font-size: 0.83333vw; line-height: 1.25vw; -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); } .business_linkage_tab { margin-top: 4.16666vw; } .index_case_item_box { width: 30.2631578%; margin: 0 4.6052633% 4.6052633% 0; } .index_case_item_box:nth-child(3n) { margin: 0 0 4.6052633% 0; } .index_case_wrap { padding: 4.16666vw 0 10.41666vw 0; } .business_case_item_box:hover { -webkit-box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .2); box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .2); } .business_case_item_box:hover .business_case_read { background: #3d5fb0; } .party_build_box { padding: 0 7.8125vw; } .party_build_wrap { padding: 5.208333vw 0 0 0; } .party_build_item_box { width: 25%; } .party_build_item_icon { text-align: center; font-size: 3.38541666vw; color: #3d5fb0; } .party_build_item_title { font-size: 1.1458333vw; line-height: 1.7708333vw; margin-top: 1.5625vw; color: #333333; text-align: center; } .party_build_item_text { text-align: center; font-size: 0.83333vw; line-height: 1.458333vw; margin-top: 1.041666vw; color: #808080; } .party_build_list { margin-top: 4.16666vw; } .party_build_content { position: relative; margin-top: 5.208333vw; } .party_build_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .party_build_read { -webkit-justify-content: flex-end; justify-content: flex-end; position: relative; z-index: 8; } .party_build_big_wrap { width: 50%; position: relative; } .party_build_big_wrap:after { content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; background: rgba(61, 95, 176, .8); } .party_build_big_box { position: relative; z-index: 9; padding: 3.125vw 10.41666vw 4.16666vw 6.25vw; } .party_build_big_text { font-size: 0.83333vw; line-height: 1.6666vw; color: #fff; margin: 1.5625vw 0; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .party_build_big_line { height: 1px; width: 100%; background: rgba(255, 255, 255, .4); opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .party_build_big_item { width: 33.3333%; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .party_build_big_item:nth-child(2) { -webkit-justify-content: center; justify-content: center; } .party_build_big_item:last-child { -webkit-justify-content: flex-end; justify-content: flex-end; } .party_build_big_circle { position: relative; width: 6.875vw; height: 6.875vw; margin: 0 auto; } .party_build_big_svg { width: 100%; height: 100%; fill-opacity: 0; stroke-width: 0.3125vw; stroke: rgba(255, 255, 255, .5); } .party_build_big_current { position: absolute; left: 0; top: 0; stroke: rgba(255, 255, 255, 1); stroke-dasharray: 314.15927%; stroke-dashoffset: 314.15927%; -webkit-transition: all 2s ease; transition: all 2s ease; -webkit-transition-delay: .8s; transition-delay: .8s; transform: rotate(-90deg); } .party_build_big_number { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; color: #fff; font-size: 1.5625vw; } .party_build_big_title { font-size: 0.78125vw; line-height: 1.458333vw; color: #fff; text-align: center; width: 100%; } .party_build_big_list { margin-top: 2.6041666vw; } .party_school_wrap { position: relative; padding: 5.208333vw 0 0 0; } .party_school_back { position: relative; width: 100%; height: auto; } .party_school_box { position: relative; z-index: 9; } .party_school_content { margin-top: 6.25vw; } .party_school_title { font-size: 1.5625vw; line-height: 2.1875vw; color: #999999; text-align: center; } .party_school_read { margin-top: 2.6041666vw; } .party_school_read img { width: auto; max-width: 100%; margin: 0 auto; } .party_social_wrap { padding: 5.208333vw 0; } .index_case_list .news_list_item .news_list_title { margin: 0 0 1.5625vw 0; } .party_social_content { position: relative; padding: 5.729166vw 0 10.41666vw 0; margin-top: 2.6041666vw; } .party_social_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .party_social_big { position: relative; z-index: 9; } .party_social_item_box { width: 20%; } .party_social_item_number { font-size: 3.125vw; line-height: 3.75vw; color: #3d5fb0; text-align: center; } .party_social_item_text { font-size: 0.7291666vw; line-height: 1.3541666vw; text-align: center; color: #999999; } .party_social_title { font-size: 1.25vw; line-height: 1.875vw; color: #333333; text-align: center; } .party_social_tab { margin-top: 3.125vw; } .party_social_read { margin-top: -6.25vw; position: relative; z-index: 10; } .party_social_li { width: 47.36842%; margin: 0 5.26316% 3.125vw 0; } .party_social_li:nth-child(2n) { margin: 0 0 3.125vw 0; } .party_social_img { padding-bottom: 55.55555%; } .party_social_tips { font-size: 1.25vw; line-height: 1.875vw; margin-top: 1.30208333vw; color: #333333; } .party_social_label { font-size: 0.78125vw; line-height: 1.25vw; margin-top: 0.78125vw; color: #999999; } .party_news_wrap { position: relative; padding: 7.8125vw 0; } .party_news_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .party_news_box { position: relative; z-index: 9; } .party_news_item_photo a { padding-bottom: 69.58333%; display: block; } .party_news_read { padding: 0 1.5625vw; background: #fff; } .party_news_title { padding: 1.041666vw 0 0 0; } .party_news_title a { max-width: 100%; font-size: 0.88541666vw; line-height: 1.5625vw; height: 3.125vw; color: #333333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .party_news_time_icon { font-size: 0.83333vw; line-height: 3.2291666vw; color: #b2b2b2; } .party_news_time_text { font-size: 0.83333vw; line-height: 3.2291666vw; margin-left: 0.5208333vw; color: #b2b2b2; } .party_news_button a { -webkit-align-items: center; align-items: center; } .party_news_btn_text { font-size: 0.7291666vw; line-height: 3.2291666vw; color: #3d5fb0; margin-right: 0.5208333vw; } .party_news_btn_icon { font-size: 0.7291666vw; color: #3d5fb0; } .party_news_bottom { -webkit-justify-content: space-between; justify-content: space-between; } .party_news_time_line { width: 100%; height: 1px; background: #e0e0e0; margin-top: 1.5625vw; } .party_news_tab { margin-top: 4.16666vw; position: relative; } .party_news_pagination_box { -webkit-justify-content: space-between; justify-content: space-between; position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } .party_news_pagination_btn { font-size: 3.3333vw; color: #cccccc; cursor: pointer; pointer-events: auto; } .party_news_pagination_prev { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); margin-left: -6.25vw; } .party_news_pagination_next { margin-right: -6.25vw; } .join_team_wrap { padding: 5.208333vw 0 0 0; } .join_team_content { position: relative; -webkit-justify-content: flex-end; justify-content: flex-end; margin-top: 4.16666vw; } .join_team_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .join_team_read { width: 50%; position: relative; } .join_team_read:after { content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; background: rgba(61, 95, 176, .4); } .join_team_big { position: relative; z-index: 9; padding: 6.25vw 9.375vw 6.25vw 6.25vw; } .join_team_item_box { width: 33.3333%; margin-bottom: 2.6041666vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .join_team_item_box:nth-child(3n+2) { -webkit-justify-content: center; justify-content: center; } .join_team_item_box:nth-child(3n) { -webkit-justify-content: flex-end; justify-content: flex-end; } .join_team_item_tips { -webkit-align-items: flex-end; align-items: flex-end; } .join_team_item_number { font-size: 2.3958333vw; line-height: 3.0208333vw; color: #fff; } .join_team_item_min { color: #fff; font-size: 0.7291666vw; line-height: 2.08333vw; } .join_team_item_text { font-size: 0.7291666vw; line-height: 1.25vw; color: #fff; margin-left: 0.5208333vw; } .join_team_item_min span { font-size: 1.3541666vw; line-height: 2.6041666vw; } .join_team_item_read { -webkit-align-items: center; align-items: center; } .join_team_list { margin-bottom: 1.041666vw; } .join_team_line { width: 100%; border-bottom: 1px dashed rgba(255, 255, 255, .5); opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .join_team_bjq_box { margin-top: 3.125vw; } .join_team_bjq_title { font-size: 1.5625vw; line-height: 2.1875vw; color: #fff; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .join_team_bjq_text { font-size: 0.78125vw; line-height: 1.3541666vw; color: #fff; margin-top: 2.08333vw; opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .join_people_wrap { padding: 7.8125vw 0 10.41666vw 0; background: #f4f4f4; } .join_people_item_box { width: 48.026315%; margin: 0 3.94737% 0 0; -webkit-box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .06); box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .06); } .join_people_item_box:nth-child(2n) { margin: 0; } .join_people_item_box a { background: #ffffff; padding: 2.6041666vw 2.86458333vw 4.16666vw 2.86458333vw; position: relative; } .join_people_item_box a:after { content: ""; position: absolute; left: 0; bottom: 0; height: 0.15625vw; width: 100%; background: #c8a16c; } .join_people_item_title { font-size: 1.25vw; line-height: 1.875vw; color: #333333; } .join_people_item_text { font-size: 0.78125vw; line-height: 1.5625vw; height: 7.8125vw; margin-top: 1.5625vw; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .join_people_item_btn { -webkit-align-items: center; align-items: center; margin-top: 1.5625vw; } .join_people_btn_text { font-size: 0.83333vw; color: #c8a16c; } .join_people_btn_icon { font-size: 0.7291666vw; margin-left: 0.5208333vw; color: #c8a16c; } .join_people_item_icon { font-size: 4.16666vw; padding-left: 0.5208333vw; color: #c8a16c; } .join_people_item_content { width: calc(100% - 4.6875vw); } .join_people_list { margin-top: 4.16666vw; } .join_people_item_box:nth-child(2n) a:after { background: #3d5fb0; } .join_people_item_box:nth-child(2n) .join_people_btn_text, .join_people_item_box:nth-child(2n) .join_people_btn_icon, .join_people_item_box:nth-child(2n) .join_people_item_icon { color: #3d5fb0; } .about_page_pd { margin-top: 5.208333vw; } .join_page_wrap { background: #f2f2f2; } .join_page_box { padding: 5.208333vw 11.458333vw; } .join_page_content { background: #ffffff; padding: 4.16666vw; } .join_page_title { font-size: 1.875vw; line-height: 2.5vw; font-weight: bold; margin-bottom: 2.6041666vw; } .join_page_line { height: 1px; background: #dedede; } .join_page_bjq { font-size: 0.83333vw; line-height: 1.6666vw; margin-top: 2.6041666vw; color: #666666; } .join_page_bjq h2 { font-size: 1.041666vw; font-weight: bold; color: #666666; } .join_page_bjq a { color: #385aa5; text-decoration: underline; } .content_wap_wrap { background: #f7f7f7; } .content_page_content { width: 50%; } .content_page_title { font-size: 1.5625vw; line-height: 2.1875vw; font-weight: bold; color: #333333; } .content_page_wrap { padding: 7.8125vw 0; } .content_page_icon { font-size: 1.1458333vw; line-height: 1.5625vw; color: #385aa5; width: 1.875vw; } .content_page_text { width: calc(100% - 1.875vw); font-size: 0.83333vw; line-height: 1.5625vw; color: #666666; } .content_item_box { padding: 0.9375vw 0; position: relative; } .content_item_box:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e6e6e6; } .content_page_list { margin-top: 2.6041666vw; } .content_page_read { padding-right: 6.25vw; } .contact_wap_read { height: 100%; } .AddPartyBox .party_build_big_wrap:after { width: 100%; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); } .AddPartyBox .party_build_big_top { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); -webkit-transition-delay: .4s; transition-delay: .4s; } .AddPartyBox .party_build_line_top { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); -webkit-transition-delay: .5s; transition-delay: .5s; } .AddPartyBox .party_build_big_bottom { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); -webkit-transition-delay: .6s; transition-delay: .6s; } .AddPartyBox .party_build_line_bottom { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); -webkit-transition-delay: .7s; transition-delay: .7s; } .AddPartyBox .party_build_big_item { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); -webkit-transition-delay: .8s; transition-delay: .8s; } .AddNewsItem { opacity: 1 !important; pointer-events: auto !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); } .AddJoinBox .join_team_read:after { width: 100%; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); } .AddJoinBox .join_team_item_box { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); -webkit-transition-delay: .4s; transition-delay: .4s; } .AddJoinBox .join_team_line { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); -webkit-transition-delay: .5s; transition-delay: .5s; } .AddJoinBox .join_team_bjq_title { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); -webkit-transition-delay: .6s; transition-delay: .6s; } .AddJoinBox .join_team_bjq_text { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); -webkit-transition-delay: .7s; transition-delay: .7s; } .header_wap_box { display: none; } .pc_show { display: block; } .wap_show { display: none; } .video_share_hide { display: flex; }