@font-face { font-family: 'pangmenzhengdaobiaotitimianfeiban'; src: ; font-weight: normal; font-style: normal; font-display: swap; /* 控制字体加载期间的显示行为 */ } body, html { /* max-width: 1920px; */ margin: 0 auto; } .w1600 { width: 16rem; margin: 0 auto; } .transitions { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .header_box { position: relative; height: 1.28rem; background-color: #fff; border-bottom: 8px solid #db3b2f; } .header_box::after { content: ''; position: absolute; left: 0; bottom: -0.14rem; width: 100%; height: 0.09rem; background-color: rgba(219, 59, 47, .5); z-index: 99; } .header { display: flex; justify-content: space-between; align-items: center; height: 100%; } .header_box .mobile-menu { display: none; position: absolute; top: 50%; right: 0.20rem; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); line-height: 0; } .header .mobile-menu a { display: inline-block; width: 0.3rem; height: 0.4rem; background: url(/uploads/image/gltsimages/menu.png) no-repeat center; -moz-background-size: 100%; background-size: 100%; } .logo img { /* width: 2.1rem; */ height: 0.4rem; } .dzy-logo img { width: 2.6rem; } .nav_box { flex: 1; height: 100%; text-align: right; } .nav_list { display: flex; height: 100%; justify-content: end; margin-right: 0.3rem; } .nav_item { position: relative; height: 1.35rem; z-index: 998; } .secondary { display: none; position: absolute; top: 1.32rem; left: 50%; transform: translate(-50%); width: 1.85rem; padding: 0.2rem 0; background-color: #fff; border-radius: 0.06rem; z-index: 999; } .nav_item a { display: flex; height: 100%; padding: 0 0.3rem; font-size: 0.18rem; line-height: 1.2rem; } .nav_item>a { font-size: 0.2rem; } .nav_item.active>a, .secondary_item.active>a { color: #db3b2f; } .secondary_item a { padding: 0; justify-content: center; line-height: 0.46rem; font-size: 0.18rem; } .banner_swiper { position: relative; width: 100%; height: 42vw; } .banner_swiper img { width: 100%; height: 100%; } .banner_swiper .imgbg::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } .banner_title_box { display: flex; align-items: center; position: absolute; top: 0; left: 50%; height: 100%; transform: translate(-50%, 0); z-index: 99; } .banner_title { color: #fff; } .chinese { position: relative; padding-bottom: 0.4rem; margin-bottom: 0.35rem; font-size: 0.42rem; font-weight: bold; line-height: 0.52rem; } .chinese::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0.8rem; height: 0.05rem; background-color: #fff; } .english { font-size: 0.15rem; /* font-weight: bold; */ line-height: 0.3rem; } .banner_box .swiper-pagination-bullet { width: 0.6rem; height: 0.03rem; margin: 0 0.09rem; background-color: rgba(255, 255, 255, .5); border-radius: 0; } .banner_box .swiper-pagination-bullet-active { background-color: #fff; } .banner_box .swiper-pagination { width: 100%; bottom: 0.2rem; } .major { margin-top: 0.65rem; } .index_title { height: 1.9rem; margin-bottom: 0.45rem; line-height: 1.9rem; background: url(/uploads/image/gltsimages/index_title_bg.png) no-repeat; background-position: center; background-size: auto 100%; text-align: center; font-size: 0.48rem; font-weight: bold; color: #db3b2f; } .major_swiper { overflow: hidden; } .major_img { height: 3.2rem; } .major_title { padding: 0.2rem 0; margin-top: 0.17rem; border-bottom: 1px solid #99a7b5; line-height: 1; font-size: 0.18rem; color: #969696; font-weight: bold; } .major_content { font-size: 0.28rem; line-height: 0.42rem; margin-top: 0.45rem; } .major_img_box { width: 100%; height: 3.20rem; overflow: hidden; } .major_item { flex: 1; } .major_item .imgbg img { display: none; } .major_item:hover .major_content { color: #202542; font-weight: bold; } .major_item:hover .major_img { transform: scale(1.1) !important; } .major_item:hover .major_title { color: #202542; } .aboutus { margin-top: 1rem; padding-bottom: 0.5rem; } .aboutus .index_title { margin-bottom: 0.7rem; } .aboutus_info { display: flex; justify-content: space-between; } .aboutus_info .imgbg img { display: none; } .aboutus_right { width: 7.9rem; height: 4rem; margin-left: 0.8rem; } .aboutus_right .imgbg { width: 7.9rem; } .aboutus_title { margin: 0.75rem 0 0.3rem; line-height: 1; font-size: 0.3rem; color: #202542; font-weight: bold; } .aboutus_content { font-size: 0.18rem; line-height: 0.35rem; text-align: justify; } .aboutus_more { margin-top: 0.5rem; } .aboutus_more a { display: flex; justify-content: space-between; align-items: center; width: 1.4rem; height: 0.44rem; padding: 0 0.22rem; background-color: #db3b2f; border-radius: 0.22rem; color: #fff; } .aboutus_more a:hover { background-color: #d91304; } .aboutus_list { display: flex; justify-content: space-between; margin-top: 0.75rem; } .aboutus_item { flex: 1; padding: 0.4rem 0 0.4rem 1.5rem; border-radius: 0.06rem; background: url(/uploads/image/gltsimages/xt.png) no-repeat; background-position: -800px -100%; background-size: 100% 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .aboutus_num { position: relative; padding-bottom: 0.2rem; font-size: 0.4rem; line-height: 1; color: #202542; font-weight: bold; font-family: 'pangmenzhengdaobiaotitimianfeiban'; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .aboutus_num::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0.35rem; height: 0.01rem; background-color: #202542; } .aboutus_num b { position: relative; top: -0.08rem; } .aboutus_item:hover { box-shadow: 0px 0px 0.12rem rgba(0, 0, 0, .12); background-position: 0 0; } .aboutus_item:hover .aboutus_num { color: #db3b2f; } .aboutus_one, .aboutus_two { font-size: 0.17rem; line-height: 0.37rem; color: #666; } .aboutus_one { margin-top: 0.1rem; } .business { /* max-width: 1920px; margin: 0 auto; */ padding: 0.5rem 0 0.9rem; background: url(/uploads/image/gltsimages/business_bg.jpg) no-repeat; background-size: cover; overflow: hidden; } .business_right { flex: 1; } .pagination_bg { background: url(/uploads/image/gltsimages/pagination.png) no-repeat; background-repeat: repeat-x; background-position: left 0.35rem; } .pagination_box { display: flex; justify-content: space-between; margin-bottom: 1.2rem; } /* .pagination_item { flex: 1; display: flex; justify-content: center; flex-direction: column; align-items: center; cursor: pointer; } */ .pagination_item { width: 2.7rem; display: flex; justify-content: center; flex-direction: column; align-items: center; cursor: pointer; } .chip_box { display: none; width: 1.1rem; height: 1.1rem; line-height: 1.1rem; border-radius: 50%; border: 1px dashed #fff; text-align: center; background-color: #202542; } .pagination_title { width: 100%; height: 0.7rem; border-radius: 0.35rem; border: 2px dashed #9094a4; /* margin-top: 0.3rem; */ color: #9094a4; text-align: center; font-size: 0.28rem; line-height: 0.7rem; background-color: #212747; } /* .pagination_title { margin-top: 0.3rem; color: #9094a4; text-align: center; font-size: 0.2rem; } */ .pagination_item.active .chip_box { border: none; background-color: #db3b2f; } .pagination_item.active .pagination_title { color: #fff; border: none; font-weight: 600; background-color: #db3b2f; } .tabs_box { overflow: hidden; } .business_box { display: flex; justify-content: space-between; color: #fff; } .business_left { width: 9rem; height: 5.35rem; margin-right: 0.7rem; } .business_left .imgbg img { display: none; } .business_title { margin-top: 1.5rem; font-size: 0.36rem; font-weight: bold; line-height: 1; } .business_content { margin: 0.3rem 0 0.7rem; font-size: 0.24rem; line-height: 0.36rem; color: #bcbfc8; } .information { padding: 0.6rem 0 1.2rem; } .information_title { display: flex; justify-content: space-between; align-items: center; height: 1.22rem; border-top: 2px solid #e8e9ec; } .information_box { display: flex; gap: 0.55rem; } .information_title_left { font-size: 0.34rem; color: #000; } .new_more a { font-size: 0.2rem; color: #898b9c; } .new_more a:hover { color: #db3b2f; } .new_more a span { margin-right: 0.17rem; } .information .index_title { margin-bottom: 0px; } .information_content { display: flex; margin-top: 0.9rem; padding: 0.32rem; box-shadow: 0px 0px 0.12rem rgba(0, 0, 0, .12); border-radius: 0.06rem; } .information_content_right { width: 50%; /* margin-left: 65px; */ margin-bottom: 0.35rem; } .information_content_left { flex: 1; margin-left: 0.15rem; padding-right: 0.65rem; /* padding-bottom: 35px; */ background: url(/uploads/image/gltsimages/xt2.png) no-repeat; background-size: 100% 100%; } .information_content_title { margin-top: 0.3rem; font-size: 0.34rem; color: #202542; line-height: 0.62rem; font-weight: bold; } .information_content_info { margin-top: 0.33rem; font-size: 0.18rem; font-weight: bold; color: #949494; line-height: 0.36rem; text-align: justify; } .information_content_time { margin-top: 0.35rem; font-size: 0.14rem; color: #202542; line-height: 1; } .information_content .aboutus_more { margin-top: 0.55rem; } .more_news { padding: 0.6rem 0 1rem; background-color: #eeecf0; } .more_news .information_title { border: none; justify-content: end; } .more_news_box { display: flex; } .more_news_tabs { width: 21.5%; /* margin-top: 65px; */ } .news_list_box { flex: 1; } .more_news_tabs .tabs_item { width: 2rem; /* height: 68px; */ /* margin-top: 50px; */ border-radius: 0.34rem; font-size: 0.34rem; line-height: 1; color: #000; text-align: left; cursor: pointer; } .footer_logo { cursor: pointer; } .footer_logo img { height: 0.35rem; } .more_news_tabs .tabs_item.active { background-color: #db3b2f; color: #fff; } .news_list_box { flex: 1; } .news_list { display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #b1b0b3; } .new_item { position: relative; width: 33.333%; padding: 0.7rem 0.3rem 0.45rem 0.5rem; border: 1px solid #b1b0b3; border-left: none; border-bottom: none; background: url(/uploads/image/gltsimages/new_itembg.png); } .new_item_bg { position: absolute; top: 1.1rem; left: 0.3rem; } .news_list .new_item:nth-child(3n) { border-right: none; } .new_time { display: flex; align-items: baseline; height: 0.26rem; font-size: 0.14rem; color: #666; } .new_time span { margin-right: 0.1rem; font-size: 0.28rem; color: #000; } .more_news_title { margin-top: 0.15rem; font-size: 0.19rem; color: #202542; line-height: 0.34rem; font-weight: bold; } .more_news_content { margin-top: 0.22rem; font-size: 0.18rem; color: #8f8e8f; font-weight: bold; } .new_item:hover { background: url(/uploads/image/gltsimages/more_news.png) no-repeat; background-position: 0 0; background-size: 100% 100%; } .new_item:hover .new_item_bg { display: none; } .new_item:hover .new_time, .new_item:hover .more_news_content, .new_item:hover .more_news_title { color: #fff; } .new_item:hover .new_time span { color: #db3b2f; } .develop { padding: 0.55rem 0 1rem; } .develop .index_title { margin-bottom: 0.15rem; } .develop_content { position: relative; height: 6.35rem; } .develop_info { position: absolute; top: 2.2rem; right: 0.6rem; width: 6.5rem; } .develop_content_text { color: #dadbe0; font-size: 0.18rem; line-height: 0.36rem; text-align: justify; } .news_list_box .news_list:nth-child(2) { display: none; } .footer { padding-top: 0; background: url(/uploads/image/gltsimages/footer.jpg) no-repeat; background-size: cover; } .footer_top { display: flex; justify-content: space-between; align-items: center; height: 1.3rem; border-bottom: 1px solid #363d5a; } .search_input { width: 5.5rem; height: 0.6rem; padding-left: 0.28rem; margin-right: 0.17rem; border-radius: 0.04rem; background-color: rgba(255, 255, 255, .1); outline: none; border: none; font-size: 0.18rem; color: #fff; } .search_input::placeholder { color: rgba(255, 255, 255, .5); } .search_btn { width: 1.7rem; height: 0.6rem; border-radius: 0.04rem; color: #fff; background-color: #db3b2f; border: none; text-align: center; font-size: 0.18rem; cursor: pointer; } .footer_content { display: flex; justify-content: space-between; /* align-items: center; */ } .qrcode_box .qrcode:nth-child(2), .qrcode_box .qrcode:nth-child(3) { display: none; } .qrcode { text-align: center; } .qrcode img { width: 1.7rem; height: 1.7rem; } .qrcode_title { margin: 0.1rem 0 0.3rem; line-height: 1; font-size: 0.18rem; color: #fff; text-align: center; } .socialize_list { display: flex; gap: 0.17rem; margin-top: 0.09rem; } .socialize_list img { width: 0.46rem; height: 0.46rem; } .footer_left_list { display: flex; margin-top: 0.6rem; } .footer_left_list_item a { padding: 0 0.5rem; color: #fff; font-size: 0.18rem; line-height: 0.36rem; } .footer_left_list_item a:hover { color: #db3b2f; } .footer_left_list .footer_left_list_item:nth-child(1) a { padding-left: 0; } .concat_box { display: flex; margin-top: 0.6rem; } .address { height: 0.9rem; color: #a6a8b5; line-height: 0.28rem; font-size: 0.18rem; } .concat_right .address { line-height: 0.35rem; } .concat_left { margin-right: 1.15rem; } .telephone { margin: 0.2rem 0 0.9rem; font-size: 0.3rem; font-family: 'sourcehanserifcn'; color: #fff; line-height: 1; } .footer_right { margin-top: 0.4rem; margin-right: 0.24rem; } .footer_bottom { border-top: 0.01rem solid #363d5a; } .footer_bottom_content { display: flex; justify-content: space-between; align-items: center; height: 1.15rem; } .footer_bottom_right { color: #9196a6; font-size: 0.18rem; } .footer_bottom_right span { margin-left: 0.15rem; } .footer_bottom_right a { color: #9196a6; } .footer_bottom_left { display: flex; gap: 0.12rem; } .friendly_link { position: relative; width: 2.9rem; height: 0.54rem; padding: 0 0.3rem; background-color: rgba(255, 255, 255, .3); line-height: 0.54rem; } .friendly_link a { display: block; color: #aaadb9; font-size: 0.18rem; } .friendly_link_ul { display: none; position: absolute; bottom: 0.54rem; left: 0; width: 100%; max-height: 3.4rem; background-color: #fff; border-radius: 0.04rem; overflow: auto; } .friendly_link_ul a { display: block; padding-left: 0.3rem; line-height: 0.54rem; color: #333; } .footer_bottom_left .friendly_link:nth-child(2)::before { display: none; content: ""; position: absolute; bottom: 0.24rem; right: 0.2rem; z-index: 6; width: 0; height: 0; border-right: 0.05rem solid transparent; border-left: 0.05rem solid transparent; border-bottom: 0.05rem solid #aaadb9; } .arrow-left, .arrow-right { position: absolute; left: -0.7rem; top: 1.4rem; cursor: pointer; } .arrow-right { left: inherit; right: -0.7rem; } .new_more a { display: flex; align-items: center; } /* 二级 */ .aboutus_banner { position: relative; } .aboutus_banner .imgbg { width: 100%; height: 6.35rem; } .aboutus_banner .imgbg img { display: none; } .aboutus_banner_title { position: absolute; top: 65%; left: 50%; margin-left: -8rem; color: #fff; z-index: 49; } .aboutus_banner_title_text { padding-bottom: 0.24rem; border-bottom: 0.01rem solid #fff; line-height: 1; font-size: 0.44rem; font-weight: bold; } .aboutus_banner_title_en { position: relative; margin-top: 0.2rem; padding-left: 0.23rem; font-size: 0.18rem; line-height: 1; } .aboutus_banner_title_en::before { content: ''; position: absolute; top: 0.02rem; left: 0.02rem; width: 0.14rem; height: 0.14rem; border-radius: 50%; background-color: #fff; } .crumbs { display: flex; height: 0.18rem; margin-top: 0.34rem; line-height: 0.18rem; color: #8b8b8b; } .crumbs img { height: 0.18rem; margin-right: 0.2rem; } .crumbs span { color: #db3b2f; } .crumbs a { color: #8b8b8b; font-size: 0.18rem; } .crumbs_text { font-size: 0.18rem; } .a_tabs { height: 0.93rem; margin-top: 1rem; margin-bottom: 0.7rem; border-bottom: 0.01rem solid #e3e3e3; } .a_tabs_box { height: 100%; } .a_tabs_list { display: flex; justify-content: space-between; height: 100%; } .a_tabs_list a { display: block; height: 100%; font-size: 0.28rem; line-height: 0.92rem; } .a_tabs_item.active { position: relative; } .a_tabs_item.active a { color: #db3b2f; } .a_tabs_item.active::after { content: ''; position: absolute; bottom: -0.02rem; left: 50%; width: 0.4rem; height: 0.03rem; margin-left: -0.2rem; background-color: #db3b2f; } .a_title { line-height: 1; font-weight: bold; color: #db3b2f; font-size: 0.46rem; text-align: center; } .a_content_box { margin-top: 0.7rem; margin-bottom: 1.5rem; } .a_content { display: flex; justify-content: space-between; } .a_content_left { width: 5.95rem; margin-right: 0.9rem; } .a_content_left img { width: 100%; } .a_content_right { flex: 1; } .a_content_title { position: relative; padding-bottom: 0.2rem; margin-bottom: 0.3rem; font-size: 0.26rem; line-height: 0.5rem; color: #333; } .a_content_title::before { content: ''; position: absolute; bottom: 0; left: 0; width: 0.46rem; height: 0.03rem; background-color: #db3b2f; } .a_content_text { font-size: 0.18rem; line-height: 0.3rem; } .a_content_text p { padding-bottom: 0; text-indent: 2em; text-align: justify; } .a_content_list { margin: 1.25rem auto; background: url(/uploads/image/gltsimages/aboutus_list_bg.png) no-repeat; background-size: 100% 100%; } .a_content_list .aboutus_item:hover { box-shadow: none; background: none; background-position: 8rem 0; } .aboutus_item:hover .aboutus_num::before { background-color: #db3b2f; } .socialize_item { cursor: pointer; } .navmobile { display: none; } .enterprise_tabs_list { justify-content: center; } .enterprise_tabs_list .a_tabs_item { padding: 0 0.85rem; } .title_news { display: flex; } .title_news_left { width: 9rem; height: 4.95rem; margin-right: 0.64rem; } .title_news_left img { width: 100%; } .title_news_right { flex: 1; } .title_news_time { position: relative; margin-top: 0.57rem; padding-bottom: 0.26rem; font-size: 0.18rem; color: #666; line-height: 1; } .title_news_time::before, .enterprise_item_text::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0.54rem; height: 0.04rem; background-color: #db3b2f; } .enterprise_title { margin-top: 0.22rem; font-size: 0.32rem; line-height: 0.48rem; color: #000; font-weight: bold; } .enterprise_info { margin: 0.29rem 0 1rem; font-size: 0.18rem; line-height: 0.36rem; color: #7a7a7a; } .news_more a { display: flex; height: 0.3rem; line-height: 0.3rem; font-size: 0.18rem; color: #e72c10; } .news_more span { width: 0.3rem; height: 0.3rem; margin-left: 0.08rem; border-radius: 50%; background-color: #e72c10; text-align: center; } .news_more span img { position: relative; top: -0.01rem; } .enterprise_list { margin: 1.2rem 0 1rem; } .enterprise_list ul { display: flex; gap: 0.55rem; flex-wrap: wrap; } .enterprise_item { width: calc(33.33% - 0.3666rem); } .enterprise_item .imgbg img { display: none; } .enterprise_item .imgbg { width: 100%; height: 2.68rem; } .enterprise_item_text { position: relative; padding: 0.3rem 0; font-size: 0.28rem; line-height: 0.36rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .enterprise_item_info { height: 0.72rem; margin-top: 0.17rem; color: #666; font-size: 0.18rem; line-height: 0.36rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 设置行数 */ overflow: hidden; text-overflow: ellipsis; } .enterprise_item_box { padding: 0 .27rem 0.25rem; box-shadow: 0px 0px 0.32rem 0px rgb(221, 233, 236); border: 1px solid transparent; border-top: none; } .enterprise_item_time { display: flex; justify-content: space-between; margin-top: 0.3rem; line-height: 1; } .enterprise_item_time .sj { font-size: 0.18rem; color: #000; } .enterprise_item_time .more { flex: 1; text-align: right; color: #7f7f7f; font-size: 0.18rem; } .enterprise_item_time .more img { height: 0.16rem; margin-left: 0.1rem; margin-top: -0.01rem; } .enterprise_item:hover .enterprise_item_box { box-shadow: none; border-color: #e72c10; } .enterprise_item:hover .enterprise_item_text { color: #e72c10; } .page-skipping { text-align: center; margin-bottom: 1rem; } .page-skipping ul { display: inline-block; } .clearfix:before, .clearfix:after { content: " "; display: table; } .page-skipping ul li { float: left; font-size: 0.15rem; color: #333; height: 0.36rem; line-height: 0.36rem; margin: 0 6px; } .page-skipping ul li a { display: inline-block; font-size: 0.15rem; color: #333; padding: 0 0.12rem; border: 1px solid #dbdbdb; } .page-skipping ul li.on a { color: #fff; background: #d6001d; border: 1px solid #d6001d; } .page-skipping ul li input.t { width: 0.5rem; height: 0.36rem; margin: 0 0.1rem; outline: none; text-align: center; border: 1px solid #c5c5c5; border-radius: 0.04rem; } .page-skipping ul li input.btn { width: 0.52rem; font-size: 0.15rem; color: #fff; height: 0.36rem; cursor: pointer; background: #e72c10; outline: none; border: 1px solid #e72c10; border-radius: 0.04rem; } .detail_title { margin: 1rem 0 .36rem; font-size: 0.38rem; line-height: 0.62rem; font-weight: bold; text-align: center; } .shijian { height: 0.56rem; padding-bottom: 0.36rem; margin-bottom: 0.4rem; line-height: 0.2rem; font-size: 0.18rem; color: #666; text-align: center; border-bottom: 1px solid #e5e5e5; } .shijian img { height: 0.2rem; margin-right: 0.14rem; } #bodylabel p { line-height: 0.44rem; font-size: 0.18rem; color: #666; text-indent: 2em; } #bodylabel { margin-bottom: 0.7rem; } .construct_title { margin: 0.7rem 0; } .construct_tabs { margin-bottom: 0.7rem; } .construct_tabs .index_title { margin-bottom: 0.7rem; } .construct_info { font-size: 0.18rem; line-height: 1; color: #555555; text-align: center; } .subtitle { margin: 0.65rem 0 0.6rem; font-size: 0.32rem; color: #db3b2f; font-weight: bold; text-align: center; } .construct_item { position: relative; margin-bottom: 0.2rem; padding: 0.5rem 0.73rem; background-color: #f7f7f7; } .construct_item .number { position: absolute; right: 0.1rem; bottom: 0.2rem; font-size: 0.6rem; font-weight: bold; color: #e8e8e8; } .construct_item_title { position: relative; height: 0.28rem; margin-bottom: 0.3rem; line-height: 1; font-size: 0.28rem; color: #000; font-weight: bold; } .construct_item_title::before { position: absolute; content: ''; top: 0; left: -0.40rem; width: 0.24rem; height: 0.24rem; background: url(/uploads/image/gltsimages/before_bg.png) no-repeat; background-size: 100% 100%; z-index: 89; } .construct_item_content { padding-left: 0.24rem; font-size: 0.23rem; color: #000; line-height: 1; } .construct_item_content div { position: relative; margin-bottom: 0.17rem; line-height: 0.32rem; } .construct_item_content span { font-weight: bold; } .construct_item_content div::before { position: absolute; content: ''; top: 0.09rem; left: -0.15rem; width: 0.06rem; height: 0.06rem; background-color: #666666; border-radius: 50%; } .construct_item_content div:nth-child(2) { margin-bottom: 0; } .construct_conetnt { padding-bottom: 1.2rem; } .team_tabs { margin-bottom: 0.75rem; } .team_list ul { display: flex; flex-wrap: wrap; row-gap: 0.48rem; column-gap: 0.60rem; margin-top: 0.85rem; } .team_item { display: flex; justify-content: space-between; width: calc(50% - 0.3rem); padding: 0.6rem 0.47rem; box-shadow: 0px 0px 0.2rem 0px rgba(180, 193, 217, 0.3); border-bottom: 3px solid transparent; background: url(/uploads/image/gltsimages/team_bg.png) no-repeat; background-position: bottom right; } .team_item a { display: flex; } .team_item:hover { border-color: #db3b2f; } .team_left { width: 2.5rem; height: 3.1rem; } .team_left img { width: 100%; height: 100%; } .team_right { flex: 1; margin-left: 0.5rem; } .team_title { margin: 0.42rem 0 0.24rem; font-size: 0.26rem; color: #000; line-height: 1; } .team_info { font-size: 0.2rem; line-height: 1; color: #555555; } .team_content { padding-bottom: 1.2rem; } .group_content { display: flex; justify-content: space-between; margin-bottom: 1.5rem; } .group_left { width: 9.7rem; margin-right: 1.6rem; } .group_title { font-size: 0.26rem; } .group_info { margin-top: 0.3rem; } .group_info p { text-indent: 2em; font-size: 0.18rem; line-height: 0.32rem; text-align: justify; } .group_left .aboutus_more { margin-top: 0.8rem; } .group_right { flex: 1; box-shadow: 0px 0px 0.2rem 0px rgba(180, 193, 217, 0.3); } .group_list { display: block; background: url(/uploads/image/gltsimages/group_bg.png) no-repeat; margin: 0; padding: 0.7rem 0; background-size: 100% 100%; } .group_list .aboutus_item { padding: 0.3rem 0 0.3rem 1.5rem; } .group_list_info { padding-left: 1.5rem; font-size: 0.18rem; color: #666; } .group_img img { width: 100%; height: auto; } .group_img { margin-bottom: 1.9rem; } .cooperate { margin-bottom: 1.5rem; } .cooperate_list { display: flex; flex-wrap: wrap; gap: 0.16rem; margin-bottom: 1rem; } .cooperate_item { position: relative; width: calc(20% - 0.128rem); border: 1px solid #e0e0e0; text-align: center; } .cooperate_item::before { content: ''; position: absolute; left: 0; top: 0; width: 0.24rem; height: 0.24rem; background: url(/uploads/image/gltsimages/gx_news.png) no-repeat; background-size: 100% 100%; } .cooperate_item img { /* width: 100%; */ max-width: 100%; /* height: 1.15rem; */ } .character_list ul { display: flex; flex-wrap: wrap; gap: 0.4rem; } .character_item { width: calc(33.33% - 0.2666rem); padding: 0.1rem 0.55rem 0; border-bottom: 3px solid transparent; } .character_item:hover { box-shadow: 0px 0px 0.2rem 0px rgba(180, 193, 217, 0.3); border-color: #db3b2f; } .character_item img { width: 100%; } .character_title { padding: 0.22rem 0; font-size: 0.28rem; font-weight: bold; } .character_info { height: 0.64rem; line-height: 0.32rem; margin: 10px 0 20px; } .character_list { margin-bottom: 1.2rem; } .character_detail { margin-top: 1rem; } .character_detail_top { display: flex; padding-bottom: 40px; border-bottom: 1px solid #e5e5e5; } .detail_left { width: 2.2rem; height: 2.95rem; margin-right: 0.65rem; } .detail_left img { width: 100%; height: 100%; } .character_name { margin: 1.7rem 0 0.2rem; font-size: 38px; font-weight: bold; line-height: 1; } .detail_right { flex: 1; } .character_experience .construct_item_title { margin: 0.35rem 0 0.5rem 0.4rem; } .character_experience_info { margin-bottom: 0.7rem; color: #666; line-height: 0.44rem; font-size: 0.18rem; } .responsibility_list { margin-bottom: 1.2rem; } .responsibility_item { margin-bottom: 0.1rem; background-color: #f7f7f7; } .responsibility_item a { display: block; padding: 0.5rem 0.75rem; } .responsibility_item .construct_item_title { margin-bottom: 0; font-weight: normal; } .disclosure .construct_title { margin-bottom: 0.25rem; } .disclosure_tabs { display: flex; border-bottom: 1px solid #e3e3e3; } .disclosure_tabs_item { flex: 1; height: 1.2rem; text-align: center; } .disclosure_tabs_item a { display: flex; height: 100%; flex-direction: column; justify-content: center; align-items: center; line-height: 1.2rem; } .disclosure_tabs_img { display: flex; justify-content: center; } .disclosure_tabs_f { display: none; } .disclosure_tabs_item img { width: 0.32rem; } .disclosure_tabs_title { /* margin-top: 0.22rem; */ font-size: 0.28rem; color: #000; } .disclosure_tabs_item:hover, .disclosure_tabs_item.active { background-color: #db3b2f; } .disclosure_tabs_item:hover .disclosure_tabs_title, .disclosure_tabs_item.active .disclosure_tabs_title, .disclosure_tabs_item:hover a, .disclosure_tabs_item.active a { color: #fff; } .disclosure_tabs_item:hover .disclosure_tabs, .disclosure_tabs_item.active .disclosure_tabs { display: none; } .disclosure_tabs_item:hover .disclosure_tabs_f, .disclosure_tabs_item.active .disclosure_tabs_f { display: block; } .disclosure_list { margin-top: 0.1rem; margin-bottom: 1.2rem; } .disclosure_item { border-bottom: 1px solid #e3e3e3; } .disclosure_item a { display: flex; justify-content: space-between; padding: 0.3rem 0.45rem; } .disclosure_item_left { position: relative; font-size: 0.22rem; color: #000; line-height: 0.32rem; } .disclosure_item_left::before, .honor_top_itme a::before { content: ''; position: absolute; left: -0.4rem; top: 50%; margin-top: -0.03rem; width: 0.06rem; height: 0.06rem; background-color: #db3b2f; border-radius: 50%; } .disclosure_item_right { font-size: 0.22rem; color: #555; line-height: 0.32rem; } .honor_top { display: flex; margin-top: 1rem; } .honor_top_left { width: 9.4rem; margin-right: 0.3rem; } .honor_top_title { margin-bottom: 0.46rem; font-size: 0.28rem; color: #000; line-height: 1; } .honor_top_info { font-size: 0.28rem; color: #555; line-height: 1; } .honor_top_info div { margin-bottom: 0.24rem; } .honor_top_list { display: flex; flex-wrap: wrap; margin-bottom: 0.8rem; margin-top: 0.6rem; } .honor_top_itme { width: 33.3333%; } .honor_top_itme a { position: relative; display: block; padding: 0.2rem 0.25rem; font-size: 0.2rem; color: #555; } .honor_top_itme a::before { left: 0; } .honor_top_right img { width: 4.9rem; } .certificate_title { margin: 0.5rem 0 0.9rem; font-size: 0.34rem; line-height: 1; text-align: center; } .certificate_box { display: flex; justify-content: space-between; margin-bottom: 150px; } .certificate_left { width: 5.5rem; height: 8.2rem; padding: 0.9rem 0.75rem; background: url(/uploads/image/gltsimages/certificate_swiper_bg.png) no-repeat; background-size: cover; } .certificate_left img { width: 100%; height: 5.25rem; } .certificate_swiper_box { position: relative; overflow: hidden; } .certificate_swiper_title { margin-top: 0.45rem; font-size: 0.28rem; color: #555; text-align: center; line-height: 1; } .certificate_swiper_box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { width: 45px; height: 3px; border-radius: 0; background: #bac2d0; } .certificate_swiper_box .swiper-container-horizontal>.swiper-pagination-bullets, .certificate_swiper_box .swiper-pagination-custom, .certificate_swiper_box .swiper-pagination-fraction { margin-top: 0.7rem; text-align: center; } .certificate_swiper_box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background: #db3b2f; } .certificate_right { margin-left: 45px; } .certificate_list { display: flex; flex-wrap: wrap; justify-content: space-between; } .certificate_item { width: calc(50% - 4px); margin-right: 8px; } .certificate_list .certificate_item:nth-child(2n) { margin-right: 0; } .certificate_item .certificate_img_box { padding: 0.4rem 0.6rem; background-color: #f6f6f7; } .certificate_item img { width: 100%; height: 2.835rem; } .certificate_list_title { text-align: center; font-size: 0.28rem; line-height: 0.92rem; } .organization img { max-width: 100%; margin: 0 0 1.5rem; } .bulletin .construct_item_title { font-size: 0.22rem; line-height: 0.48rem; } .bulletin .construct_item_title::before { top: 0.14rem; left: -0.45rem; } .bulletin .construct_item_title { height: auto; } .bulletin .responsibility_item a { padding: 0.5rem 0.6rem 0.4rem 0.82rem; } .bulletin_time { margin-top: 0.12rem; font-size: 0.18rem; line-height: 0.28rem; } .bulletin .responsibility_list { margin-bottom: 0.75rem; } .typical_list { display: flex; flex-wrap: wrap; row-gap: 0.3rem; column-gap: 0.5rem; margin: 0.6rem 0 0.8rem; } .typical_item { width: calc(33.333% - 0.3333rem); height: 4.7rem; padding-bottom: 0.2rem; border-bottom: 3px solid #cbcbcb; } .typical_img { width: 100%; height: 2.68rem; } .typical_title { margin: 0.25rem 0 0.18rem; font-size: 0.28rem; line-height: 0.32rem; } .typical_info { height: 0; font-size: 0.18rem; color: #999; line-height: 0.28rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 设置行数 */ overflow: hidden; text-overflow: ellipsis; } .typical_time { display: flex; justify-content: space-between; margin-top: 0.2rem; line-height: 1; font-size: 0.18rem; color: #000; } .typical_author { color: #7f7f7f; } .typical_author img { margin-left: 10px; height: 12px; } .typical_item:hover { height: auto; border-color: #db3b2f; } .typical_item:hover .typical_info { height: auto; } .standard_info { font-size: 0.28rem; line-height: 1; text-align: center; } .standard_tabs { display: flex; justify-content: center; gap: 0.85rem; margin-top: 0.9rem; } .standard_item { height: 0.8rem; border-radius: 0.4rem; padding: 0 0.55rem; font-size: 0.24rem; line-height: 0.8rem; background-color: #f6f6f7; color: #000; } .standard_item.active, .standard_item:hover { background-color: #db3b2f; } .standard_item.active a, .standard_item:hover a { color: #fff; } .table { margin-top: 0.58rem; border-top: 1px solid #e3e3e3; } .table_row { display: flex; justify-content: space-between; height: 1.1rem; line-height: 1.1rem; border-bottom: 1px solid #e3e3e3; } .table_row .table_item:nth-child(1) { width: 1.75rem; text-align: center; } .table_row .table_item:nth-child(2) { width: 2.95rem; } .table_row .table_item:nth-child(3) { flex: 1; } .table_row .table_item:nth-child(4) { width: 2.55rem; } .table_row .table_item:nth-child(5) { width: 1.75rem; } .table .table_row:nth-child(1) .table_item { padding-left: 0.1rem; } .table .table_row:nth-child(1) .table_item:first-child { padding-left: 0; } .select_yaer { position: relative; display: flex; align-items: center; justify-content: space-between; width: 3.76rem; height: 0.8rem; margin: 0.47rem auto 0; padding: 0 0.35rem 0 0.45rem; border-radius: 0.4rem; border: 1px solid #ccc; color: #000; line-height: 0.8rem; cursor: pointer; } .select_yaer img { height: 0.16rem; transform: rotate(90deg); } .year_list { display: none; position: absolute; top: 0.8rem; left: 0; width: 100%; box-shadow: 0px 0px 0.2rem 0px rgba(180, 193, 217, 0.3); text-align: center; } .party_box { /* height: 9rem; */ padding: 0.88rem 0; background: url(/uploads/image/gltsimages/party.jpg) no-repeat; background-size: cover; background-position: center; } .party_list { display: flex; flex-wrap: wrap; gap: 30px; } .party_item { width: calc(50% - 15px); background: url(/uploads/image/gltsimages/party_item.png) #fff no-repeat; background-position: bottom right; background-size: 85px; } .party_item a { display: block; padding: 0.54rem 0.75rem 0.3rem 0.8rem; } .party_title { font-size: 0.28rem; line-height: 1.5; font-weight: bold; } .party_info { margin: 0.13rem 0; font-size: 0.18rem; color: #7a7a7a; line-height: 0.26rem; } .party_time { font-size: 0.18rem; color: #000; line-height: 1; } .technology_tabs { display: flex; justify-content: space-between; gap: 1rem; padding: 0 1rem; } .technology_tabs_item { flex: 1; padding-bottom: 0.33rem; border-bottom: 1px solid #e3e3e3; } .technology_tabs_title { font-size: 0.24rem; line-height: 0.48rem; color: #db3b2f; } .technology_tabs_title span { margin-right: 10px; font-size: 0.48rem; font-weight: bold; } .technology_tabs_info { margin-top: 0.21rem; font-size: 0.2rem; line-height: 0.3rem; } .technology_list { display: flex; justify-content: space-between; padding: 0 0.7rem; margin-top: 0.95rem; gap: 0.35rem; } .technology_item { flex: 1; height: 7.25rem; padding: 0.2rem 0.4rem; border: 1px solid transparent; box-shadow: 0px 0px 0.4rem 0px rgba(180, 193, 217, 0.3); } .technology_title { position: relative; margin-bottom: 0.5rem; font-size: 0.3rem; color: #000; font-weight: bold; line-height: 1.06rem; text-align: center; } .technology_title::after { content: ''; position: absolute; width: 0.46rem; height: 0.03rem; bottom: 0; left: 50%; transform: translatex(-50%); background-color: #db3b2f; } .technology_item_item { margin-bottom: 0.4rem; font-size: 0.18rem; line-height: 0.24rem; color: #000; } .technology_item:hover { border-color: #db3b2f; background: url(/uploads/image/gltsimages/technology_item.png) no-repeat; background-position: bottom right; background-size: 1rem; } .nuclear_list { display: flex; justify-content: space-between; gap: 0.36rem; margin-top: 1.3rem; } .nuclear_item { position: relative; flex: 1; padding: 0.94rem 1.6rem 0.6rem 0; background-color: #f7f7f7; overflow: hidden; } .nuclear_title { padding-left: 0.58rem; border-left: 12px solid #3971cb; font-size: 0.8rem; font-weight: bold; line-height: 1; color: #3971cb; } .nuclear_content { padding: 0.24rem 0 0 0.74rem; } .nuclear_info { font-size: 0.24rem; line-height: 1; color: #acacac; } .blue_title { margin-top: 0.25rem; font-size: 0.3rem; color: #3971cb; line-height: 0.48rem; } .nuclear_item_lsit { margin-top: 0.45rem; } .nuclear_item_item { position: relative; padding-left: 0.57rem; margin-bottom: 0.4rem; color: #000; font-size: 0.24rem; line-height: 0.36rem; } .nuclear_item_item::after { content: ''; position: absolute; left: 0.1rem; top: 0.06rem; width: 0.24rem; height: 0.24rem; background: url(/uploads/image/gltsimages/before_bg.png) no-repeat; background-size: 100%; } .nuclear_item_item span { color: #e72c10; } .nuclear_item_item b { position: absolute; top: 0, 06rem; left: 0; font-size: 0.32rem; color: #dedede; } .nuclear_bg { position: absolute; left: 0.3rem; bottom: -0.8rem; font-size: 2.8rem; font-weight: bold; color: #3971cb; line-height: 1; opacity: 0.1; } .nuclear_list .nuclear_item:nth-child(2) .nuclear_title, .nuclear_list .nuclear_item:nth-child(2) .nuclear_bg, .nuclear_list .nuclear_item:nth-child(2) .blue_title { color: #448526; border-color: #448526; } .nuclear_list .nuclear_item:nth-child(2) .nuclear_bg { bottom: -0.9rem; } .company { display: flex; margin-bottom: 1.25rem; } .company_right { width: 6.3rem; margin-left: 0.9rem; } .company_right img { width: 6.3rem; height: auto; } .company .enterprise_item_text { padding-top: 0; } .company_list { display: flex; justify-content: space-between; margin-top: 1.1rem; } .company_item { flex: 1; padding-left: 0.3rem; border-right: 1px solid #e3e3e3; } .company_list .company_item:last-child { border-right: none; } .company_list .company_item:nth-child(1) { padding-left: 0; } .company_title { font-size: 0.48rem; font-weight: bold; color: #db3b2f; line-height: 1; } .company_item .amount { margin-top: 0.26rem; line-height: 1; font-size: 0.18rem; color: #333; } .company_left .group_list_info { padding-left: 0; margin-top: 0.6rem; color: #707070; } .company_left p { padding-bottom: 0; } .company_bottom { flex-direction: row-reverse; } .company_bottom .company_right { margin-left: 0; margin-right: 0.9rem; } .company_bottom .company_item:last-child { border: none; } .company_bottom .company_list { justify-content: start; margin-top: 0.8rem; } .company_bottom .company_item { width: 1.9rem; flex: none; } .company_bottom .company_item:nth-child(2) { width: 2.5rem; } .company_bottom .group_list_info { margin-top: 0.3rem; } .company_bottom .company_item .amount { margin-top: 0.16rem; } .company .group_info p { line-height: 0.3rem; } .verticalswiper { height: 13rem; } .verticalswiper dd.titlehisb { height: auto; } .verticalswiper .swiper-slide { padding-left: 1.9rem; } .vertical_box .time-line-box:after { left: 0.85rem; top: 0.4rem; width: 1px; height: 100%; } .vertical_warp .swiper-slide:after { content: ''; width: 48px; height: 42px; background: url(/uploads/image/gltsimages/dotcc.jpg) center no-repeat; position: absolute; left: 0.62rem; top: 0; } .verticalswiper { position: relative; } .vertical_warp .swiper-slide:hover:after { background: url(/uploads/image/gltsimages/dotcca.jpg) center no-repeat; } .vertical_warp .time-line-box { padding: 0.7rem 0 0.9rem; height: auto; } .vertical_box .his_intro { margin-bottom: 0.9rem; } .vertical_warp .arrow-leftban { /* display: none; */ top: 0; left: 1.95rem; background: url(/uploads/image/gltsimages/vertical_swiper.png) no-repeat; } .vertical_warp .arrow-leftban { bottom: 0; right: inherit; top: inherit; left: 1.95rem; background: url(/uploads/image/gltsimages/vertical_swiper2.png) no-repeat; } .vertical_warp .arrow-rightban { top: 0; left: 1.95rem; background: url(/uploads/image/gltsimages/vertical_swiper.png) no-repeat; } #verticalswiper .swiper-slide:hover .titlehis0 { color: #db3b2f; } .aboutus_list .cul_item { width: 4.2rem; } .gx_header_box .nav_item a:hover { color: #db3b2f; } #bodylabel img { max-width: 100%; } .footer_right_img_r { display: none; } .socialize_item:hover .footer_right_img_r { display: block; } .socialize_item:hover .footer_right_img { display: none; } .hire_content { display: flex; justify-content: space-between; margin-bottom: 1rem; } .hire_left { width: 8rem; height: 4.45rem; margin-right: 0.8rem; } .hire_left img { width: 100%; height: 100%; } .hire_right { flex: 1; } .hire_title { margin-top: 0.8rem; font-size: 0.3rem; line-height: 0.46rem; } .hire_info { margin-top: 0.16rem; font-size: 0.18rem; line-height: 0.36rem; } .hire_row { margin-bottom: 0.36rem; font-size: 0.2rem; line-height: 0.36rem; text-align: center; font-weight: bold; } .hire_row span { color: #666; } .hire_row img { width: 2.9rem; margin-left: 0.3rem; } .hire { margin-bottom: 1rem; } .back_top { display: none; position: fixed; right: 0.25rem; top: 80%; width: 0.85rem; height: 0.85rem; padding: 0.1rem 0.2rem; background-color: #404b6f; border-radius: 0.04rem; color: #fff; text-align: center; font-size: 0.16rem; line-height: 0.18rem; cursor: pointer; z-index: 999; } .back_top img { height: 0.23rem; } .back_top_text { margin-top: 0.04rem; } .back_top:hover { background-color: #db3b2f; } .cooperative_box { background-color: #f6f6f7; } .cooperative_warp { padding: 1.5rem 0.65rem; } .cooperative_list { display: grid; grid-template-columns: repeat(16, 1fr); place-items: start center; gap: 0.62rem; height: 6.3rem; position: relative; top: -2rem; } .cooperative_item img { /* object-fit: cover; */ width: 80%; /* height: 80%; */ transform: rotate(-45deg); transition: 1.5s; } .cooperative_item { width: 1.3rem; height: 1.3rem; position: relative; overflow: hidden; transform: rotate(45deg); display: flex; justify-content: center; align-items: center; grid-column: auto / span 2; /* border-radius: 10px; */ border: 1px solid #dedede; /* cursor: pointer; */ transition: 0.4s; background-color: #fff; } .cooperative_item:nth-child(15n-6) { grid-column: 2 / span 2; } .cooperative_item:nth-child(1), .cooperative_item:nth-child(2), .cooperative_item:nth-child(3), .cooperative_item:nth-child(4), .cooperative_item:nth-child(5), .cooperative_item:nth-child(6), .cooperative_item:nth-child(7), .cooperative_item:nth-child(8) { opacity: 0; } .cooperative_item:nth-child(16), .cooperative_item:nth-child(17), .cooperative_item:nth-child(18), .cooperative_item:nth-child(19), .cooperative_item:nth-child(20), .cooperative_item:nth-child(21), .cooperative_item:nth-child(22), .cooperative_item:nth-child(23) { top: -0.9rem; } .cooperative_item:nth-child(24), .cooperative_item:nth-child(25), .cooperative_item:nth-child(26), .cooperative_item:nth-child(27), .cooperative_item:nth-child(28), .cooperative_item:nth-child(29), .cooperative_item:nth-child(30) { top: -1.8rem; } .cooperative_item:nth-child(31), .cooperative_item:nth-child(32), .cooperative_item:nth-child(33), .cooperative_item:nth-child(34), .cooperative_item:nth-child(35), .cooperative_item:nth-child(36), .cooperative_item:nth-child(37), .cooperative_item:nth-child(38) { top: -2.7rem; } .cooperative_item:nth-child(39), .cooperative_item:nth-child(40), .cooperative_item:nth-child(41), .cooperative_item:nth-child(42), .cooperative_item:nth-child(43), .cooperative_item:nth-child(44), .cooperative_item:nth-child(45) { top: -3.6rem; } .cooperative_item:nth-child(46), .cooperative_item:nth-child(47), .cooperative_item:nth-child(48), .cooperative_item:nth-child(49), .cooperative_item:nth-child(50), .cooperative_item:nth-child(51), .cooperative_item:nth-child(51), .cooperative_item:nth-child(52), .cooperative_item:nth-child(53) { top: -4.5rem; } .cooperative_title { margin-bottom: 0; } .directors_top_item { width: 4.2rem; height: 1.03rem; line-height: 1.03rem; margin: 0.17rem auto; text-align: center; background-color: #fff; /* border-bottom: 3px solid #db3b2f; */ box-shadow: 0px 0px 0.5rem 0px rgb(180, 193, 217, 0.25); font-size: 0.26rem; font-weight: bold; } .directors_top_item span, .directors_info { margin-left: 0.1rem; font-size: 0.2rem; color: #6c6c6c; line-height: 0.26rem; font-weight: normal; } .directors_bottom { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.2rem; padding: 0 1.8rem; margin-bottom: 1.2rem; } .directors_bottom_item { width: 2rem; padding: 0.4rem 0; box-shadow: 0px 0px 0.5rem 0px rgb(180, 193, 217, 0.25); text-align: center; } .directors_name { font-size: 0.28rem; margin-bottom: 0.23rem; line-height: 1; font-weight: bold; } .directors_bottom_item .directors_info { line-height: 1; margin-left: 0; } .brand_info { width: 11rem; margin: 0 auto; font-size: 0.18rem; color: #666; line-height: 0.28rem; text-align: center; } .brand_box { padding-bottom: 1.2rem; background: url(/uploads/image/gltsimages/pinpai.png) no-repeat; background-size: cover; } .brand_list { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.24rem; margin-top: 0.4rem; } .brand_item { width: calc(25% - 0.18rem); padding: 0.9rem 0 0.69rem; background-color: #fff; text-align: center; } .brand_sort { font-size: 0.4rem; line-height: 1; color: #000; } .brand_title { margin-top: 0.28rem; font-size: 0.28rem; color: #000; line-height: 1; } .brand_text { position: relative; height: 0.95rem; margin-top: 0.15rem; line-height: 0.3rem; color: #666; font-size: 0.2rem; } .brand_text::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translatex(-50%); width: 1rem; height: 0.03rem; background-color: #db3b2f; } .brand_item:hover { background: url(/uploads/image/gltsimages/brand_item.png) no-repeat; background-color: transparent; background-size: 100% 100%; } .brand_item:hover .brand_sort, .brand_item:hover .brand_title, .brand_item:hover .brand_text { color: #fff; } .brand_item:hover .brand_text::before { display: none; ; } .layout_box { display: flex; justify-content: space-between; position: relative; top: -0.3rem; } .layout_right { width: 11.5rem; margin-right: 0.8rem; } .layout_right img { width: 100%; } .layout_left { flex: 1; margin-right: 0.2rem; margin-top: 1rem; } .layout_item { margin-bottom: 0.4rem; } .layout_title { font-size: 0.3rem; color: #db3b2f; line-height: 0.5rem; } .layout_info { font-size: 0.18rem; line-height: 0.3rem; margin-top: 0.06rem; } .layout_big { margin-bottom: 0; } .layout_bottome { position: relative; top: -0.95rem; } .layout_bottome_title { margin-bottom: 0.3rem; font-size: 0.2rem; line-height: 1; color: #252629; } .layout_bottome_title span { margin-left: 0.20rem; color: #737476; } .layout_list { display: flex; justify-content: start; font-size: 0.18rem; line-height: 0.22rem; } .layout_list img { position: relative; top: -0.01rem; height: 0.22rem; margin-right: 0.13rem; } .layout_items { margin-left: 0.2rem; } .layout_items:nth-child(1) { margin-left: 0; } .makeaspeech_box { padding-bottom: 1.8rem; background-position: bottom center; background-size: 100% 180px; } .makeaspeech { display: flex; /* height: 8rem; */ font-size: 0.18rem; line-height: 0.28rem; color: #000; text-align: justify; } .makeaspeech_left { width: 6rem; margin-right: 1.1rem; } .makeaspeech_image { width: 100%; height: auto; } .text-contetn { /* width: 6rem; */ } .makeaspeech_right { flex: 1; } .makeaspeech_title { margin: 0.4rem 0 0.52rem; font-size: 0.18rem; text-align: right; line-height: 1; } .vision_title { position: relative; text-align: center; } .vision_title::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 0.46rem; height: 0.03rem; margin-left: -0.23rem; background-color: #d6001d; } .vision_title img { width: 12.6rem; height: auto; } .vision_list { margin-top: 0.7rem; } .construct_item_title { font-size: 0.22rem; } .vision_info { margin-top: 0.24rem; font-size: 0.24rem; line-height: 0.4rem; } .vision_list { margin-top: 0.7rem; box-shadow: 0px 0px 0.2rem 0px rgba(180, 193, 217, 0.3); } .vision_list_box { position: relative; } .vision_list_box .vision_list { padding-top: 1.3rem; } .vision_list_title { position: absolute; top: 0.6rem; width: 100%; padding-bottom: 0.3rem; font-size: 0.34rem; font-weight: bold; text-align: center; } .responsibility_warp { padding-bottom: 0.85rem; background: url(/uploads/image/gltsimages/sresponsibility_bg.png) no-repeat; background-size: 110% 100%; background-position-x: 80%; } .responsibility_title { font-size: 0.32rem; font-weight: bold; line-height: 1; padding-bottom: 0.28rem; } .responsibility_info { margin-top: 0.24rem; font-size: 0.18rem; line-height: 0.36rem; color: #666; } .responsibility_list_title { width: 2rem; height: 0.65rem; margin: 0.3rem auto; background: url(/uploads/image/gltsimages/responsibility_title.png) no-repeat; background-size: 100% 100%; font-size: 0.28rem; text-align: center; line-height: 0.5rem; color: #db3b2f; } .sresponsibility_item { margin-bottom: 0.3rem; border: 1px solid #db3b2f; border-left: none; background: url(/uploads/image/gltsimages/technology_item.png) no-repeat; background-position: bottom right; background-size: 1rem; background-color: #fff; } .sresponsibility_item a { display: flex; } .sresponsibility_left { width: 6.1rem; height: 3.3rem; margin-right: 0.65rem; } .sresponsibility_right { flex: 1; padding-right: 0.6rem; } .sresponsibility_right_title { position: relative; margin-top: 0.5rem; font-size: 0.28rem; font-weight: bold; line-height: 0.42rem; color: #000; } .sresponsibility_right_title::before { content: ''; position: absolute; top: 0.1rem; left: -0.65rem; width: 0.42rem; height: 0.22rem; background-color: #db3b2f; } .sresponsibility_right_info { height: 1.1rem; margin-top: 0.15rem; font-size: 0.18rem; line-height: 0.36rem; color: #666; } .sresponsibility_more { margin-top: 0.5rem; color: #db3b2f; font-size: 0.18rem; text-decoration: underline; } .responsibility_bottom { padding: 0.85rem 0 1.4rem; background-color: #f6f6f7; } .publicize_top { display: flex; margin-top: 0.8rem; /* background-color: #f7f7f7; */ } .publicize_top_left { /* margin-right: 0.6rem; */ padding-top: 0.32rem; background-color: #f7f7f7; } .publicize_top .construct_item { margin-bottom: 0; padding: 0.18rem 0.7rem; } .publicize_top_info { font-size: 0.18rem; line-height: 0.36rem; } .publicize_top_right { width: 5.9rem; height: 5.12rem; } .publicize_top .construct_item_title { margin-bottom: 0.2rem; } .publicize_info { width: 12.2rem; margin: 0.8rem auto 0.5rem; font-size: 0.20rem; line-height: 0.36rem; text-align: center; } .publicize .company_list { width: 13rem; margin: 0 auto; } .publicize .company_item:last-child { border: none; } .publicize .company_item { padding-left: 0.9rem; } .publicize_swiper_box { position: relative; overflow: hidden; margin-top: 0.75rem; } .publicize_swiper_box .imgbg { width: 16rem; height: 5.03rem; } .publicize_swiper_box .imgbg img { display: none; } .publicize_swiper_box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { width: 0.4rem; height: 0.04rem; margin: 0 0.1rem; background-color: #fff; border-radius: 0; } .publicize_swiper_box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #db3b2f; } .standard_info { line-height: 1.7; } .vision_list .aboutus_item { background: none; } .mission_list { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.3rem; margin-top: 0.5rem; } .mission_item { display: flex; justify-content: space-between; align-items: center; width: calc(50% - 0.15rem); padding: 0.5rem 0.45rem; background-color: #f7f7f7; } .mission_title { font-size: 0.4rem; font-weight: bold; line-height: 0.8rem; color: #db3b2f; } .mission_info { font-size: 0.28rem; line-height: 0.6rem; color: #000; } .mission_right { margin-left: 0.8rem; } .mission_right img { width: 1.2rem; } .elder_list { width: 2.95rem; } .elder_tit { display: flex; justify-content: space-between; height: 0.8rem; border-bottom: 1px solid #e3e3e3; line-height: 0.8rem; font-size: 0.24rem; cursor: pointer; } .reduce { display: none; font-size: 0.28rem; } .add { display: block; } .within { margin-top: 0.15rem; } .within_item { font-size: 0.18rem; line-height: 0.36rem; cursor: pointer; } .within_item.on { color: #db3b2f; } .elder_item.on .elder_tit_span { border-bottom: 2px solid #db3b2f; font-weight: bold; } .elder_item.on .reduce { display: block; line-height: 0.6rem; } .elder_item.on .add { display: none; } .within_list { padding-bottom: 0.3rem; border-bottom: 1px solid #e3e3e3; } .elder_item .box { display: none; } .elder { display: flex; justify-content: space-between; } .elder_right { position: relative; /* width: 11.1rem; */ flex: 1; margin-left: 0.75rem; } .elder_right img { width: 100%; } .elder_info_title { padding-left: 0.3rem; margin-top: 0.2rem; margin-bottom: 0.15rem; border-left: 3px solid #db3b2f; line-height: 0.3rem; font-size: 0.2rem; font-weight: bold; } .elder_info .address { height: auto; padding-left: 0.3rem; font-size: 0.18rem; line-height: 0.28rem; color: #333333; } .elder_info { display: flex; min-height: 1.8rem; background-color: #fff; } .elder_info::after { content: ''; position: absolute; bottom: -0.17rem; left: 50%; width: 0; height: 0; margin-left: -0.09rem; border-left: 0.18rem solid transparent; border-right: 0.18rem solid transparent; border-top: 0.18rem solid #fff; } .elder_info_left { width: 2.95rem; padding-right: 0.6rem; padding-bottom: 0.2rem; box-shadow: 10px 17.321px 50px 0px rgb(182, 190, 203); } .elder_info_right { position: relative; width: 1.8rem; } .elder_info_right .elder_icon { position: absolute; left: 0.28rem; bottom: 0.22rem; width: 0.25rem; height: 0.25rem; } .elder_info .imgbg img { display: none; } .elder_more { padding-left: 0.3rem; font-size: 0.18rem; color: #db3b2f; line-height: 1; } .elder_info_box { display: none; position: absolute; } .elder_info_box.on { display: block; } #elder_info1 { left: 5.93rem; top: 1.44rem; } #elder_info2 { left: 5.81rem; top: 1.35rem; } #elder_info3 { left: 7.24rem; top: 3.62rem; } #elder_info4 { left: 6.86rem; top: 4rem; } #elder_info5 { left: 6.95rem; top: 3.47rem; } #elder_info6 { left: 7.03rem; top: 3.14rem; } #elder_info7 { left: 6.70rem; top: 3.53rem; } #elder_info8 { left: 3.93rem; top: 4.27rem; } #elder_info9 { left: 4.4rem; top: 4.87rem; } #elder_info10 { left: 5.38rem; top: 5.55rem; } #elder_info11 { left: 6.95rem; top: 0.85rem; } .apartment_list_box { margin-top: 0.4rem; border-top: 1px solid #e5e5e5; } .apartment_list { display: flex; flex-wrap: wrap; padding-top: 0.2rem; } .apartment_list .apartment_item:nth-child(4n) { position: relative; left: 0.6rem; } .apartment_item { position: relative; width: 25%; height: 0.5rem; line-height: 0.5rem; font-size: 0.28rem; cursor: pointer; } .apartment_item.active a { color: #db3b2f; } .apartment_item.active::before { content: ''; position: absolute; width: 0.24rem; height: 0.24rem; background: no-repeat; background-size: cover; left: -0.4rem; top: 50%; margin-top: -0.12rem; } .apartment_box { position: relative; height: 3.5rem; margin-top: 0.2rem; background: url(/uploads/image/gltsimages/zzgy_bg.jpg) no-repeat; background-size: cover; background-position: center; color: #fff; } .apartment_box::before { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; margin-left: -0.09rem; border-left: 0.18rem solid transparent; border-right: 0.18rem solid transparent; border-top: 0.18rem solid #fff; } .apartment_content { display: flex; justify-content: space-between; align-items: center; height: 100%; } .apartment_box .w1600, .apartment_content_box { height: 100%; } .apartment_address { display: flex; } .apartment_content img { margin-right: 0.2rem; } .apartment_content .apartment_address:nth-child(2) img { width: 0.38rem; } .apartment_content .apartment_address:nth-child(3) img { width: 0.46rem; } .apartment_title { position: relative; height: 0.9rem; line-height: 0.9rem; font-size: 0.34rem; } .apartment_title::before { content: ''; position: absolute; width: 0.66rem; height: 0.03rem; background: #fff; bottom: 0; left: 0; } .address_title { margin-bottom: 0.1rem; line-height: 1; font-size: 0.24rem; font-weight: bold; } .address_detail { font-size: 0.2rem; line-height: 0.3rem; } .apartment_content .apartment_address:nth-child(2) .address_text { width: 300px; } .worth { margin-top: 1rem; } .worth_cn { font-size: 0.32rem; color: #000; line-height: 0.52rem; } .worth_en { font-size: 0.2rem; line-height: 0.4rem; color: #999; } .worth_list { display: flex; justify-content: space-between; gap: 0.1rem; margin-top: 0.4rem; } .worth_item { position: relative; width: 4.36rem; height: 5.3rem; color: #fff; } .worth_content { display: flex; flex-direction: column; /* align-items: end; */ justify-content: end; position: absolute; bottom: 0; left: 0; width: 100%; height: 2.5rem; padding: 0.4rem 0.3rem; background: linear-gradient(to bottom, transparent 10%, #1f2645); pointer-events: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .worth_title { position: relative; font-size: 0.28rem; line-height: 0.34rem; text-align: justify; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .worth_text { display: none; font-size: 0.18rem; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .worth_item.active { flex: 1; } .worth_item.active .worth_text { display: block; margin-top: 0.1rem; } .worth_item.active .worth_content { justify-content: center; height: 2.15rem; padding: 0.20rem 0.3rem; background: #e73210; } .worth_item.active .worth_title::before { content: ''; position: absolute; width: 0.04rem; height: 100%; background-color: #fff; top: 0; left: -0.17rem; } .worth_item .imgbg img { display: none; } .partition_box { position: relative; margin-top: 0.5rem; } .partition_title { margin-top: 1rem; } .partition_swiper .imgbg_box { height: 3.4rem; } .partition_swiper .imgbg_box img { display: none; } .partition_info { margin-top: 0.08rem; line-height: 0.44rem; font-size: 0.28rem; text-align: center; } .arrow_rightban, .arrow_leftban { position: absolute; top: 50%; left: -0.7rem; width: 0.3rem; height: 0.45rem; margin-top: -0.325rem; background: url(/uploads/image/gltsimages/partition_left.png) no-repeat; background-position: center; background-size: cover; z-index: 99; cursor: pointer; } .arrow_rightban { left: inherit; right: -0.7rem; background-image: url(/uploads/image/gltsimages/partition_right.png); } .arrow_leftban:hover { background-image: url(/uploads/image/gltsimages/partition_left_r.png); } .arrow_rightban:hover { background-image: url(/uploads/image/gltsimages/partition_right_r.png); } .service_title { margin-top: 0.9rem; } .service_list { display: flex; margin: 0.6rem 0 1.5rem; } .service_item { position: relative; flex: 1; text-align: center; border-right: 1px solid #e5e5e5; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .service_icon img { width: 0.55rem; } .service_topic { margin-top: 0.08rem; font-size: 0.24rem; line-height: 0.48rem; color: #000; } .service_info { width: 1.7rem; margin: 0 auto; font-size: 0.18rem; line-height: 0.3rem; color: #666; } .service_img_r { display: none; } .service_item::after { display: none; content: ''; position: absolute; bottom: -0.25rem; left: 0; width: 100%; height: 0.06rem; background-color: #e73210; } .service_item:hover::after { display: block; } .service_item:hover .service_img_r { display: inline-block; } .service_item:hover .service_img { display: none; } .service_item:hover .service_topic { color: #e73210; } .second_swiper { height: 6.35rem; } .banner_box { position: relative; } .aboutus_banner_title { pointer-events: none; } .second_swiper .imgbg::before { display: none; } .second_text { position: absolute; right: 0.75rem; bottom: 0.4rem; padding: 0 0.05rem; color: #e5e5e5; text-align: right; font-size: 0.24rem; line-height: 1.3; filter: ; } .nav_box { display: flex; justify-content: end; } .select { position: relative; font-size: 0.2rem; line-height: 1.2rem; cursor: pointer; } .select_title { position: relative; padding-right: 20px; } .select_title span { position: absolute; top: 50%; right: -5px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #000; transform: translatey(-50%); transition: transform 0.3s ease; } .select_title span.arrow { transform: rotate(180deg); } .select_sj { display: none; position: absolute; top: 0.87rem; left: 50%; width: 10px; height: 10px; z-index: 9999; } .select_list { display: none; position: absolute; top: 0.92rem; left: 50%; transform: translate(-50%); width: 1.4rem; padding: 0.2rem 0; background-color: #fff; border-radius: 0.06rem; z-index: 999; box-shadow: 0px 0px 12px rgba(0, 0, 0, .12); } .select_sj::before { position: absolute; display: block; transform: translate(-50%); width: 10px; height: 10px; z-index: 1; content: " "; transform: rotate(45deg); background: #fff; box-sizing: border-box; border: 1px solid #eceef1; border-bottom-color: transparent; border-right-color: transparent; } .select_item { padding: 0; width: 100%; justify-content: center; text-align: center; line-height: 0.46rem; font-size: 0.18rem; } @media (max-width: 1800px) { .header_box::after { bottom: -0.16rem; } } @media (min-width: 1028px) and (max-width: 1600px) { .header_box::after { bottom: -0.18rem; } } @media (max-width: 1400px) { .header_box::after { bottom: -0.2rem; } }