@charset "UTF-8"; a, a:hover { text-decoration: none !important; } .main-container-pull { width: 100%; } .main-container { width: 1100px; margin: 0 auto; } /*-------load-------*/ #load { position: fixed; width: 100%; height: 100%; z-index: 999999999999999999999999; /* background: url(./../images/load_bg.jpg) center no-repeat #fff;*/ background-size: cover; background-color: #fff; top: 0; } #load .load_con { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #load .load_con img { display: block; margin-bottom: 66px; } #load #loading-center-absolute { position: relative; height: 34px; width: 34px; margin: 0 auto; } #load .object { width: 10px; height: 10px; background-color: #004ea1; margin-right: 14px; float: left; margin-bottom: 14px; } #load .object:nth-child(2n + 0) { margin-right: 0px; } #load #object_one { -webkit-animation: object_one 2s infinite; animation: object_one 2s infinite; } #load #object_two { -webkit-animation: object_two 2s infinite; animation: object_two 2s infinite; } #load #object_three { -webkit-animation: object_three 2s infinite; animation: object_three 2s infinite; } #load #object_four { -webkit-animation: object_four 2s infinite; animation: object_four 2s infinite; } @-webkit-keyframes object_one { 25% { -webkit-transform: translate(25.5px, 0) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translate(25.5px, 25.5px) rotate(-180deg); } 75% { -webkit-transform: translate(0, 25.5px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes object_one { 25% { transform: translate(25.5px, 0) rotate(-90deg) scale(0.5); -webkit-transform: translate(25.5px, 0) rotate(-90deg) scale(0.5); } 50% { transform: translate(25.5px, 25.5px) rotate(-180deg); -webkit-transform: translate(25.5px, 25.5px) rotate(-180deg); } 75% { transform: translate(0, 25.5px) rotate(-270deg) scale(0.5); -webkit-transform: translate(0, 25.5px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes object_two { 25% { -webkit-transform: translate(0, 25.5px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translate(-25.5px, 25.5px) rotate(-180deg); } 75% { -webkit-transform: translate(-25.5px, 0) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes object_two { 25% { transform: translate(0, 25.5px) rotate(-90deg) scale(0.5); -webkit-transform: translate(0, 25.5px) rotate(-90deg) scale(0.5); } 50% { transform: translate(-25.5px, 25.5px) rotate(-180deg); -webkit-transform: translate(-25.5px, 25.5px) rotate(-180deg); } 75% { transform: translate(-25.5px, 0) rotate(-270deg) scale(0.5); -webkit-transform: translate(-25.5px, 0) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes object_three { 25% { -webkit-transform: translate(0, -25.5px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translate(25.5px, -25.5px) rotate(-180deg); } 75% { -webkit-transform: translate(25.5px, 0) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes object_three { 25% { transform: translate(0, -25.5px) rotate(-90deg) scale(0.5); -webkit-transform: translate(0, -25.5px) rotate(-90deg) scale(0.5); } 50% { transform: translate(25.5px, -25.5px) rotate(-180deg); -webkit-transform: translate(25.5px, -25.5px) rotate(-180deg); } 75% { transform: translate(25.5px, 0) rotate(-270deg) scale(0.5); -webkit-transform: translate(25.5px, 0) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes object_four { 25% { -webkit-transform: translate(-25.5px, 0) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translate(-25.5px, -25.5px) rotate(-180deg); } 75% { -webkit-transform: translate(0, -25.5px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes object_four { 25% { transform: translate(-25.5px, 0) rotate(-90deg) scale(0.5); -webkit-transform: translate(-25.5px, 0) rotate(-90deg) scale(0.5); } 50% { transform: translate(-25.5px, -25.5px) rotate(-180deg); -webkit-transform: translate(-25.5px, -25.5px) rotate(-180deg); } 75% { transform: translate(0, -25.5px) rotate(-270deg) scale(0.5); -webkit-transform: translate(0, -25.5px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } /*field*/ .btn, .news_content .news_content_con .news_con .news_r_n div a, .news_content .news_content_con .news_con .news_r_n div a p:after, .indser_list ul li .indser_txt .indser_txt_t p, .indser_list ul li .indser_txt .indser_txt_t img, .indser_list ul li .indser_txt .indser_p, .indser_list ul li .indser_txt .indser_a, .investors_sec .inv_nav ul li a:after, .investors_sec .inv_con .inv_finsta ul li, .investors_sec .inv_con .inv_finsta ul li a, .investors_sec .inv_con .inv_finsta ul li .finsta_txt .download, .investors_sec .inv_con .inv_ann .ann_t .swiper-container .swiper-slide, .investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li:after, .investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li h5 a, .investors_sec .inv_con .inv_ann .m-about .about-honor .m-about-slide .about-cont .f-in .about-cont-sub ul li h5 a, .investors_sec .inv_con .inv_analyze ul li, .investors_sec .inv_con .inv_analyze ul li h5, .investors_sec .inv_con .inv_analyze ul li .com_ema *, .investors_sec .inv_con .inv_analyze ul li .more_div a, .investors_sec .inv_con .inv_promotional ul li .pro_time { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .investors_sec .inv_nav ul li a:after { transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; } .investors_sec .inv_nav ul li a:hover:after, .investors_sec .inv_nav ul li.on a:after { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; } .btn, .news_content .news_content_con .news_con .news_r_n div a, .news_content .news_content_con .news_con .news_r_n div a p:after, .indser_list ul li .indser_txt .indser_txt_t p, .indser_list ul li .indser_txt .indser_txt_t img, .indser_list ul li .indser_txt .indser_p, .indser_list ul li .indser_txt .indser_a, .investors_sec .inv_nav ul li a:after, .investors_sec .inv_con .inv_finsta ul li, .investors_sec .inv_con .inv_finsta ul li a, .investors_sec .inv_con .inv_finsta ul li .finsta_txt .download, .investors_sec .inv_con .inv_ann .ann_t .swiper-container .swiper-slide, .investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li:after, .investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li h5 a, .investors_sec .inv_con .inv_ann .m-about .about-honor .m-about-slide .about-cont .f-in .about-cont-sub ul li h5 a, .investors_sec .inv_con .inv_analyze ul li, .investors_sec .inv_con .inv_analyze ul li h5, .investors_sec .inv_con .inv_analyze ul li .com_ema *, .investors_sec .inv_con .inv_analyze ul li .more_div a, .investors_sec .inv_con .inv_promotional ul li .pro_time { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } /*-------common-------*/ /*btn*/ .btn { padding: 0 0.32rem; height: 0.54rem; /*border: 0.010000rem solid $blue;*/ color: #004ea2; line-height: 0.52rem; font-size: 0.24rem; display: inline-block; border-radius: 0.27rem; position: relative; float: none; } .btn:hover, .btn.on { color: #fff; /*background-color: $blue;*/ box-shadow: 0px 0.15rem 0.38rem 0px rgba(0, 103, 214, 0.54); } .btn.btn_w { color: #fff; } .btn.btn_w::before { border-color: #fff; } .btn.btn_w::after { background-color: #fff; } .btn.btn_w:hover, .btn.btn_w.on { color: #004ea2; box-shadow: 0px 0.15rem 0.38rem 0px rgba(255, 255, 255, 0.54); } .btn i { margin-left: 0.15rem; } .btn::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; border: 0.01rem solid #004ea2; border-radius: 0.27rem; box-sizing: border-box; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .btn:hover::before, .btn.on::before { opacity: 0; -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .btn::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; border-radius: 0.27rem; opacity: 0; background-color: #004ea2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } .btn:hover::after, .btn.on::after { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } /*page*/ .page { text-align: center; } .page .page_l, .page .page_r { display: inline-block; vertical-align: middle; } .page .page_l { letter-spacing: -0.07rem; margin-right: 2.6%; } .page .page_l a, .page .page_l span { width: 0.63rem; height: 0.63rem; line-height: 0.63rem; text-align: center; border-radius: 0.1rem; background-color: #fff; display: inline-block; letter-spacing: 0; color: #494949; } .page .page_l a.more_page, .page .page_l span.more_page { letter-spacing: 0.24rem; width: auto; text-indent: 0.24rem; } .page .page_l a i, .page .page_l span i { font-size: 0.18rem; } .page .page_l a:hover, .page .page_l a.on, .page .page_l span.cur_page { font-weight: bold; color: #004ea2; box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08); } .page .page_r { color: #494949; } .page .page_r span, .page .page_r a, .page .page_r input { display: inline-block; vertical-align: middle; line-height: 0.63rem; } .page .page_r input { height: 0.3rem; width: 0.74rem; background-color: #f8f8f8; border-radius: 0.15rem; text-align: center; margin: 0.05rem; border: 1px solid #004ea2; } .page .page_r .page_all { padding-right: 0.2rem; } .page .page_r .page_go { padding-right: . 0.02rem; } .page .page_r .go_page { color: #004ea2; width: 0.63rem; } .page .page_r .go_page:hover { font-weight: bold; color: #004ea2; box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08); } .page .page_r .go_page i { font-size: 0.18rem; } /* 新闻内容 */ .news_content { padding-top: 0.48rem; padding-bottom: 0.93rem; } .news_content * { box-sizing: border-box; } .news_content .news_content_con { position: relative; } .news_content .news_content_con .time { /*float: left; width: 1.130000rem; height: 1.130000rem; text-align: center; padding: 0.300000rem 0; color: #004ea2; line-height: 1.25; box-shadow: 0px 0.050000rem 0.240000rem 0px rgba(84, 84, 84, 0.08); position: absolute; left: 0; top: 0; display: flex; flex-wrap: wrap-reverse; justify-content: center;*/ font-size: 0.22rem; } .news_content .news_content_con .time p { line-height: 1; } .news_content .news_content_con .time p.d_m { margin-bottom: 0.05rem; } .news_content .news_content_con .news_con { margin-left: 1.49rem; } .news_content .news_content_con .news_con.news_conLeft { margin-left: 0; } .news_content .news_content_con .news_con .news_title { /*display: flex; align-items: center; height: 1.130000rem;*/ margin-bottom: 0.28rem; } .news_content .news_content_con .news_con .news_title h1 { color: #002a57; margin-bottom: 0.2rem; line-height: 1.384; } .news_content .news_content_con .news_con .content { padding-bottom: 0.2rem; border-bottom: 0.01rem solid rgba(0, 78, 162, 0.3); margin-bottom: 0.44rem; color: #585858; font-size: 16px; } .news_content .news_content_con .news_con .content p { /*font-size: 0.180000rem; line-height: 1.666; margin-bottom: 0.300000rem; */ } .news_content .news_content_con .news_con .content ul, .news_content .news_content_con .news_con .content li, .news_content .news_content_con .news_con .content ol { list-style-type: inherit; } .news_content .news_content_con .news_con .content ul, .news_content .news_content_con .news_con .content ol { padding-left: 0.28rem; } .news_content .news_content_con .news_con .content p img { display: initial; max-width: 100% !important; height: auto !important; } .news_content .news_content_con .news_con .content p span { /*font-size: 0.160000rem; display: block; text-align: center;*/ } .news_content .news_content_con .news_con .news_r_n div { width: 40%; } .news_content .news_content_con .news_con .news_r_n div a { line-height: 1; color: #818181; } .news_content .news_content_con .news_con .news_r_n div a:hover { color: #004ea2; } .news_content .news_content_con .news_con .news_r_n div a:hover p:after { width: 0.08rem; } .news_content .news_content_con .news_con .news_r_n div a p { position: relative; padding-left: 0.24rem; } .news_content .news_content_con .news_con .news_r_n div a p:after { content: ''; position: absolute; left: 0; top: 0; width: 0.08rem; width: 000px; height: 100%; background-color: #004ea2; } .news_content .news_content_con .news_con .news_r_n div a span { display: block; padding-top: 0.13rem; padding-left: 0.24rem; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .news_content .news_content_con .news_con .news_r_n div.news_next { text-align: right; } .news_content .news_content_con .news_con .news_r_n div.news_next a p, .news_content .news_content_con .news_con .news_r_n div.news_next a span { padding-left: 0; padding-right: 0.24rem; } .news_content .news_content_con .news_con .news_r_n div.news_next a p:after { left: auto; right: 0; } /*行业&服务列表*/ .indser_list { padding-top: 0.95rem; padding-bottom: 0.42rem; } .indser_list * { box-sizing: border-box; } .indser_list ul li { float: left; width: 31.25%; margin-right: 3.125%; margin-bottom: 2.638%; border-radius: 0.1rem; overflow: hidden; /*height: 2.440000rem;*/ position: relative; } .indser_list ul li:nth-of-type(3n) { margin-right: 0; } .indser_list ul li img { display: block; max-width: 100%; } .indser_list ul li .indser_txt { position: absolute; left: 0; top: 0; padding: 0.3rem 0.34rem; padding: 6.66% 7.55%; width: 100%; height: 100%; background-color: rgba(25, 25, 25, 0.6); color: #fff; } .indser_list ul li .indser_txt .indser_txt_t p, .indser_list ul li .indser_txt .indser_txt_t img { line-height: 1; display: block; position: absolute; top: 50%; left: 50%; font-size: 0.24rem; transform: translate(-50%, -50%); margin-top: -0.2rem; } .indser_list ul li .indser_txt .indser_txt_t img { max-height: 0.42rem; } .indser_list ul li .indser_txt .indser_txt_t p { font-weight: 400; color: #fff; letter-spacing: 0.03rem; line-height: 0.3rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 0.3rem; line-height: 1; } .indser_list ul li .indser_txt .indser_p { padding-top: 0.15rem; line-height: 1.5; opacity: 0; height: 0.9rem; font-size: 0.22rem; text-align: justify; overflow: hidden; position: absolute; top: 70%; left: 10%; right: 10%; opacity: 0; transition-delay: 0s; } .indser_list ul li .indser_txt .indser_a { position: absolute; right: 7.55%; bottom: 6.66%; transform: translateY(0.2rem); transition-delay: 0s; opacity: 0; } .indser_list ul li .indser_txt .indser_a .btn { position: relative; z-index: 2; } .indser_list ul li:hover .indser_txt { background-color: rgba(0, 78, 162, 0.9); } .indser_list ul li:hover .indser_txt .indser_txt_t p { top: 10%; left: 10%; transform: translate(0, 0); left: 0.96rem; margin-top: 0.22rem; } .indser_list ul li:hover .indser_txt .indser_txt_t img { top: 10%; left: 10%; transform: translate(0, 0); margin-top: 0; } .indser_list ul li:hover .indser_txt .indser_p, .indser_list ul li:hover .indser_txt .indser_a { opacity: 1; transition-delay: 0.2s; transform: translateY(0); } .indser_list ul li:hover .indser_txt .indser_p { top: 33%; transition-delay: 0.1s; } /* 投资者 */ .investors_sec { position: relative; padding-bottom: 0.9rem; z-index: 2; } .investors_sec * { box-sizing: border-box; } .investors_sec .inv_nav { position: relative; /*margin-top: -0.410000rem;*/ background-color: #fff; border-radius: 0.1rem; overflow: hidden; /* margin-bottom: 0.850000rem;*/ box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08); } .investors_sec.z-fixed .inv_nav { position: fixed; top: 0; z-index: 9; width: 100%; margin-bottom: 0; } .investors_sec .inv_nav ul li { float: left; width: 12.5%; text-align: center; position: relative; height: 0.5rem; height: 0.6rem; } .investors_sec .inv_nav ul li a { display: block; line-height: 0.6rem; /*font-size: 0.200000rem;*/ color: #004ea2; /*font-weight: bolder; */ } .investors_sec .inv_nav ul li a:after, .investors_sec .inv_nav ul li a:before { content: ''; position: absolute; bottom: 0; right: 0; width: 0.01rem; height: 0.2rem; top: 0.15rem; background-color: #e0eaf4; } .investors_sec .inv_nav ul li a:after { left: 0; right: auto; bottom: 0; top: auto; width: 100%; background-color: #004ea2; height: 0.02rem; opacity: 0; } .investors_sec .inv_nav ul li a:hover:after { opacity: 1; } .investors_sec .inv_nav ul li.on a:after { opacity: 1; } .investors_sec .inv_nav ul li:last-child a:before { display: none; } .investors_sec .inv_con { padding-top: 0.85rem; } .investors_sec .inv_con .inv_common { display: none; } .investors_sec .inv_con .inv_common.on { display: block; } .investors_sec .inv_con .inv_finsta { padding-bottom: 0.1rem; } .investors_sec .inv_con .inv_finsta ul li { float: left; width: 23.6%; margin-right: 1.86%; margin-bottom: 0.61rem; background-color: #fff; border-radius: 0.1rem; overflow: hidden; box-shadow: 0px 0.2rem 0.59rem 0px rgba(175, 175, 175, 0.2); } .investors_sec .inv_con .inv_finsta ul li:nth-of-type(4n) { margin-right: 0; } .investors_sec .inv_con .inv_finsta ul li:hover { box-shadow: 0px 0.15rem 0.38rem 0px rgba(0, 103, 214, 0.54); background-color: #004ea2; } .investors_sec .inv_con .inv_finsta ul li:hover a, .investors_sec .inv_con .inv_finsta ul li:hover .finsta_txt .download { color: #fff; } .investors_sec .inv_con .inv_finsta ul li a { color: #818181; display: block; } .investors_sec .inv_con .inv_finsta ul li a p { font-size: 0.22rem; } .investors_sec .inv_con .inv_finsta ul li a i { font-size: 0.26rem; } .investors_sec .inv_con .inv_finsta ul li .finsta_img { height: 4.64rem; display: flex; align-items: center; overflow: hidden; background-color: #fff; } .investors_sec .inv_con .inv_finsta ul li .finsta_img img { display: block; width: 100%; /*height: 100%;*/ } .investors_sec .inv_con .inv_finsta ul li .finsta_txt { border-top: 0.01rem solid #e0eaf4; padding: 0.14rem 0.32rem; /*font-size: 0.180000rem;*/ } .investors_sec .inv_con .inv_finsta ul li .finsta_txt .download { line-height: 1; color: #004ea2; } .investors_sec .inv_con .inv_ann .ann_t { position: relative; padding: 0 0.74rem; border-bottom: 0.01rem solid rgba(0, 78, 162, 0.3); margin-bottom: 0.54rem; } .investors_sec .inv_con .inv_ann .ann_t .year_btn { position: absolute; left: 0; top: -0.1rem; width: 0.68rem; height: 0.68rem; text-align: center; line-height: 0.66rem; border: 0.01rem solid #004ea2; color: #004ea2; border-radius: 50%; } .investors_sec .inv_con .inv_ann .ann_t .year_btn i { font-size: 0.2rem; } .investors_sec .inv_con .inv_ann .ann_t .year_btn.year-next { left: auto; right: 0; } .investors_sec .inv_con .inv_ann .ann_t .swiper-container { padding-bottom: 0.36rem; text-align: center; } .investors_sec .inv_con .inv_ann .ann_t .swiper-container .swiper-slide { position: relative; height: 0.5rem; line-height: 0.5rem; border-radius: 0.25rem; } .investors_sec .inv_con .inv_ann .ann_t .swiper-container .swiper-slide:after { content: ''; position: absolute; right: 0; height: 0.24rem; background-color: #e0eaf4; top: 0.13rem; width: 0.01rem; } .investors_sec .inv_con .inv_ann .ann_t .swiper-container .swiper-slide:last-child:after { display: none; } .investors_sec .inv_con .inv_ann .ann_t .swiper-container .swiper-slide.on { box-shadow: 0px 0.15rem 0.38rem 0px rgba(0, 103, 214, 0.54); background-color: #004ea2; color: #fff; } .investors_sec .inv_con .inv_ann .ann_t .swiper-container .swiper-slide.on:after { opacity: 0; } .investors_sec .inv_con .inv_ann .ann_b .year_item { height: 5.3rem; display: none; box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08); padding: 0.44rem; } .investors_sec .inv_con .inv_ann .ann_b .year_item.on { display: block; } .investors_sec .inv_con .inv_ann .ann_b .year_item .year_con { height: 100%; } .investors_sec .inv_con .inv_ann .ann_b .year_item .year_con .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 78, 162, 0.3); width: 0.04rem; } .investors_sec .inv_con .inv_ann .ann_b .year_item .year_con .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #004ea2; } .investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li { position: relative; margin-bottom: 0.35rem; padding-left: 0.22rem; } .investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li:after { content: ''; position: absolute; width: 0.08rem; height: 0.16rem; top: 50%; transform: translateY(-50%); left: 0; width: 0px; background-color: #004ea2; } .investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li:hover:after { width: 0.08rem; } .investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li:hover a { color: #004ea2; } .investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li .time { color: #004ea2; vertical-align: middle; margin-right: 0.14rem; line-height: 0.28rem; display: inline-block; } .investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li h5 { display: inline-block; vertical-align: middle; } .investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li h5 a { font-weight: normal; line-height: 0.28rem; color: #818181; } .investors_sec .inv_con .inv_ann .m-about { padding-top: 0 !important; } .investors_sec .inv_con .inv_ann .m-about .about-honor { background-color: #fff; overflow: inherit; } .investors_sec .inv_con .inv_ann .m-about .about-honor .m-about-slide { margin-bottom: 0; } .investors_sec .inv_con .inv_ann .m-about .about-honor .m-about-slide .about-cont { margin-bottom: 0; } .investors_sec .inv_con .inv_ann .m-about .about-honor .m-about-slide .about-cont .f-in .about-cont-sub .year_item { height: 5.3rem; overflow: hidden; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 78, 162, 0.3); width: 0.04rem; } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #004ea2; } .investors_sec .inv_con .inv_ann .m-about .about-honor .m-about-slide .about-cont .f-in .about-cont-sub ul li { position: relative; margin-bottom: 0.35rem; padding-left: 0.22rem; } .investors_sec .inv_con .inv_ann .m-about .about-honor .m-about-slide .about-cont .f-in .about-cont-sub ul li:hover a { color: #004ea2; } .investors_sec .inv_con .inv_ann .m-about .about-honor .m-about-slide .about-cont .f-in .about-cont-sub ul li .time { color: #004ea2; vertical-align: middle; margin-right: 0.14rem; line-height: 0.28rem; display: inline-block; font-size: 0.22rem; } .investors_sec .inv_con .inv_ann .m-about .about-honor .m-about-slide .about-cont .f-in .about-cont-sub ul li h5 { display: inline-block; vertical-align: middle; } .investors_sec .inv_con .inv_ann .m-about .about-honor .m-about-slide .about-cont .f-in .about-cont-sub ul li h5 a { font-weight: normal; line-height: 0.28rem; color: #818181; font-size: 0.22rem; } .investors_sec .inv_con .inv_ircalendar .table_head { margin-right: 0.3rem; } .investors_sec .inv_con .inv_ircalendar .table_con { height: 4.14rem; overflow: hidden; } .investors_sec .inv_con .inv_ircalendar table { border: none; color: #818181; width: 100%; border-collapse: collapse; border-spacing: 0; border-radius: 0.1rem; overflow: hidden; box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08); } .investors_sec .inv_con .inv_ircalendar table th, .investors_sec .inv_con .inv_ircalendar table td { position: relative; padding: 0.25rem 0.4rem; border: none; font-weight: normal; } .investors_sec .inv_con .inv_ircalendar table th { text-align: left; } .investors_sec .inv_con .inv_ircalendar table th:last-child:after, .investors_sec .inv_con .inv_ircalendar table td:last-child:after { display: none; } .investors_sec .inv_con .inv_ircalendar table th:after, .investors_sec .inv_con .inv_ircalendar table td:after { content: ''; position: absolute; right: 0; height: 0.4rem; width: 0.01rem; background-color: #e0eaf4; top: 50%; transform: translateY(-50%); } .investors_sec .inv_con .inv_ircalendar table th.time, .investors_sec .inv_con .inv_ircalendar table th:nth-of-type(1), .investors_sec .inv_con .inv_ircalendar table td.time, .investors_sec .inv_con .inv_ircalendar table td:nth-of-type(1) { width: 31.38%; } .investors_sec .inv_con .inv_ircalendar table th.brokers, .investors_sec .inv_con .inv_ircalendar table th:nth-of-type(2), .investors_sec .inv_con .inv_ircalendar table td.brokers, .investors_sec .inv_con .inv_ircalendar table td:nth-of-type(2) { width: 24.65%; } .investors_sec .inv_con .inv_ircalendar table th.meeting, .investors_sec .inv_con .inv_ircalendar table th:nth-of-type(3), .investors_sec .inv_con .inv_ircalendar table td.meeting, .investors_sec .inv_con .inv_ircalendar table td:nth-of-type(3) { width: 21.8%; } .investors_sec .inv_con .inv_ircalendar table th.city, .investors_sec .inv_con .inv_ircalendar table th:nth-of-type(4), .investors_sec .inv_con .inv_ircalendar table td.city, .investors_sec .inv_con .inv_ircalendar table td:nth-of-type(4) { width: 22.17%; } .investors_sec .inv_con .inv_ircalendar table tr th { background-color: #004ea2; color: #fff; } .investors_sec .inv_con .inv_ircalendar table tr td { background-color: #fff; font-size: 0.22rem; letter-spacing: 0.018rem; } .investors_sec .inv_con .inv_ircalendar table tr.firstRow th { background-color: #004ea2; color: #fff; font-size: 0.22rem; letter-spacing: 0.02rem; } .investors_sec .inv_con .inv_ircalendar table tr:nth-of-type(2n) td { background-color: #f8f9fb; } .investors_sec .inv_con .inv_sumfin { padding-top: 0.08rem; /*padding-bottom: 0.850000rem;*/ } .investors_sec .inv_con .inv_sumfin .sum_btn { letter-spacing: -0.07rem; margin-bottom: 0.55rem; } .investors_sec .inv_con .inv_sumfin .sum_btn .btn { margin-right: 0.38rem; } .investors_sec .inv_con .inv_sumfin .sum_btn .btn i { font-size: 0.2rem; display: inline-block; vertical-align: middle; margin-left: 0.15rem; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item { display: none; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item.on { display: block; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item.sum_item1 .sum_item_l .txt { margin-bottom: 0.4rem; font-size: 0.22rem; line-height: 1.6; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l { max-width: 4.43rem; width: 30.7%; min-height: 3.82rem; box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08); padding: 0.6rem 0.65rem; padding: 4.16% 4.51%; color: #818181; margin-right: 4.16%; display: inline-block; vertical-align: middle; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .txt { line-height: 1.6; margin-bottom: 0.65rem; font-size: 0.22rem; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .sum_item_data { text-align: center; color: #004ea2; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .sum_item_data i, .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .sum_item_data em { font-size: 0.86rem; line-height: 1; display: inline-block; margin-bottom: 0.3rem; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .sum_item_data .num { font-size: 0.6rem; line-height: 1; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .sum_item_type { line-height: 1; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .sum_item_type .sum_item_type1 { margin-bottom: 0.24rem; font-size: 0.22rem; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .sum_item_type .sum_item_type1 span, .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .sum_item_type .sum_item_type2 p { background-color: #004ea2; font-size: 0.22rem; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .sum_item_type span, .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .sum_item_type p { display: inline-block; width: 0.2rem; height: 0.2rem; background-color: #efba3a; margin-right: 0.2rem; vertical-align: middle; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_r { width: 62.5%; display: inline-block; vertical-align: middle; } .investors_sec .inv_con .inv_sumfin .clearfix .fl { width: 42%; /*padding-left: 1.7%;*/ } .investors_sec .inv_con .inv_sumfin .clearfix .fr { width: 53%; border-radius: 0.1rem; overflow: hidden; box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08); } .investors_sec .inv_con .inv_sumfin .clearfix img { display: block; margin: 0 auto; max-width: 100%; } .investors_sec .inv_con .inv_analyze { padding-bottom: 0.3rem; } .investors_sec .inv_con .inv_analyze ul li { float: left; width: 4.5rem; width: 31.25%; box-shadow: 0px 0.2rem 0.59rem 0px rgba(175, 175, 175, 0.2); margin-right: 3.125%; margin-bottom: 0.4rem; padding: 0.04rem 0.55rem; padding: 2.7% 2.7% 3.8% 2.7%; background-color: #fff; color: #818181; position: relative; border-radius: 0.1rem; overflow: hidden; /*float: none;*/ } .investors_sec .inv_con .inv_analyze ul li:hover { box-shadow: 0px 0.15rem 0.38rem 0px rgba(0, 103, 214, 0.54); color: #fff; background-color: #004ea2; } .investors_sec .inv_con .inv_analyze ul li:hover h5, .investors_sec .inv_con .inv_analyze ul li:hover .more_div a { color: #fff; } .investors_sec .inv_con .inv_analyze ul li:hover .com_ema * { color: #fff !important; } .investors_sec .inv_con .inv_analyze ul li:nth-of-type(3n) { margin-right: 0; } .investors_sec .inv_con .inv_analyze ul li h5 { color: #004ea2; line-height: 1.28; height: 0.72rem; margin-bottom: 0.16rem; } .investors_sec .inv_con .inv_analyze ul li .com_ema { line-height: 1.5; margin-bottom: 0.2rem; height: 0.6rem; } .investors_sec .inv_con .inv_analyze ul li .com_ema * { color: #818181 !important; background-color: transparent !important; font-size: 0.22rem; line-height: 1.6; } .investors_sec .inv_con .inv_analyze ul li .more_div { position: absolute; right: 0.52rem; bottom: 0.2rem; text-align: right; } .investors_sec .inv_con .inv_analyze ul li .more_div a { color: #004ea2; line-height: 1; } .investors_sec .inv_con .inv_promotional ul li { height: 2.5rem; } .investors_sec .inv_con .inv_promotional ul li:hover .pro_time { color: rgba(255, 255, 255, 0.5); } .investors_sec .inv_con .inv_promotional ul li .pro_time { color: rgba(0, 78, 162, 0.5); margin-bottom: 0.3rem; line-height: 1; } .investors_sec .inv_con .inv_promotional ul li h5 { line-height: 1.8; } .investors_sec .inv_con .inv_contact .contact_con { letter-spacing: -0.07rem; text-align: center; } .investors_sec .inv_con .inv_contact .contact_con .contact_item { text-align: left; margin-right: 3.26%; min-width: 5.6rem; display: inline-block; width: 43.05%; color: #004ea2; padding: 0.4rem 0 0 0.6rem; height: 1.6rem; box-shadow: 0px 0.2rem 0.59rem 0px rgba(175, 175, 175, 0.2); vertical-align: middle; } .investors_sec .inv_con .inv_contact .contact_con .contact_item.contact_email { margin-right: 0; } .investors_sec .inv_con .inv_contact .contact_con .contact_item i, .investors_sec .inv_con .inv_contact .contact_con .contact_item em { font-size: 0.74rem; display: inline-block; vertical-align: middle; margin-right: 8%; } .investors_sec .inv_con .inv_contact .contact_con .contact_item span { display: inline-block; vertical-align: middle; } /* 搜索结果 */ .search { /*margin-top: -0.380000rem;*/ margin-top: 0.28rem; position: relative; z-index: 2; padding-bottom: 0.74rem; } .search * { box-sizing: border-box; } .search .search_t { margin-bottom: 0.6rem; } .search .search_t #searchForm { border: 0.01rem solid #004ea1; display: block; max-width: 8.12rem; height: 0.76rem; border-radius: 0.38rem; background-color: #fff; box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08); margin: 0 auto; padding: 0 0.28rem; overflow: hidden; position: relative; } .search .search_t #searchForm input { display: block; width: 100%; line-height: 0.76rem; height: 0.76rem; padding-right: 0.5rem; font-size: 0.24rem; color: #004ea2; } .search .search_t #searchForm button { font-size: 0.24rem; color: #004ea2; line-height: 0.76rem; border: none; background-color: transparent; cursor: pointer; position: absolute; right: 0.28rem; outline: none; top: 0; } .search .search_t #searchForm button i { height: 0.38rem; line-height: 0.38rem; display: inline-block; vertical-align: text-bottom; } .search .search_b h2, .search .search_b h4 { font-weight: normal; } .search .search_b h2 { text-align: center; line-height: 1; margin-bottom: 0.5rem; } .search .search_b h2 span { color: #004ea2; font-weight: bold; } .search .search_b .search_list { margin-bottom: 0.62rem; } .search .search_b .search_list ul li { padding-bottom: 0.38rem; padding-top: 0.23rem; border-bottom: 0.01rem solid #e8e8e8; } .search .search_b .search_list ul li .search_title a { line-height: 3.1; color: #004ea2; display: inline-block; /*&:hover, &:hover span{ color: $blue; }*/ } .search .search_b .search_list ul li .search_title a span { color: #f25936; } .search .search_b .search_list ul li .search_txt { line-height: 1.33; margin-bottom: 0.3rem; } .search .search_b .search_list ul li .search_data { color: #9d9d9d; } .search .search_b .search_list ul li .search_data span.from { margin-right: 0.25rem; } @media screen and (max-width: 13rem) { .investors_sec .inv_con .inv_finsta ul li { width: 32%; margin-right: 2%; } .investors_sec .inv_con .inv_finsta ul li:nth-of-type(4n) { margin-right: 2%; } .investors_sec .inv_con .inv_finsta ul li:nth-of-type(3n) { margin-right: 0; } .investors_sec .inv_con .inv_finsta ul li .finsta_img { /*height: auto;*/ } .investors_sec .inv_con .inv_analyze ul li h5 { font-size: 0.22rem; height: 0.6rem; } .investors_sec .inv_con .inv_ircalendar table tr th, .investors_sec .inv_con .inv_ircalendar table tr td { padding: 0.25rem 0.4rem; font-size: 0.14rem; } .investors_sec .inv_con .inv_ircalendar table tr.firstRow th { font-size: 0.16rem; } .investors_sec .inv_con .inv_ircalendar table tr th { font-size: 0.16rem; } .investors_sec .inv_con .inv_contact .contact_con .contact_item { min-width: auto; height: 1.2rem; padding: 0.3rem 0 0 0.3rem; } .investors_sec .inv_con .inv_contact .contact_con .contact_item i, .investors_sec .inv_con .inv_contact .contact_con .contact_item em { font-size: 0.5rem; margin-right: 4%; } } @media screen and (max-width: 750px) { #load { display: none; } .investors_sec { padding-bottom: 0.4rem; } .investors_sec .inv_nav { padding: 0; overflow: auto; border-radius: 0; margin-top: 0; } .m-date.z-fixed.investors_sec { padding-top: 0.5rem; } .investors_sec .inv_con { padding-top: 0.4rem; } .investors_sec .inv_nav ul li { width: 1rem; height: 0.5rem; } .investors_sec .inv_nav ul li a { line-height: 0.48rem; font-size: 0.16rem; letter-spacing: 0; } .investors_sec .inv_nav ul li a:after { height: 0.04rem; } .investors_sec .inv_nav ul li a:before { height: 0.2rem; top: 0.12rem; } .investors_sec .inv_con .inv_finsta { padding-bottom: 0; } .investors_sec .inv_con .inv_finsta ul li { width: 48%; margin-right: 4%; margin-bottom: 4%; } .investors_sec .inv_con .inv_finsta ul li a p { font-size: 0.14rem; } .investors_sec .inv_con .inv_finsta ul li a i { font-size: 0.16rem; } .investors_sec .inv_con .inv_finsta ul li:nth-of-type(3n) { margin-right: 4%; } .investors_sec .inv_con .inv_finsta ul li:nth-of-type(2n) { margin-right: 0; } .investors_sec .inv_con .inv_finsta ul li .finsta_img { /*height: auto;*/ height: 2.1rem; } .investors_sec .inv_con .inv_finsta ul li .finsta_txt { padding: 0.07rem 0.16rem; } .investors_sec .inv_con .inv_ircalendar table tr { table-layout: fixed; } .investors_sec .inv_con .inv_ircalendar table tr th, .investors_sec .inv_con .inv_ircalendar table tr td { padding: 0.1rem 0.05rem; text-align: center; } .investors_sec .inv_con .inv_sumfin { /*padding-bottom: 0.400000rem;*/ } .investors_sec .inv_con .inv_sumfin .sum_btn { margin-bottom: 0.4rem; } .investors_sec .inv_con .inv_sumfin .sum_btn .btn { margin-right: 2%; width: 49%; padding: 0; text-align: center; padding-left: 0.05rem; } .investors_sec .inv_con .inv_sumfin .sum_btn .btn i { margin-left: 0.05rem; } .investors_sec .inv_con .inv_sumfin .sum_btn .btn:last-child { margin-right: 0; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item.sum_item1 .sum_item_l .txt { margin-bottom: 0.2rem; font-size: 0.14rem; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l { width: 100%; margin: 0 auto 0.2rem; display: block; height: auto; min-height: auto; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .txt { margin-bottom: 0.2rem; font-size: 0.14rem; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .sum_item_type .sum_item_type1, .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .sum_item_type .sum_item_type2 { font-size: 0.14rem; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .sum_item_data i, .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .sum_item_data em { font-size: 0.4rem; margin-bottom: 0.15rem; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .sum_item_data .num { font-size: 0.3rem; } .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_r { width: 100%; } .investors_sec .inv_con .inv_sumfin { padding-bottom: 0; } .investors_sec .inv_con .inv_sumfin .clearfix .fl, .investors_sec .inv_con .inv_sumfin .clearfix .fr { width: 100%; margin-bottom: 0.2rem; } .investors_sec .inv_con .inv_sumfin .clearfix .fr { margin-bottom: 0; } .investors_sec .inv_con .inv_analyze { padding-bottom: 0; } .investors_sec .inv_con .inv_analyze ul li { height: auto; padding-bottom: 0.2rem; width: 48%; margin-right: 4%; margin-bottom: 4%; overflow: hidden; float: none; } .investors_sec .inv_con .inv_analyze ul li:nth-of-type(3n) { margin-right: 4%; } .investors_sec .inv_con .inv_analyze ul li:nth-of-type(2n) { margin-right: 0; } .investors_sec .inv_con .inv_analyze ul { display: flex; flex-wrap: wrap; align-items: stretch; } .investors_sec .inv_con .inv_analyze ul:after, .investors_sec .inv_con .inv_analyze ul:before { display: none; } .investors_sec .inv_con .inv_analyze ul li h5 { font-size: 0.16rem; height: auto; line-height: 1.6; } .investors_sec .inv_con .inv_analyze ul li .com_ema { font-size: 0.14rem; } .investors_sec .inv_con .inv_analyze ul li .more_div { right: 2.7%; bottom: 2.7%; } .investors_sec .inv_con .inv_analyze ul li .more_div a { font-size: 0.12rem; } .investors_sec .inv_con .inv_analyze ul li .com_ema * { font-size: 0.14rem; height: auto; } .investors_sec .inv_con .inv_contact .contact_con .contact_item { width: 100%; padding-top: 0.2rem; padding-bottom: 0.2rem; height: auto; padding-left: 0.7rem; padding-right: 0; position: relative; margin-bottom: 0.2rem; box-sizing: border-box; min-width: auto; font-size: 0.16rem; } .investors_sec .inv_con .inv_contact .contact_con .contact_item.contact_email { margin-bottom: 0; } .investors_sec .inv_con .inv_contact .contact_con .contact_item i, .investors_sec .inv_con .inv_contact .contact_con .contact_item em { font-size: 0.3rem; position: absolute; left: 0.3rem; top: 50%; transform: translateY(-50%); } .investors_sec .inv_con .inv_contact .contact_con .contact_item span { font-size: 0.16rem; } .news_content { padding-bottom: 0.4rem; } .news_content .news_content_con .news_con { width: 100%; margin-left: 0; } .news_content .news_content_con .news_con .news_title { height: auto; display: block; margin-bottom: 0.14rem; } .news_content .news_content_con .news_con .time { position: relative; float: none; padding: 0.1rem 0; width: 100%; height: auto; text-align: left; box-shadow: none; display: block; } .news_content .news_content_con .news_con .time p { display: inline-block; } .news_content .news_content_con .news_con .time p.d_m { margin-bottom: 0; } .news_content .news_content_con .news_con .content { padding-bottom: 0; margin-bottom: 0.2rem; } .news_content .news_content_con .news_con .content p { font-size: 0.14rem !important; margin-bottom: 0.15rem; } .news_content .news_content_con .news_con .content p img { margin-bottom: 0.1rem; } .news_content .news_content_con .news_con .news_r_n .news_prev, .news_content .news_content_con .news_con .news_r_n .news_next { width: 48%; } .news_content .news_content_con .news_con .news_r_n .news_prev a p:after, .news_content .news_content_con .news_con .news_r_n .news_next a p:after { width: 0.08rem; } .search { /*margin-top: -0.190000rem;*/ padding-bottom: 0.3rem; } .search .search_t { margin-bottom: 0.3rem; } .search .search_b .search_list ul li .search_title a { line-height: 1.6; font-size: 0.16rem; } .search .search_t #searchForm, .search .search_t #searchForm input, .search .search_t #searchForm button { height: 0.38rem; line-height: 0.38rem; } .search .search_t #searchForm input { font-size: 0.16rem; padding-left: 0; } .search .search_b h2 { margin-bottom: 0.15rem; } .search .search_b .search_list { margin-bottom: 0.2rem; } .search .search_b .search_list ul li { /*padding-top: 0;*/ padding-bottom: 0.15rem; } .search .search_b .search_list ul li .search_data { font-size: 0.12rem; } .search .search_b .search_list ul li .search_title { margin-bottom: 0.15rem; } .search .search_b .search_list ul li .search_txt { margin-bottom: 0.1rem; font-size: 0.14rem; line-height: 1.6; } .page .page_l a, .page .page_l span { width: 0.3rem; height: 0.3rem; line-height: 0.3rem; margin: 0 0.02rem; } .page .page_l a.more_page, .page .page_l span.more_page { letter-spacing: 0.01rem; text-indent: 0; width: 0.3rem; } .page .page_l a.cur_page, .page .page_l span.cur_page { color: #fff; background-color: #004ea2; } /* 服务列表 */ .indser_list { padding-top: 0.3rem; padding-bottom: 0.3rem; } .indser_list ul li { position: relative; width: 31.33%; padding-bottom: 31.33%; margin: 0 1% 2%; } .indser_list ul li:nth-of-type(3n) { margin-right: 1%; } .indser_list ul li img { height: 100%; width: auto; position: absolute; left: 50%; transform: translateX(-50%); max-width: initial; } .indser_list ul li .indser_txt .indser_txt_t p, .indser_list ul li .indser_txt .indser_txt_t img { line-height: 1; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: -0.12rem; } .indser_list ul li .indser_txt .indser_txt_t img { max-height: 0.36rem; } .indser_list ul li .indser_txt .indser_txt_t p { font-weight: 400; color: #fff; letter-spacing: 0.03rem; line-height: 0.3rem; position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; transform: translate(-50%, -50%); margin-top: 0.25rem; line-height: 1; font-size: 0.14rem; } .indser_list ul li .indser_txt .indser_p { display: none; } .indser_list ul li .indser_txt .indser_a { display: none; } .indser_list ul li:hover .indser_txt { background-color: rgba(0, 78, 162, 0.9); } .indser_list ul li:hover .indser_txt .indser_txt_t p { top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 0.14rem; margin-top: 0.25rem; } .indser_list ul li:hover .indser_txt .indser_txt_t img { top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: -0.12rem; } .investors_sec .inv_con .inv_promotional ul li .pro_time { font-size: 0.12rem; margin-bottom: 0.15rem; } } /* ------服务------ */ .g-content { /*测试服务*/ /*服务优势*/ /*咨询服务*/ /*资质认证*/ /*服务优势 - 高*/ /*服务范围*/ } .g-content .m-text { color: #818181; } .g-content .m-text p.p-color { margin-bottom: 0; } .g-content .u-title { position: relative; } .g-content .u-title .u-form { width: 2.7rem; height: 0.54rem; position: absolute; right: 0; top: 0; border: 0.01rem solid #004ea2; border-radius: 0.27rem; overflow: hidden; padding: 0 0.47rem 0 0.2rem; box-sizing: border-box; } .g-content .u-title .u-form input { display: block; width: 100%; line-height: 0.52rem; color: #8b8b8b; letter-spacing: 0.03rem; } .g-content .u-title .u-form input::-moz-placeholder { color: #8b8b8b; } .g-content .u-title .u-form input::-webkit-input-placeholder { color: #8b8b8b; } .g-content .u-title .u-form input:-ms-input-placeholder { color: #8b8b8b; } .g-content .u-title .u-form button { position: absolute; border: none; background-color: transparent; line-height: 0.52rem; color: #004ea2; width: 0.3rem; cursor: pointer; right: 0.2rem; top: 0; outline: none; padding: 0; } .g-content .u-title .u-form button i { line-height: 0.52rem; font-size: 0.2rem; display: block; } .g-content .m-test-solution .user-box ul { display: flex; flex-wrap: wrap; } .g-content .m-test-solution .user-box ul li { /*float: left;*/ padding-top: 0.37rem; width: 47.37%; float: right; margin-right: 5.26%; } .g-content .m-test-solution .user-box ul li:nth-of-type(1), .g-content .m-test-solution .user-box ul li:nth-of-type(2) { padding-top: 0; } .g-content .m-test-solution .user-box ul li:nth-of-type(2n) { margin-right: 0; } .g-content .m-test-solution .user-box ul li h6 { padding: 0.27rem 9%; line-height: 1.5; color: #004ea2; letter-spacing: 0.01rem; box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08); font-size: 0.24rem; } .g-content .m-test-solution .user-box ul li p { text-align: justify; padding: 0.3rem 9% 0; color: #818181; line-height: 1.6; letter-spacing: 0.02rem; font-size: 0.22rem; } .g-content .m-serve img { height: 0.5rem; display: block; margin: 0 auto; } .g-content .m-serve.consulting-serve.serve--other ul { display: flex; flex-wrap: wrap; } .g-content .m-serve.consulting-serve.serve--other .user-box li { height: 2.84rem; height: 3.14rem; height: auto; } .g-content .m-serve.consulting-serve.serve--other li p { height: auto; } .g-content .m-serve.consulting-serve.serve--other.m-serve-s .user-box li { height: 2.14rem; margin-bottom: 0; } .g-content .service-area-4 { /*产品和解决方案*/ } .g-content .service-area-4 ul li { width: 22.585%; margin-right: 3.22%; } .g-content .service-area-4 ul li:last-child { margin-right: 0; } .g-content .service-area-4.m-service-area-4 ul li .mark-text i { font-size: 0.72rem; } .g-content .service-area-4.m-service-area-4 ul li:hover .mark-text i { opacity: 0; } .g-content .service-area-4.m-service-area-4 ul li .mark-text h3 { height: auto; font-size: 0.24rem; margin-top: 0.5rem; /*width: 100%;*/ } .g-content .service-area-4.m-service-area-4 ul li:hover .mark-text h3 { opacity: 0; } .g-content .service-area-4.m-service-area-4 ul li .mark-text .mark-txt, .g-content .service-area-4.m-service-area-4 ul li .mark-text pre { height: auto; height: 3.8rem; top: 63%; } .g-content .service-area-4.m-service-area-4 ul li:hover .mark-text i { font-size: 0.5rem; } .g-content .service-area-4.m-service-area-4 ul li:hover .mark-text h3 { margin-top: 0.7rem; } .g-content .service-area-4.m-service-area-4 ul li:hover .mark-text .mark-txt, .g-content .service-area-4.m-service-area-4 ul li:hover .mark-text pre { top: 46%; top: 10%; } .g-content .service-area-4.m-service-area-4 ul li:last-child { margin-right: 0; } .g-content .service-area_more { text-align: center; padding-top: 0.7rem; } .g-content .m-qualification ul li { /* max-width: 2.800000rem;*/ width: 24.13%; width: 24.25%; float: left; margin-right: 13.805%; margin-right: 1%; text-align: center; padding-top: 0.82rem; } .g-content .m-qualification ul li .qua_img { margin-bottom: 0.3rem; } .g-content .m-qualification ul li .qua_img img { display: block; margin: 0 auto; max-width: 100%; } .g-content .m-qualification ul li p { font-size: 0.18rem; font-size: 0.22rem; color: #191919; } .g-content .m-qualification ul li:nth-of-type(1), .g-content .m-qualification ul li:nth-of-type(2), .g-content .m-qualification ul li:nth-of-type(3), .g-content .m-qualification ul li:nth-of-type(4) { padding-top: 0; } .g-content .m-qualification ul li:nth-of-type(4n) { margin-right: 0; } .g-content .m-product-lists.m-product-lists-more li { height: 2.15rem; padding: 4.5% 3%; } .g-content .m-business-lists li .title { cursor: pointer; } .g-content .m-business-lists li .title:hover { color: #fff; background: #004ea2; box-shadow: 0 0 0.2rem rgba(0, 78, 162, 0.4); } .g-content .m-business-lists li .bus-box .btn { margin: 0.3rem 0 0.17rem; } .g-content .m-business-lists.m-business-lists-b li .bus-links a:not(.btn) { color: #818181; } .g-content .m-business-lists.m-business-lists-b li .bus-links a:not(.btn):before { background-color: #004ea2; } .g-content .m-business-lists.m-business-lists-b li .bus-links a:not(.btn) i { color: #004ea2; } /* 云上软件园 */ .m-software .date-title li { width: 25%; } .m-software .date-first { height: 3.78rem; background-image: url(rju1.jpg) /*tpa=http://www.chinasofti.com/r/cms/www/default/images/rju1.jpg*/; } .m-text-w { color: #fff; } /*联系我们*/ .contact-us { padding: 0.56rem 0 0.7rem; } .contact-us h3 { font-size: 0.3rem; color: #1e2123; line-height: 1; margin-bottom: 0.21rem; font-weight: bold; } .contact-us .contact_describe { font-size: 0.16rem; color: #191919; line-height: 1.5; margin-bottom: 0.6rem; } .contact_list h4 { font-size: 0.24rem; color: #1e2123; font-weight: 400; line-height: 1; margin-bottom: 0.4rem; } .contact_list dl { display: flex; flex-wrap: wrap; } .contact_list dd { float: left; width: 44.44%; margin-right: 11.12%; background-color: #f3f5f8; padding: 0.48rem 0.52rem; box-sizing: border-box; margin-bottom: 0.5rem; } .contact_list dd:nth-of-type(2n) { margin-right: 0; } .contact_list dd h6 { font-size: 0.24rem; color: #1e2123; margin-bottom: 0.22rem; line-height: 1; font-weight: 400; } .contact_list dd p { font-size: 0.22rem; line-height: 1.6; margin-bottom: 0.16rem; } .contact_list dd p:last-child { margin-bottom: 0; } .contact_list dd p a { color: #004ea2; } @media screen and (max-width: 750px) { #load .load_con { width: 90%; } #load .load_con img { width: 100%; } .investors_sec .inv_con .inv_ann .m-about .about-honor .m-about-slide .about-cont .f-in .about-cont-sub .year_item, .investors_sec .inv_con .inv_ircalendar .table_con { overflow: auto; } .g-content .service-area-4.m-service-area-4 ul li .mark-text i { font-size: 0.34rem; } .g-content .service-area_more { padding-top: 0.2rem; } .btn { font-size: 0.14rem; height: 0.32rem; line-height: 0.32rem; padding: 0 0.18rem; } .g-content .m-qualification ul li p { font-size: 0.14rem; } .g-content .m-serve.consulting-serve.serve--other .user-box li, .g-content .m-serve.consulting-serve.serve--other.m-serve-s .user-box li { height: auto; } .g-content .service-area-4 { overflow-x: auto; overflow-y: hidden; padding-bottom: 15px; -webkit-overflow-scrolling: touch; } .m-service-area li { box-shadow: none; } .g-content .service-area-4.m-service-area-4 ul { width: 1e7; } .g-content .service-area-4.m-service-area-4 ul:after { clear: none; } .g-content .service-area-4.m-service-area-4 ul li { width: 1.5rem; margin: 0 0.15rem 0 0; box-shadow: none; } .g-content .service-area-4.m-service-area-4 ul li .mark-text h3 { white-space: nowrap; font-size: 0.16rem; } .g-content .m-test-solution .user-box ul { display: table; } .g-content .m-test-solution .user-box ul li { padding-top: 0; width: 100%; margin-right: 0; float: none; padding-bottom: 0.2rem; } .g-content .m-test-solution .user-box ul li h6 { padding: 0.15rem 9%; font-size: 0.16rem; } .g-content .m-test-solution .user-box ul li p { padding-top: 0.15rem; font-size: 0.14rem; } .investors_sec .inv_con .inv_ann .m-about .about-honor .m-about-slide .about-cont .f-in .about-cont-sub ul li { margin-bottom: 0.15rem; padding-left: 0; } .investors_sec .inv_con .inv_ann .m-about .about-honor .m-about-slide .about-cont .f-in .about-cont-sub ul li .time { font-size: 0.12rem; } .investors_sec .inv_con .inv_ann .m-about .about-honor .m-about-slide .about-cont .f-in .about-cont-sub ul li h5 a { font-size: 0.14rem; line-height: 1.3; } .investors_sec .inv_con .inv_ircalendar .table_head, .mCSB_inside > .mCSB_container { margin-right: 0; } .investors_sec .inv_con .inv_ircalendar table tr.firstRow th { font-size: 0.14rem; } .investors_sec .inv_con .inv_ircalendar table tr th, .investors_sec .inv_con .inv_ircalendar table tr td { font-size: 0.12rem; } .m-software .date-title li { width: auto; min-width: 1rem; } .contact-us { padding: 0.28rem 0 0.35rem; } .contact-us .contact_describe { margin-bottom: 0.3rem; } .contact_list dt { margin-bottom: 0.2rem; } .contact_list dd { height: auto; float: none; margin-right: 0; width: 100%; box-sizing: border-box; padding: 0.24rem 0.26rem; margin-bottom: 0.25rem; } .contact-us h3 { font-size: 0.28rem; } .contact_list dl { margin-bottom: 0.2rem; } .contact_list h4 { margin-bottom: 0.3rem; } .contact_list h4, .contact_list dd h6 { font-size: 0.18rem; } .contact_list dd p { font-size: 0.14rem; } } .news-item { display: flex; overflow: hidden; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px #5e5e5e44; background-color: #fff; margin-right: 10px; margin-bottom: 10px; } .news-item .news-img { width: 200px; height: 140px; border-radius: 10px; overflow: hidden; } .news-item .news-img img { width: 200px; height: 100%; } .news-item .news-onent { width: 200px; margin-left: 10px; flex: 1; overflow: hidden; position: relative; } .news-item .news-onent .title { color: #000; font-weight: 700; overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; */ } .news-item .news-onent .des { margin-top: 10px; color: #999; white-space: normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis; line-clamp: 3; -webkit-line-clamp: 2; } .news-item .news-onent .more { color: rgb(3, 124, 201); float: right; cursor: pointer; font-weight: 700; } .news-item .news-onent .time { position: absolute; color: rgb(3, 124, 201); bottom: 0; font-weight: 700; } .news-box .idea-more { margin-top: 20px; color: rgb(3, 124, 201); text-align: center; cursor: pointer; font-size: 16px; font-weight: 700; } .index-news { padding-bottom: 20px; } .index-third { padding-top: 10px; } .index-contact { padding-top: 20px; padding-bottom: 20px; } .tact-item { display: flex; overflow: hidden; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px #5e5e5e44; background-color: #fff; margin-right: 10px; margin-bottom: 10px; } .tact-item .title { color: #000; font-weight: 700; } .tact-item .info { margin-top: 8px; } .tact-item .tact-content { flex: 1; } .tact-item .tact-icon-warp { text-align: right; width: 105px; height: 112px; } .cdot { display: inline-block; width: 8px; height: 8px; border-radius: 8px; margin-right: 4px; } .cdot-color1 { background-color: #004ea2; } .cdot-color2 { background-color: #a09000; } .cdot-color3 { background-color: #db3518; } .cdot-color4 { background-color: #64f35c; } .cdot-color5 { background-color: #3ccbef; } .product-list { display: flex; flex-wrap: wrap; justify-content: space-between; } .product-list .product-item { position: relative; width: 330px; cursor: pointer; border: 0px solid; overflow: hidden; box-shadow: 0 0 10px rgba(102, 102, 102, 0.349); border-radius: 10px; margin-bottom: 50px; } .product-list .product-item .product-cove { width: 100%; height: 220px; overflow: hidden; position: relative; } .product-list .product-item .product-cove img { width: 100%; height: 100%; } .product-list .product-item .cove-make { position: absolute; top: 0px; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.34); text-align: center; padding: 20px 0; color: #fff; font-weight: 700; font-size: 18px; transition: all .5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari and Chrome */ -o-transition: all 0.5s; /* Opera */ } .product-list .product-item:hover { box-shadow: 0 0 20px rgba(102, 102, 102, 0.521); } /* .product-list .product-item:hover .cove-make { top: 0; } */ .product-list .product-item .cove-make .cove-title { position: absolute; top: 62%; left: 0; right: 0; transform: translateY(-50%); letter-spacing: 4px; } .product-list .product-item .product-text { height: 80px; margin: 20px; color: #000; line-height: 26px; overflow: hidden; text-align: center; display: flex; align-items: center; justify-content: center; } .footer-banner { background: url(../imgs/kefubg.jpg) center center no-repeat; background-size: 100% 100%; } .contact-btn { display: inline-block; cursor: pointer; padding: 10px 20px; background-color: #004ea1; border-radius: 8px; color: #fff; font-size: 16px; font-weight: 500; } .wis-pro-list { display: flex; flex-wrap: wrap; justify-content: space-between; } .wis-pro-list .wis-pro-item { position: relative; width: 310px; cursor: pointer; border: 0px solid; overflow: hidden; box-shadow: 0 0 10px rgba(102, 102, 102, 0.349); border-radius: 10px; margin-bottom: 20px; } .wis-pro-list .wis-pro-item .wis-pro-cove { margin: 0 auto; margin-top: 20px; overflow: hidden; position: relative; text-align: center; } .wis-pro-list .wis-pro-item .wis-pro-cove img { display: inline; width: 100px; height: 100px; } .wis-pro-list .wis-pro-item .wis-pro-cove .wis-pro-title { display: inline-block; border-bottom: #f25936 solid 2px; line-height: 40px; padding-left: 20px; padding-right: 20px; } .wis-pro-list .wis-pro-item:hover { box-shadow: 0 0 20px rgba(102, 102, 102, 0.521); } .wis-pro-list .wis-pro-item .wis-pro-text { margin: 20px; color: #000; line-height: 26px; overflow: hidden; } .bannerBoxTitle{ margin-left: 150px; } .bannerTitle { font-size: 38px; color: #ffffff; } .bannerTitle-eng{ font-size: 20px; letter-spacing: 1px; } .flex-between-center{ display: flex; justify-content: space-between; align-items: center; } .idea-more { color: rgb(3, 124, 201); font-size: 16px; font-weight: 700; }