/* 全局样式 */ html, div, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, body, tr, th, td, input, textarea, select, option, span, a, strong, i, img, form, p { padding: 0; margin: 0; } a { text-decoration: none; /*清除下划线*/ color: #515151; font-size: 14px; } li { list-style: none; /*清除列表样式*/ } input { outline: none; /*清除外部边框*/ } a img { border: 0; } /*清除IE带有链接的图片多余边框*/ body { font-size: 14px; font-family: "微软雅黑"; color: #515151; background: #fff; min-width: 1900px; width: 100%; } .clearFloat { zoom: 1; } /*针对IE6,IE7*/ .clearFloat:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .fl { float: left; } .fr { float: right; } .justify-align { display: flex; justify-content: space-between; align-items: center; } .left-justifying { display: flex; justify-content: flex-start; align-items: center; } .content-center { display: flex; justify-content: center; align-items: center; } /*全局样式结束*/ /* 导航 */ .center { width: 1200px; margin: 0 auto; } .top-wrapper { position: relative; } .top-wrapper-content { position: relative; z-index: 300; } .top-wrapper-bg { position: absolute; width: 100%; top: 0; left: 0; height: 1000px; background: url(../images/sp-zz.png); z-index: 10; } .top-box { height: 29px; line-height: 29px; background: #0000002e; } .top-conter-nav { text-align: right; } .top-conter-nav a { display: inline-block; padding-right: 20px; font-size: 12px; position: relative; color: #b1bfd0; z-index: 200; } .top-conter-nav a::after { position: absolute; right: 8px; top: 25%; content: ""; height: 13px; width: 1px; background-color: #b1bfd0; } .top-conter-nav a:last-child::after { height: 0; } /*header*/ a, #subNav_box, #subNav_box .item, .header .h_seek_btn, .id_index1 #banner .baner_btn, .i_news .par_hd li, .i_join img, .i_charity img, .i_join img, .i_charity img, .about3 .vdo_wr1 .le img, .video_list .pic img, .about3 .vdo_wr1 .shade .btn, .video_list .pic .shade .btn, .video_list .txt p, .about5 .w_left .hd li, .news_strong .pic img, .news_list .pic img, .news_strong .pic .shade, .news_list .pic .shade, .news_strong a *, .news_list .ul a *, .news_list .ul a:after, .newrelated .strong .shade, .newrelated .strong img, .newrelated .txt .title, .news4_list .ul .til, .news4 .dl_wr dd .til, .strategy-c .part1 .item .txt, .strategy-c .part1 .item .hid, .strategy-c .part2 .ul img, .strategy .w_lump2 li .txt, .strategy4 .slide2 .bd a:after, .st4_tab .bd li .pic:after, .st4_tab .bd li .txt, .social2 .w_lump1 .txt .cn, .social2 .w_lump1 .pic, .news_list .ul a.not .txt:after, .c_more:before, .c_more:after, .strategy_d .w_lump2 .box * { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .i_join:hover img, .i_charity:hover img, .about3 .vdo_wr1 .le:hover img, .video_list .ul a:hover .pic img, .news_strong a:hover .pic img, .news_list .ul a:hover .pic img, .newrelated .strong a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s; transition: all 3s; } .header-wrapper { position: relative; height: 60px; left: 0; top: 0; width: 100%; z-index: 188; } .header-wrapper2 { height: 60px; left: 0; top: 0; width: 100%; z-index: 188; position: fixed; background: rgba(0, 14, 59, 0.7); } .header-wrapper2 .header .h_right .nav li a { color: #ffffff; } .header-wrapper .header { position: relative; z-index: 30; height: 60px; width: 1200px; margin: 0 auto; } .header-wrapper2 .header { position: relative; z-index: 30; height: 60px; margin: 0 auto; color: #ffffff; } .header .header_logo { width: 216px; height: auto; display: block; } .header .h_right { float: right; } .header .h_right .nav { float: left; font-size: 0; letter-spacing: -4px; } .header .h_right .nav li { line-height: 60px; height: 60px; margin: 0 25px; float: left; position: relative; z-index: 992; letter-spacing: normal; } .header .h_right .nav li:last-child { margin-right: 20px; } .header .h_right .nav li a { color: #fff; font-size: 16px; display: inline-block; } /* .header .h_right .nav li a.active::after{ position: absolute; right: 50%; bottom: 0; content: ""; height: 2px; width: 12px;background-color: #fff; } */ .header-wrapper .active::after { position: absolute; left: 50%; bottom: 9px; content: ""; height: 3px; margin-left: -11px; width: 22px; background-color: #fff; } .header-wrapper2 .active::after { position: absolute; left: 50%; bottom: 9px; content: ""; height: 3px; margin-left: -11px; width: 22px; background-color: #ffffff; } .header-wrapper .header .h_right .nav li.on a { color: #fff; /* border-bottom: 2px solid #fff; padding-bottom: 9px; */ font-weight: bold; position: relative; } .header-wrapper2 .header .h_right .nav li.on a { color: #ffffff; /* border-bottom: 2px solid #fff; padding-bottom: 9px; */ font-weight: bold; position: relative; } #subNav_box { position: absolute; left: 0; bottom: 0; height: 60px; width: 100%; } #subNav_box.on { bottom: -60px; } .header-wrapper #subNav_box .cnt { position: relative; max-width: 1920px; margin: 0 auto; height: 60px; } .header-wrapper2 #subNav_box .cnt { position: relative; max-width: 1920px; margin: 0 auto; height: 60px; /*background: url(../images/header_navbarbg.png);*/ background: rgba(0, 14, 59, 0.6); } #subNav_box .item { position: absolute; top: -60px; } #subNav_box .item.curr, #subNav_box .item:hover { top: 0; } .header-wrapper #subNav_box .item a { float: left; padding: 0 20px; font-size: 14px; color: #fff; line-height: 60px; opacity: 0.8; filter: alpha(opacity=70); position: relative; } .header-wrapper2 #subNav_box .item a { float: left; padding: 0 20px; font-size: 14px; color: #ffffff; line-height: 60px; opacity: 0.8; filter: alpha(opacity=70); position: relative; } #subNav_box .item a::after { position: absolute; right: 0; top: 50%; content: ""; margin-top: -6px; height: 13px; width: 1px; background-color: #b1bfd0; } #subNav_box .item a:last-child::after { height: 0; } #subNav_box .item a:hover { opacity: 1; filter: alpha(opacity=100); } #subNav_box .g-wrap { position: relative; height: 100%; margin: 0 auto; overflow: hidden; } .seek_popup_wr { display: none; position: fixed; z-index: 25; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation-duration: 1s; animation-duration: 1s; } .seek_popup_wr .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; filter: alpha(opacity=80); } .seek_popup_wr.on { display: block; -webkit-animation-name: bigToLittle; animation-name: bigToLittle; } .shop-qrcode-box-dd { position: absolute; z-index: 999; top: 59px; right: 295px; display: none; } #wx-xiaocx { right: 205px; display: none; } .pdd-hover:hover .shop-qrcode-box-dd { display: block; } .shop-qrcode-box-dd .shop-qrcode-box-dd-content { padding: 20px 20px; background: rgba(0, 0, 0, 0.74); color: #ffffff; border-radius: 20px; text-align: center; position: relative; } .shop-qrcode-box-dd .shop-qrcode-box-dd-content::after { position: absolute; top: -19px; left: 50%; margin-left: -10px; width: 0; height: 0; content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 20px solid #060912; } .shop-qrcode-box-dd img { width: 155px; height: 155px; display: inline-block; } .shop-qrcode-box-dd .qrcode-txt { width: 155px; text-align: center; margin: 10px auto 0; line-height: 25px; } /* 导航结束 */ /* 视频 */ .box-content { position: absolute; width: 100%; height: 1000px; left: 0; top: 0; } .box-content .column-slogan { position: absolute; width: 100%; text-align: center; bottom: 10px; color: #fff; height: 100%; z-index: 1; } .container { margin: 0 auto; } .about-img-top { width: 100%; height: auto; position: relative; margin-top: -108px; z-index: 99; vertical-align: bottom; } .column-stage { height: 1000px; position: relative; } #video-box { visibility: visible; width: 100%; height: auto; object-fit: cover; height: 1000px; /*opacity: 0.8;*/ } .banner-fix-box { width: 100%; height: 100%; position: absolute; left: 0%; top: 60px; z-index: 80; text-align: center; color: #fff; } .banner-fix { width: 100%; height: auto; display: block; } /* 视频结束 */ /*右边二维码*/ .right-qrcode-box { position: absolute; right: 30px; width: 104px; top: 100px; background: linear-gradient(0deg, #04429d 0%, #1c67d4 100%); border-radius: 5px; z-index: 999; text-align: center; color: #ffffff; } .right-qrcode-box .qr-code-item { padding: 10px 0; border-bottom: 1px solid #aac5ca; } .right-qrcode-box .qr-code-item .qr-code-name { padding-bottom: 5px; } /* 新闻媒体 */ .new-top { padding-top: 20px; } .news-box { padding-bottom: 40px; margin-top: -100px; position: relative; z-index: 90; background-color: #fff; height: 580px; } .new-top .lf-title h5 { font-size: 36px; color: #004ab6; } .new-top .lf-title .title-des { font-size: 18px; color: #004ab6; } .news-nav-rt { font-size: 14px; } .news-nav-rt .news-li { width: 150px; cursor: pointer; margin-left: 20px; text-align: center; } .active-li { } .active-li span { background: #004ab6; padding: 10px; color: #fff; font-size: 16px; display: inline-block; } .first-news-list-ul .first-news-list-ul-li a { display: block; } /* .fist-img-lf{ width: 385px; height: 219px; } */ .fist-img-lf-wrapper { position: relative; overflow: hidden; width: 30%; } .fist-img-lf-wrapper .fist-img-lf { width: 100%; height: 219px; } .first-news-list-box { width: 70%; } .first-news-list-box .first-news-list-ul { padding-left: 5px; } .first-news-list-box .first-news-list-ul .first-news-list-ul-li { padding-bottom: 50px; } .first-news-list-box .first-news-list-ul .first-news-list-ul-li:last-child { padding-bottom: 0; } .first-news-list-box .first-news-list-ul .news-item-title { margin-bottom: 10px; color: #333; } .fist-img-lf-wrapper::after { position: absolute; top: 0; left: -75%; display: block; content: ""; width: 50%; height: 100%; background: -o-linear-gradient( left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100% ); background: -webkit-gradient( linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)) ); background: linear-gradient( to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100% ); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); } .fist-img-lf-wrapper:hover::after { -webkit-animation: shine 1s; animation: shine 1s; } /* .ttm_single_image-wrapper.ttm_single_image_hover:hover:after{-webkit-animation:shine 1s;animation:shine 1s} */ @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .date-box { color: #ccc; width: 10%; padding: 0 20px 0 10px; border-left: 2px solid #999999; margin-left: 10px; margin-top: -20px; } .first-news-list-ul-li a:hover .news-item-title { color: #ff7b0b; } .date-box h5 { font-size: 24px; } .first-news-list-ul-li a:hover h5 { color: #ff7b0b; } .news-item-list { font-size: 16px; width: 80%; } .news-item-des { font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; width: 100%; line-height: 25px; max-height: 50px; text-align: left; } .wealth-box { display: flex; flex-wrap: wrap; } .wealth-box a { width: 50%; } .wealth-item { padding: 10px 10px; border: 1px solid #eeeeee; margin: 10px; } .pdf-icon { display: inline-block; margin-right: 10px; width: 30px; height: auto; } .message-box { display: flex; flex-wrap: wrap; padding-bottom: 30px; } .wealth-box a:hover .wealth-item { border: 1px solid #004ab6; } .message-box a { width: 25%; display: block; margin-bottom: 15px; } .message-box a:hover .message-item { transform: translateY(-7px); } .message-box a:hover .cover-img { transform: scale(1.09); } .message-box .message-item { border: 1px solid #eeeeee; font-size: 12px; color: #999; margin: 0 10px; overflow: hidden; box-shadow: 0 0 15px rgb(0 0 0 / 10%); transition: 0.5s; height: 237px; position: relative; } .message-item-content { padding: 0 5px 5px; } .message-item-title { font-size: 14px; width: 100%; color: #333; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin-top: 5px; margin-bottom: 3px; } .message-box .message-item .date-box-news { position: absolute; bottom: 0; left: 0; width: 100%; } .message-box .message-item .date-box-news span { display: inline-block; padding: 5px; } .cover-img { width: 100%; height: 170px; display: block; -webkit-transition: all 0.6s ease-in-out; transition: all 0.3s ease 0s; } .cover-img-wrapper { width: 100%; height: 170px; overflow: hidden; } .zhongju-box { background-image: url(../images/about-bg.jpg); background-size: 100% 100%; padding-bottom: 60px; padding-top: 30px; } .jz-item-box { display: flex; flex-wrap: wrap; } .jz-item-box .jz-item-a { width: 20%; position: relative; } .jz-item-a:before { content: ""; position: absolute; top: 0; left: 0; bottom: auto; width: 100%; height: 0; background-color: rgba(255, 145, 53, 1); border-radius: 4px; transition: 0.5s; z-index: 0; } .jz-item-a:hover:before { height: 100%; top: auto; bottom: 0; } .featured-icon-box { padding: 25px 5px; margin: 0; color: #fff; position: relative; text-align: center; } .jz-icon { width: 80px; height: auto; transition: all 1s ease; /* transition: .3s; */ } .jz-item-a:hover .jz-icon { /* border-color: #fff; */ /* animation: zoomin .8s linear infinite alternate; */ /* animation-duration: 1s; animation-delay: 300ms; animation-iteration-count: infinite; animation-name: pulse; */ transform: rotateY(360deg); } .jz-item-box .jz-item-a:not(:last-child) .featured-icon-box { border-right: 1px solid #fff; } .zhongju-box .lf-title { color: #fff; font-size: 18px; padding: 20px 0; } .zhongju-box .lf-title h5 { font-size: 36px; color: #fff; } .jz-item-box-sec .featured-icon-box :after { position: absolute; content: ""; height: 1px; top: 0; right: 0; width: 100%; background-color: #fff; } /* 新闻媒体 */ .news-top-wrapper { background-image: url(../images/xwmt-topbg.jpg); background-size: 100% 100%; padding-bottom: 20px; padding-top: 59px; } .news-top-wrapper .news-title-top { font-size: 15px; color: #fff; border-left: 2px solid #ff7b0b; padding-left: 10px; position: absolute; left: 0; top: 36px; margin-top: -37px; } .news-top-wrapper .news-title-top h5 { font-size: 22px; font-weight: 500; margin-bottom: 2px; } .news-tab-wrapper .news-tab-item-box { color: #333; font-size: 16px; } .news-tab-wrapper .news-tab-item-box .news-tab-item { padding: 5px 15px; cursor: pointer; position: relative; } .news-tab-wrapper .news-tab-item-box .news-tab-item-active { background-color: #004ab6; color: #fff; } .news-tab-wrapper .news-tab-item-box .news-tab-item-active::before { position: absolute; content: ""; display: block; width: 0; height: 0; border-top: 10px solid #004ab6; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 0; left: 50%; bottom: -8px; margin-left: -10px; } .center-news { width: 1200px; margin: 0 auto; } .news-media-list { padding: 40px 0 80px; } .xwmt-search { position: absolute; width: 28px; height: 28px; right: 10px; top: 10%; } .news-media-first { font-size: 14px; color: #666666; position: relative; } .news-media-first-date-box { position: absolute; right: 0; bottom: 0; width: 775px; } .news-media-first-txt { line-height: 25px; margin-top: 40px; margin-bottom: 25px; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; width: 100%; max-height: 100px; } .top-news-media-first { background: #f4f4f4; padding: 35px 0; } .img-news-media { width: 385px; height: 220px; display: block; } .news-media-first-content { margin-left: 28px; width: 775px; } .news-media-first-content h5 { font-size: 16px; font-weight: bold; } .news-media-first-btn { background: #ffffff; border: 1px solid #dddddd; color: #999999; padding: 5px 10px; } .news-media-first-btn img { width: 8px; height: auto; font-size: 12px; display: block; margin-left: 5px; } .news-media-list .news-media-ul a { float: left; width: 380px; height: 390px; margin: 0 30px 40px 0; background: #fff; position: relative; overflow: hidden; } .news-media-list .news-media-ul a.not { background: #e3f2ff; } .news-media-list .news-media-ul a::after { content: ""; display: block; position: absolute; left: 0; bottom: -176px; width: 100%; height: 176px; background: #e6ecf2; transition: all 0.36s ease; } .news-media-list .news-media-ul a:hover::after { bottom: 0; } .news-media-list .news-media-ul a.not::after { content: ""; display: block; position: absolute; left: 0; width: 100%; bottom: -100%; height: 100%; background: #076ebe; transition: all 0.36s ease; } .news-media-list .news-media-ul .not:hover::after { bottom: 0; } .news-media-list .news-media-ul .not:hover p { color: #fff; } .news-media-list .news-media-ul .not:hover h5 { color: #fff; } .news-media-list .news-media-ul a .pic-news { position: relative; width: 380px; height: 214px; overflow: hidden; } .news-media-list .news-media-ul a .pic-news img { max-width: 100%; display: block; transition: all 3s; } .news-media-list .news-media-ul a:hover .pic-news img { webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s; transition: all 3s; } .news-media-list .news-media-ul a .txt-box { padding: 25px 30px 0 10px; height: 176px; overflow: hidden; position: relative; position: relative; z-index: 2; } .news-media-list .news-media-ul a.not .txt-box { height: 100%; padding: 35px 40px 0; } .news-media-ul { width: 1230px; overflow: hidden; } .news-media-list-item .txt-box .title { font-size: 16px; color: #4c4c4c; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 6px; font-weight: 600; } .news-media-list-item .txt-box p { color: #666666; line-height: 30px; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; width: 100%; max-height: 60px; } .news-media-list-item.not .txt-box p { color: #666666; line-height: 30px; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; width: 100%; max-height: 180px; } .arr-news-media-icon { width: 31px; height: auto; display: block; margin-right: 10px; } .news-media-list-item.not .bottom-news { position: absolute; bottom: 12%; z-index: 33; left: 0; width: 100%; } .news-media-list-item .bottom-news { position: absolute; bottom: 20%; z-index: 33; left: 0; width: 100%; } .news-media-list-item.not .bottom-news .news-media-list-item-dete { padding-left: 10px; color: #999999; } .news-media-list-item .bottom-news .news-media-list-item-dete { padding-left: 15px; color: #999999; } .news-media-list-item.not .bottom-news .arr-news-media-icon { margin-right: 15px; } .news-media-list-item.not:hover .news-media-list-item-dete { color: #fff; } /* .nav-links-page { text-align: center; margin: 50px 0; } .nav-links-page .page-numbers { margin: 0 10px; color: #333333; display: inline-block; width: 26px; height: 26px; line-height: 26px; } .nav-links-page .current { background: #0044b0; border-radius: 50%; color: #fff; } .nav-links-page .next, .prevs { width: 80px; height: 26px; line-height: 26px; background: #ffffff; border: 1px solid #dddddd; font-size: 12px; border-radius: 12px; display: inline-block; } */ .nav-links-page { text-align: center; margin: 50px 0; width: 100%; } .nav-links-page ul { display: flex; align-items: center; justify-content: center; } .nav-links-page ul li.disabled span { width: 80px; height: 26px; line-height: 26px; background: #ffffff; /* border: 1px solid #dddddd; */ font-size: 20px; /* border-radius: 12px; */ display: inline-block; color: #333; cursor: no-drop; } .nav-links-page ul li a { margin: 0 10px; color: #333333; display: inline-block; width: 26px; height: 26px; line-height: 26px; } .nav-links-page ul li.active span { margin: 0 10px; display: inline-block; width: 26px; height: 26px; line-height: 26px; background: #0044b0; border-radius: 50%; color: #fff; } .nav-links-page ul li:nth-child(1) a, .nav-links-page ul li:nth-last-child(1) a { width: 80px; height: 26px; line-height: 26px; background: #ffffff; border: 1px solid #dddddd; font-size: 12px; border-radius: 12px; display: inline-block; } .news-des-wrapper { padding: 30px 0; } .news-des-wrapper .news-des-lf { width: 70%; border-right: 1px solid #f5f5f5; } .news-des-lf-content { padding-right: 24px; } .news-des-list { width: 30%; } .news-des-wrapper .news-des-lf .news-des-title { font-size: 24px; font-weight: bold; color: #333333; text-align: center; } .news-des-wrapper .news-des-lf .news-media-time { font-size: 14px; text-align: center; margin: 15px 0 25px; } .news-des-content .news-media-txt img { max-width: 100%; } .news-media-txt p { line-height: 200%; margin-bottom: 10px; } .news-media-txt p:nth-last-child(1) { margin-bottom: 0; } .news-des-list-content { padding-left: 20px; } .news-more-item { margin-bottom: 30px; display: block; width: 100%; color: #333333; overflow: hidden; } .news-more-item .pic-box { width: 100%; height: 189px; overflow: hidden; } .news-more-item .pic-box img { width: 100%; height: auto; transition: all 3s; display: block; } .news-more-item:hover .pic-box img { webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s; transition: all 3s; } .news-more-item .title { font-size: 16px; margin-bottom: 8px; } .news-more-item .txt-box p { color: #666666; line-height: 28px; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; width: 100%; max-height: 56px; } .news-more-item .txt-box { position: relative; padding: 17px 10px; z-index: 2; border-bottom: 1px solid #f5f5f5; } .news-more-item .txt-box::after { content: ""; display: block; position: absolute; left: 0; bottom: -176px; width: 100%; height: 100%; background: #e6ecf2; z-index: -1; transition: all 0.36s ease; } .news-more-item .arr-news-media-icon { width: 26px; height: auto; display: block; } .news-more-item .bottom-news { margin-top: 10px; } .news-more-item:hover .txt-box::after { bottom: 0; } .news-more-item:hover .title { color: #004ab6; } .news-more-item .news-media-list-item-dete { color: #999999; } .share-box-des { padding-bottom: 15px; } .zj-wealth-item-ul { width: 1230px; padding: 30px 0; } .zj-wealth-item-ul .zj-wealth-item { float: left; width: 280px; border: 1px solid #eeeeee; margin: 0 25px 40px 0; background: #fff; position: relative; overflow: hidden; } .zj-wealth-item-ul .zj-wealth-item .wealth-item-pdf img { height: 361px; width: 100%; display: block; transition: all 3s; } .zj-wealth-item-ul .wealth-item-pdf { padding: 10px 10px 0; overflow: hidden; } .wealth-item-pdf-tile { padding: 10px; } .zj-wealth-item-ul .zj-wealth-item:hover .wealth-item-pdf img { webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s; transition: all 3s; } .zj-wealth-item:hover { box-shadow: 0 0 15px rgb(0 0 0 / 10%); transition: 0.5s; } /* 新闻媒体end */ /* 新版新闻媒体 */ .new-a-item-box .new-a-item-li a{ font-size: 16px; } .new-a-item-box .new-a-item-li{ padding: 15px 0; } .new-a-item-box .new-a-item-li .a-item-box-title .span-yuan{ width: 5px;height: 5px;display: inline-block;background-color: #333;border-radius: 5px; } .new-a-item-box .new-a-item-li .a-item-box-title .a-item-box-title-conten{ overflow: hidden; overflow: hidden; text-overflow:ellipsis;white-space: nowrap; margin-left: 5px; width: 90%; } .new-a-item-box .new-a-item-li .a-item-box-title{ width: 50%; } .new-a-item-box .new-a-item-li .a-item-box-date{ color: #666;font-size: 14px; } /* 新版新闻媒体end */ .jeejon-box { position: relative; background-image: url(../images/index-bg.jpg); background-size: 100% 100%; } .jeejon-box .jeejon-item { position: relative; width: 399px; height: 383px; text-align: center; border-right: 1px solid #1b4671; } .jeejon-box .null-box { width: 81px; display: inline-block; height: 81px; margin-bottom: 15px; transition: all 0.3s; } .jeejon-box .jeejon-item:hover .null-box { margin-bottom: 45px; } .jeejon-box .jeejon-item img { width: 81px; height: auto; opacity: 0; display: inline-block; position: absolute; left: 50%; margin-left: -41px; top: -130px; transition: all 0.5s; opacity: 0; } .jeejon-box .jeejon-item:hover img { top: 30px; opacity: 1; /*transform: rotateY(360deg);*/ } .jeejon-box .jeejon-item .item-txt { transition: all 0.36s ease; } .jeejon-box .jeejon-item:hover .item-txt { text-shadow: 5px 2px 6px #000; /*transform: scale(1.1);*/ } .jeejon-item-content { margin-top: 70px; position: relative; z-index: 2; color: #ffffff; } .jeejon-item-content .item-txt { font-size: 24px; } .jeejon-item-content .item-txt p { margin-top: 5px; } .jeejon-box .jeejon-item .jeejon-item-bg { /*width: 400px;*/ /*height: 383px;*/ background: linear-gradient(-90deg, #0bbafb 0%, #4285ec 100%); opacity: 0.2; transition: 0.5s; position: absolute; top: 0; left: 0; bottom: auto; width: 100%; height: 0; } .jeejon-box .jeejon-item:hover .jeejon-item-bg { height: 100%; top: auto; bottom: 0; } /* 版权 */ .coy-wrapper { position: relative; background-image: url(../images/bottom-bg.jpg); background-size: 100% 100%; padding-bottom: 20px; } .coy-info { color: #999; font-size: 12px; } .coy-info .coy-info-lf a { margin: 0 7px; } .coy-info .coy-info-lf a img { width: 148px; height: auto; display: block; } .coy-info .coy-logo-box .coy-logo { width: 131px; height: 62px; margin: 0 5px 10px; display: inline-block; } .coy-info .coy-info-lf { margin-left: 43px; } .coy-info .coy-logo { width: 131px; height: 62px; display: block; margin-right: 30px; margin-left: 30px; } .coy-info .coy-des-box p { padding: 2px 0; } .menu { /* width: 735px; */ padding: 30px 0; position: relative; /* margin: 300px auto; */ } .menu ul li { float: left; position: relative; } .menu ul li a, .menu ul li a:visited { display: block; text-decoration: none; width: 140px; height: 35px; text-align: center; color: #fff; font-weight: bold; line-height: 35px; padding-left: 10px; padding-right: 10px; } .menu ul li ul { display: none; } .menu ul li ul li a { font-weight: normal; text-align: left; } .menu ul .has-menu { position: relative; } .menu ul .has-menu::after { position: absolute; content: ""; width: 1px; height: 15px; right: 0; top: 12px; background: #fff; } /* specific to non IE browsers */ .menu ul li:hover a { color: #fff; background: rgba(0, 0, 0, 0.4); } .menu ul li:hover ul { display: block; position: absolute; bottom: 36px; left: 0; z-index: 88; } .menu ul li:hover ul li a.hide { background: #a7c9c9; color: #fff; } .menu ul li:hover ul li { display: block; width: 140px; clear: both; } .menu ul li:hover ul li:hover a.hide { background: #dfc184; color: #000; } .menu ul li:hover ul li ul { display: none; } .menu ul li:hover ul li a { display: block; background: rgba(0, 0, 0, 0.4); color: #fff; padding-left: 10px; } .menu ul li:hover ul li a:hover { background: rgba(0, 0, 0, 0.6); color: #fff; } .menu ul li:hover ul li:hover ul { display: block; position: absolute; left: 210px; bottom: 0; } .menu ul li:hover ul li:hover ul li a { background: #dfc184; color: #000; } .menu ul li:hover ul li:hover ul li a:hover { background: #c9c9a7; color: #000; } .menu ul li:hover ul.left { left: -105px; } .menu ul li:hover ul li:hover ul.left { left: -210px; width: 209px; } /* 产业投资 */ .industry-invest-wrapper { background-image: url(../images/cyly-topbg.jpg); padding-top: 73px; } /* 产业投资end */ .industry-invest-nav { text-align: right; padding-top: 20px; } .industry-invest-nav a { padding-right: 20px; position: relative; } .industry-invest-nav { padding: 10px 0; } .industry-invest-nav .industry-invest-item-acitve { color: #ff7b0b; } .tab-item-content-title { font-size: 16px; color: #004ab6; padding: 45px 0 25px; /* text-transform: Uppercase; */ } .tab-item-content-title span { font-weight: 400; font-size: 30px; display: inline-block; margin-right: 5px; } .city-houses-tab { height: 400px; margin-top: 30px; } .food-txt { text-indent: 2em; font-size: 14px; line-height: 35px; } .food-img-industry img { width: 100%; height: auto; display: block; margin-top: 50px; } .city-bg { width: 100%; height: auto; display: block; margin-top: 40px; } .city-houses-tab .houses-tab-item { width: 40%; position: relative; overflow: hidden; transition: all 0.36s ease; } .city-houses-tab .houses-tab-item .houses-tab-img-box img { width: 100%; height: auto; display: block; cursor: pointer; } .city-houses-tab .houses-tab-item:hover { transform: scale(1.1); } /*.city-houses-tab .city-item-acitve:hover{*/ /* transform: scale(1);*/ /*}*/ /*.city-houses-tab .houses-tab-item .houses-tab-img-box::after {*/ /* position: absolute;*/ /* top: 0;*/ /* left: -75%;*/ /* display: block;*/ /* content: '';*/ /* width: 50%;*/ /* height: 100%;*/ /* background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);*/ /* background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3)));*/ /* background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);*/ /* -webkit-transform: skewX(-25deg);*/ /* -ms-transform: skewX(-25deg);*/ /* transform: skewX(-25deg);*/ /*}*/ /*.city-houses-tab .houses-tab-item:hover {*/ /* box-shadow: 0 0 20px rgb(0 0 0 / 20%);*/ /* }*/ /*.city-houses-tab .houses-tab-item:hover .houses-tab-img-box::after{*/ /* -webkit-animation: shine 1s;*/ /* animation: shine 1s;*/ /*}*/ .city-houses-tab-content { margin-top: 50px; } .houses-tab-item .houses-tab-txt { background-color: #a0a0a0; padding: 10px; color: #fff; position: relative; } .houses-tab-item .houses-tab-txt::after { content: ""; display: block; height: 2px; width: 0; background: #004ab6; position: absolute; right: 0; bottom: 0; transition: all 0.5s ease; } .city-houses-tab .houses-tab-item:hover .houses-tab-txt::after { width: 100%; left: 0; } .houses-tab-item .houses-tab-txt h5 { font-size: 24px; margin-bottom: 10px; font-weight: normal; } .city-houses-box { position: relative; margin-top: -367px; } .city-houses-top-title { color: #fff; margin-bottom: 20px; font-size: 24px; } .city-houses-tab .city-item-acitve { width: 55%; } .city-houses-tab .city-item-acitve .houses-tab-txt { background: #004ab6; } .mt-20 { margin-top: 20px; } .houses-tab-content-img img { width: 32%; height: auto; } .houses-tab-content-img { margin: 20px 0 40px; } .floor-plan .floor-plan-item { width: 23%; position: relative; } .floor-plan .floor-plan-item .floor-plan-img { width: 100%; height: auto; } .floor-plan .floor-plan-item .icon-floor { width: 38px; height: auto; display: block; position: absolute; bottom: 10px; right: 10px; z-index: 2; cursor: pointer; } .floor-plan-title { font-size: 14px; padding: 20px 0; } .floor-plan { padding-bottom: 50px; } .yjl-img-box img { width: 32%; height: auto; display: block; } .yjl-img-box { margin: 20px 0 40px; } .yjl-title { color: #666; line-height: 30px; font-size: 14px; margin-bottom: 10px; } .yjl-title-des { margin-bottom: 40px; color: #666; line-height: 30px; font-size: 14px; } .yjl-floor-plan-img { display: block; width: 80%; height: auto; margin: 20px auto 50px; } .industry-invest-wrapper .news-title-top { margin-top: -69px; } .high-tech-box { position: relative; z-index: 2; margin-top: 75px; } .high-tech-box img { width: 13%; display: block; height: auto; } .high-tech-box-bg { width: 100%; height: auto; margin-top: -211px; display: block; } .auto-spare-parts-txt { text-indent: 2em; width: 50%; text-align: left; position: relative; z-index: 2; line-height: 30px; } .auto-spare-parts { width: 100%; height: auto; display: block; margin-top: -136px; } .mwx-img { width: 100%; height: auto; display: block; margin-bottom: 30px; } .mwx-pic-box-f { margin-top: 40px; position: relative; z-index: 2; } .mwx-pic-box-f .mwx-pic-box-item { width: 49.8%; transition: all 3s; overflow: hidden; } .mwx-pic-box-f .mwx-pic-box-item img { width: 100%; display: block; height: auto; } /*.mwx-pic-box-f .mwx-pic-box-item img:hover{*/ /* webkit-transform: scale(1.1);*/ /* -moz-transform: scale(1.1);*/ /* -ms-transform: scale(1.1);*/ /* -o-transform: scale(1.1);*/ /* transform: scale(1.1);*/ /* -webkit-transition: all 3s;*/ /* -moz-transition: all 3s;*/ /* -ms-transition: all 3s;*/ /* -o-transition: all 3s;*/ /* transition: all 3s;*/ /*}*/ .mwx-pic-box-sec { margin-top: 7px; position: relative; z-index: 2; } .mwx-pic-box-sec .mwx-pic-box-item { width: 24.7%; transition: all 3s; overflow: hidden; } .mwx-pic-box-sec .mwx-pic-box-item img { width: 100%; display: block; height: auto; } .mwx-pic-box-sec .mwx-pic-box-item img:hover { webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s; transition: all 3s; } .cyly5-bg { width: 100%; height: auto; display: block; margin-top: -270px; } .join-box-img { position: relative; z-index: 2; width: 90%; margin: 100px auto 0; } .join-box-img img { width: 10%; height: auto; display: block; transition: all 0.3s ease 0s; } .join-box-img img:hover { webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s; transition: all 3s; } .join-box-img-bg { width: 100%; height: auto; display: block; margin-top: -403px; } .honor-img-box { margin-top: 50px; } .honor-img-box .honor-img-item { width: 26%; position: relative; } .honor-img-box .honor-img-item img { width: 100%; display: block; height: auto; } .honor-img-box .honor-img-item span { position: absolute; width: 100%; text-align: center; top: 64.5%; left: 0; color: #ffffff; font-size: 17px; } .cyly-bg { width: 100%; height: auto; display: block; margin-top: 70px; } .real-estate-wrapper .real-estate-item { width: 130px; text-align: center; padding: 15px 0; border: 1px solid transparent; transition: all 0.3s ease 0s; } .real-estate-wrapper .real-estate-item:hover { border: 1px solid #004ab6; } .real-estate-wrapper .real-estate-item .real-estate-icon { background-image: url(../images/cyly7-wy-cd1-off.png); width: 74px; height: 74px; margin: 0 auto; } .real-estate-wrapper .real-estate-item:nth-child(2) .real-estate-icon { background-image: url(../images/cyly7-wy-cd2-off.png); margin: 0 auto; } .real-estate-wrapper .real-estate-item:nth-child(3) .real-estate-icon { background-image: url(../images/cyly7-wy-cd3-off.png); margin: 0 auto; } .real-estate-wrapper .real-estate-item:nth-child(4) .real-estate-icon { background-image: url(../images/cyly7-wy-cd4-off.png); margin: 0 auto; } .real-estate-wrapper .real-estate-item-active { background: #004ab6; color: #fff; } .real-estate-wrapper .real-estate-item-active .real-estate-icon { background-image: url(../images/cyly7-wy-cd1-on.png); } .real-estate-wrapper .real-estate-item-active:nth-child(2) .real-estate-icon { background-image: url(../images/cyly7-wy-cd2-on.png); } .real-estate-wrapper .real-estate-item-active:nth-child(3) .real-estate-icon { background-image: url(../images/cyly7-wy-cd3-on.png); } .real-estate-wrapper .real-estate-item-active:nth-child(4) .real-estate-icon { background-image: url(../images/cyly7-wy-cd4-on.png); } /* .invest-enterprise-content{ padding: 40px 0 30px; } */ .type-box-industry { width: 70%; } .food-txt-2 { font-size: 14px; line-height: 35px; } .food-txt-2 span { display: inline-block; margin-left: 30px; } .mt-40 { margin-top: 40px; } .real-estate-honor-wrapper { background-image: url(../images/cyly7-wy-qy-bg.jpg); background-size: 100% 100%; padding-bottom: 40px; padding-top: 40px; } .real-estate-honor-content .honor-content-item { font-size: 24px; color: #ffffff; } .real-estate-honor-content .honor-content-item img { width: 94px; height: auto; } .honor-content-item .content-item-txt { margin-top: -10px; } .real-estate-honor-content2 { width: 66%; margin: 50px auto; } .real-estate-honor-title img { display: inline-block; width: 54px; height: auto; } .real-estate-honor-title span { font-size: 18px; color: #ffffff; display: inline-block; margin-left: 10px; } .real-estate-honor-title { padding-bottom: 50px; } .investment-project-item { align-items: flex-start; } .investment-project-item img { width: 48%; display: block; height: auto; } .investment-project-item .investment-project-item-content { width: 50%; } .investment-project-item-content h5 { color: #666666; padding: 0 0 15px 20px; font-size: 26px; position: relative; font-weight: 400; } .investment-project-box { margin-top: 40px; position: relative; z-index: 2; } .investment-project-item-content h5::before { content: ""; position: absolute; left: 0; top: 0; height: 80%; width: 2px; background: #ff7500; } .investment-project-item-content .food-txt { line-height: 32px; } .investment-project-bg { height: auto; width: 100%; display: block; margin-top: -416px; } .investment-project-bg2 { margin-top: -390px; } .hatch-wrapper { padding-top: 50px; } .hatch-wrapper .hatch-wrapper-img { width: 48%; display: block; height: auto; } .hatch-wrapper .hatch-wrapper-item { width: 50%; } .hatch-wrapper .hatch-wrapper-item h5 { color: #666666; padding: 0 20px 15px 0; font-size: 26px; position: relative; font-weight: 400; text-align: right; } .hatch-wrapper .hatch-wrapper-item h5::before { content: ""; position: absolute; right: 0; top: 0; height: 80%; width: 2px; background: #0072ff; } .project-services-wrapper .services-item { width: 49.5%; background-color: #f4f4f4; height: 516px; } .project-services-wrapper .services-item h5 { font-size: 24px; font-weight: 400; color: #666666; position: relative; padding: 20px 30px 10px; } .project-services-wrapper .services-item h5::before { content: ""; position: absolute; left: 15px; top: 32%; height: 58%; width: 2px; background: #ff7500; } .project-services-wrapper .services-item .food-txt { padding: 10px; } .project-services-wrapper .services-item img { width: 80%; display: block; height: auto; margin: 20px auto; } .project-services-wrapper { margin-top: 30px; } .project-services-wrapper .services-item p { height: 160px; } .company-name-wrapper { background-image: url(../images/serve_bg.jpg); background-size: 100% 100%; padding-bottom: 50px; padding-top: 59px; margin-top: 35px; } .company-name-wrapper-content { margin: 0 auto; color: #fff; font-size: 14px; text-align: left; width: 1200px; } .company-name-wrapper-content h5 { font-size: 16px; margin-bottom: 20px; font-weight: normal; } .company-name-wrapper-content .bf-name { display: inline-block; } .company-name-wrapper-content p { padding: 10px 0; } .p-name-txt { /* margin: 10px 0; */ } .online-service-form { width: 52%; background: #f4f4f4; } .online-service-txt { width: 48%; margin-left: 30px; } .form-content { padding: 20px; } .form-content h5 { font-size: 24px; padding: 20px 0; font-weight: 400; color: #666666; text-align: center; } .form-content label { margin-right: 30px; color: #666; font-size: 16px; margin-bottom: 20px; display: inline-block; } .input-box-item { padding: 30px 0 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .input-box-item .input-item { height: 38px; background: #ffffff; border-radius: 19px; line-height: 38px; width: 100%; margin-bottom: 20px; } .input-box-item .input-item span { margin-left: 15px; } .input-box-item .input-item input { width: 80%; margin-left: 20px; border: none; } .input-box-item2 { background: #ffffff; border-radius: 19px; padding: 10px 10px 10px 15px; margin-top: 30px; } .input-box-item2 p { /* padding-left: 15px; */ } .input-box-item2 textarea { width: 100%; height: 75px; border: none; margin-top: 10px; text-align: left; overflow: hidden; resize: none; } .submit-btn { width: 189px; height: 37px; line-height: 37px; background: #ff7500; border-radius: 18px; color: #fff; margin: 40px auto; border: none; display: block; } .online-service-wrapper { margin-top: 30px; position: relative; z-index: 2; } .online-service-bg-box { background-image: url(../images/cyly7-zxfw-bg.jpg); background-size: 100% 100%; height: 950px; margin-top: 214px; } .online-service-wrapper2 { position: relative; z-index: 2; top: -176px; } .pop-box { position: fixed; width: 100%; height: 100%; left: 0; z-index: 9999; top: 0; display: none; overflow: hidden; overflow: auto; } .pop-box .pop-bg { background-color: rgba(0, 0, 0, 0.4); left: 0; top: 0; width: 100%; height: 100%; position: fixed; overflow: hidden; } .pop-box-content .gb-icon { width: 48px; height: auto; display: block; margin: 50px auto; cursor: pointer; } .pop-box-content { position: relative; z-index: 3; } .pop-box-content .hint-pic { width: 1104px; height: 1500px; display: block; margin: 20px auto; } /* 投资者关系 */ .investor-relation-wrapper { background-image: url(../images/tzzgx-topbg.jpg); background-size: 100% 100%; padding-bottom: 20px; padding-top: 73px; } .investor-relation-table { position: relative; font-size: 16px; color: #333333; } .investor-relation-table-bg { /*background: #F8F8F8;*/ /* border: 1px solid #F4F4F4; */ opacity: 0.8; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .investor-relation-table-content { position: relative; z-index: 2; padding: 20px; } .investor-relation-table-content h5 { font-size: 16px; color: #333333; } .investor-relation-table-content .table-item { padding: 20px 0; border-bottom: 1px solid #e6f2ff; } .investor-relation-table-content .table-item span { display: inline-block; margin-left: 25px; } .investor-relation-table-content .table-item .table-item-rt { width: 29%; } .investor-relation-table-content .table-item .table-item-lf { width: 64%; } .table-item-bg { width: 100%; height: auto; display: block; margin-top: -207px; } .coy-govern-wrapper .coy-govern-lf, .coy-govern-rt { width: 48%; overflow: hidden; } .coy-govern-wrapper .coy-govern-name { position: relative; } .coy-govern-wrapper .coy-govern-name img { width: 100%; height: 42px; display: block; margin-bottom: 10px; } .coy-govern-wrapper .coy-govern-item { background: #ffffff; border: 1px solid #f4f4f4; margin-bottom: 20px; } .coy-govern-wrapper .coy-govern-item { padding: 10px 0; } .coy-govern-wrapper .coy-govern-item p { text-indent: 2em; line-height: 30px; color: #666666; font-size: 14px; padding: 0 10px; } .coy-govern-wrapper .coy-govern-name span { position: absolute; display: block; left: 10px; top: 0; height: 42px; width: 100%; font-size: 22px; line-height: 42px; color: #fff; font-weight: bold; } .coy-govern-bg-bottom { display: block; width: 100%; height: auto; margin-top: -275px; } .coy-govern-wrapper { position: relative; z-index: 2; } .stock-structure-box { position: relative; background-image: url(../images/tzzgx-gbjg-bg.jpg); background-size: 100% 100%; padding-bottom: 50px; padding-top: 70px; } .stock-structure-box .stock-structure-bg { width: 100%; height: auto; display: block; } .stock-structure-box .stock-structure-bg2 { width: 1197px; height: auto; display: block; margin: 0 auto; } .investor-txt-box2 { width: 55%; } .investor-txt-box2 p { text-align: left; text-indent: 2em; line-height: 30px; } .investor-img-bg { width: 100%; height: auto; display: block; margin-top: -200px; } .abstract-img-bg { margin-top: -260px; } .notice-wrapper-list { display: flex; flex-wrap: wrap; margin-left: -10px; } .notice-wrapper-list .notice-item { width: 50%; } .notice-item .notice-item-sec::after { content: ""; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background-color: #0072ff; } .notice-wrapper-list .notice-item .notice-item-sec { padding: 10px 10px; border: 1px solid #eeeeee; margin: 10px; position: relative; } .notice-wrapper-list .notice-item:hover .notice-item-sec { border: 1px solid #0072ff; } .notice-wrapper-list .notice-item .notice-item-title { width: 90%; } .notice-wrapper-list .notice-item .notice-date { color: #cccccc; width: 15%; } .notice-wrapper-list .notice-item .notice-date b { font-size: 18px; } .more-btn { width: 379px; height: 36px; line-height: 36px; text-align: center; color: #666; font-size: 16px; background: #ffffff; border: 1px solid #dddddd; border-radius: 18px; margin: 50px auto 40px; display: block; } /* 投资者关系活动 */ .relation-from-content { width: 50%; background: #f4f4f4; height: 955px; overflow-y: auto; } /*修改滚动条样式*/ .relation-from-content::-webkit-scrollbar { width: 5px; height: 5px; /**/ } .relation-from-content::-webkit-scrollbar-track { background: #ffffffe6; } .relation-from-content::-webkit-scrollbar-thumb { background: rgb(175 175 175 / 50%); border-radius: 5px; } .relation-from-content .relation-from { padding: 20px; } .relation-from .input-box-item { border-top: none; } .shareholder-box { padding-bottom: 15px; } .shareholder-box label { margin-left: 10px; margin-right: 20px; } .shareholder-box span { display: inline-block; width: 150px; padding-left: 15px; } .visit-box { background: #ffffff; border-radius: 19px; padding: 0 10px 0 15px; overflow: hidden; margin-bottom: 20px; position: relative; display: flex; justify-content: space-between; align-items: center; } .del-btn { color: red; text-decoration: underline; cursor: pointer; display: block; z-index: 77; } .visit-box:nth-child(1) .del-btn { opacity: 0; } .visit-box input { border: none; height: 38px; background: none; width: 30%; } .visit-box input::after { content: ""; height: 30px; width: 2px; background-color: #ccc; position: absolute; right: 0; top: 5px; } .add-btn { color: #004ab6; text-decoration: underline; cursor: pointer; } .tzzgx-tzzgxhd-bg { width: 100%; display: block; margin-top: -700px; height: auto; } #visitTime { width: 70%; } /* 投资者论坛 */ #iframe-wrap { height: 100%; overflow: visible; position: relative; top: 1px; z-index: 1; } /*联系我们弹框*/ .contact-wrapper { position: absolute; width: 440px; /*height: 175px;*/ top: 35px; right: 17%; z-index: 199; display: none; color: #ffffff; background: rgba(0, 0, 0, 0.8); border-radius: 10px; font-size: 12px; } .contact-btn:hover { color: #ff7500; } .contact-wrapper .contact-content { padding: 30px; } .contact-wrapper .contact-content img { width: 55px; display: inline-block; height: auto; margin-right: 35px; } .contact-wrapper .contact-content .contact-content-item:nth-child(1) { padding-bottom: 10px; border-bottom: 1px solid #464646; margin-bottom: 10px; } .contact-wrapper .contact-item-box p { line-height: 30px; } /* 内部办公室登录star */ .top-box { position: relative; } .login-wrapper { position: absolute; width: 300px; height: 175px; top: 35px; right: 31%; z-index: 199; display: none; } .login-wrapper-bg { position: fixed; top: 0px; width: 100%; height: 100%; left: 0; opacity: 0.3; z-index: 199; display: none; } .login-wrapper-supplier { right: 25.5%; } .triangle-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #00000085; position: absolute; top: -10px; right: 50%; z-index: 200; margin-right: -5px; } .login-wrapper .login-bg { width: 300px; position: absolute; top: 0; right: 0; height: 175px; background: #000000; opacity: 0.6; border-radius: 10px; } .login-wrapper .login-content { position: relative; z-index: 2; } .login-content .login-item { width: 270px; height: 34px; background-color: #211f1f; border-radius: 5px; position: relative; margin: 20px auto; } .login-content .login-item img { width: 18px; height: auto; display: inline-block; margin-left: 10px; } .login-content .login-item input { border: none; width: 80%; line-height: 34px; height: 34px; padding-left: 10px; background: #211f1f; color: #fff; } .login-content .login-submit { width: 270px; height: 34px; background: #ff8218; border-radius: 5px; margin: 20px auto; display: block; border: none; color: #fff; text-align: center; } .platform-bg { width: 100%; height: 100%; display: block; position: fixed; left: 0; top: 0; } .platform-content { width: 762px; height: 477px; /*background: #003774d6;*/ border-radius: 30px; position: fixed; left: 50%; margin-left: -381px; top: 25%; z-index: 2; } .platform-content .platform-content-list { margin: 150px auto 0; } .platform-content .platform-content-list .platform-content-item { width: 216px; height: 216px; background: linear-gradient(0deg, #015eea 0%, #00c0fa 100%); border-radius: 20px; } .platform-content .platform-content-list img { width: 102px; height: auto; display: block; margin: 45px auto 5px; } .platform-content .platform-content-list .platform-content-item a { display: block; color: #fff; text-align: center; font-size: 16px; } .platform-content-item-sec { width: 70%; margin: 50px auto 0; } /*内部登录*/ .office-list { position: fixed; width: 1127px; left: 50%; margin-left: -563px; margin-top: 180px; z-index: 2; } .office-list .office-list-item { background-image: url(../images/yw_bg.png); background-size: 100% 100%; height: 160px; margin-bottom: 50px; } .office-list .office-list-item .office-item-name { position: relative; } .office-list .office-list-item .office-item-name { position: relative; } .office-list .office-list-item .office-item-name-img { width: 165px; height: auto; display: block; } .office-list-item .office-item-name .office-item-name-txt { position: absolute; bottom: 20px; color: #ffffff; left: 0; width: 100%; text-align: center; } .office-list-item .office-item { color: #ffffff; text-align: center; width: 16%; } .office-list-item .office-item img { width: 80px; height: auto; display: block; margin: 0 auto 5px; } .office-item-box { width: 950px; display: flex; flex-wrap: nowrap; } .office-list-sec .office-list-item .office-item { font-size: 12px; } .btn-home-box { /*width: 60%;*/ margin-top: 120px; } .btn-home-box .btn-home { width: 225px; height: 47px; line-height: 47px; color: #ffffff; background: rgba(24, 63, 163, 1); border-radius: 24px; font-size: 24px; } .btn-home-box .btn-home:nth-child(1) { margin-right: 30px; } .btn-home-box .btn-home img { width: 29px; height: auto; display: inline-block; margin-right: 30px; } /* 新增登录界面样式 */ .platform-wrpper .hint-txt { color: #fff; text-align: center; } .platform-wrpper .login-submit { height: 48px; line-height: 48px; width: 300px; } .platform-wrpper .login-submit:hover { background: #ff8218 !important; } .platform-wrpper .login-content .login-item { width: 298px; height: 50px; background-color: #211f1f; border-radius: 5px; position: relative; margin: 20px auto; } .platform-wrpper .login-content .login-item input { border: none; width: 80%; line-height: 49px; padding-left: 10px; background: #211f1f; color: #fff; } .platform-content-list-sec { margin: 130px auto 0; } /* 内部办公室登录end */ /* 走进中距 */ .sec-top-nav { background-image: url(../images/index-bg.jpg); background-size: 100% 100%; height: 318px; color: #ffffff; } .sec-top-nav-title { padding-top: 124px; text-align: center; font-size: 30px; } .sec-nav-box { width: 46%; margin: 45px auto 0; } .sec-nav-box .nav-item-box { cursor: pointer; width: 96px; height: 33px; line-height: 33px; font-size: 18px; display: block; color: #ffffff; } .sec-nav-box .nav-item-box.select { text-align: center; background: #0072ff; font-weight: bold; } .sec-top-nav-title .english-txt { font-size: 18px; margin-top: 10px; } /* 集团介绍 */ .group-profile-wrapper { /* margin-top: 280px; */ } .introduce-txt-box img { width: 580px; height: 474px; display: block; margin-right: 20px; } .introduce-txt { width: 619px; } .introduce-txt-box .introduce-txt p { color: #666666; text-indent: 2em; line-height: 46px; } .honor-list { display: flex; flex-wrap: wrap; padding-bottom: 40px; } .honor-list a { width: 50%; } .honor-list a:hover .honor-item { border: 1px solid #004ab6; } .honor-list a .honor-item { padding: 20px 10px; border: 1px solid #eeeeee; margin: 10px; } .honor-list a .honor-item .honor-lf .date { color: #333333; font-size: 18px; font-weight: bold; } .honor-list a .honor-item .honor-lf span { color: #eeeeee; display: inline-block; margin: 0 10px 0 5px; font-size: 18px; } /* 新企业荣誉star */ .new-honor-wrapper{ position: relative;padding-bottom: 50px; } .new-honor-wrapper .new-honor-wrapper-content{ /* position: absolute;left: 0;width: 100%;bottom: 100px; */ } .new-honor-wrapper .honor-des-box-lf{ width: 50%; } .honor-des-box-lf .new-honor-lf-box{ height:470px;width: 100%; overflow: auto; padding-right: 10px; } #new-honor-lf-box::-webkit-scrollbar {/*滚动条整体样式*/ width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } #new-honor-lf-box::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 8px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #ccc; } #new-honor-lf-box::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 8px; background: #f4f4f4; } .honor-des-box-lf .new-honor-lf-box .date-2019 .item-box{ padding: 10px 0; } .honor-des-box-lf .new-honor-lf-box .date-2019 h4{ color: #333333; font-size: 18px; font-weight: bold;margin-bottom: 5px; } .new-honor-wrapper .honor-des-box-rt .honor-des-box-rt-content{ margin-left: 10px; } .new-honor-wrapper .honor-des-box-rt .honor-des-box-rt-content .honor-des-box-rt-list{ display: flex;flex-direction: row;flex-wrap: wrap; } .new-honor-wrapper .honor-des-box-rt .honor-des-box-rt-content .date-boxs{ width: 25%;margin-bottom: 30px;text-align: center; } .new-honor-wrapper .honor-des-box-rt .honor-des-box-rt-content .date-boxs a{ font-size: 18px;color: #999; } .new-honor-wrapper .honor-des-box-rt .honor-des-box-rt-content .date-boxs .active-txt{ font-size: 18px;font-weight: bold;color: #004ab6; } .zjzj-honor-bg8{ width: 85%;height: auto;display: block;margin-left: 50px;margin-top: 95px; } .new-honor-wrapper .honer-date {display:none;} #new-honor-lf-box ol.active {display: block;} /* 新企业荣誉end */ /* 发展轨迹 */ .development-track-wrapper { background-image: url(../images/development_bg.jpg); /*background-size: 100% 100%;*/ /*padding-bottom: 50px;*/ /*padding-top: 60px;*/ /*margin-top: -700px;*/ position: relative; height: 738px; } .data-content .date-box-txt { } html { scroll-padding-top: 100px; } /*#date-2021:target {*/ /* padding-top: 120px;*/ /* margin-top: -120px;*/ /*}*/ /*#date-2020:target {*/ /* padding-top: 120px;*/ /* margin-top: -120px;*/ /*}*/ /*#date-2019:target {*/ /* padding-top: 120px;*/ /* margin-top: -120px;*/ /*}*/ /*#date-2018:target {*/ /* padding-top: 120px;*/ /* margin-top: -120px;*/ /*}*/ /*#date-2017:target {*/ /* padding-top: 120px;*/ /* margin-top: -120px;*/ /*}*/ .development-track-wrapper .development-title { color: #fff; font-size: 16px; padding-bottom: 30px; /* text-transform: Uppercase; */ } .placeholder { height: 30px; } .development-track-wrapper .development-title span { font-size: 30px; font-weight: 400; } .track-wrapper { color: #ffffff; } .hd-box .hd { position: relative; } .date-nav-wrapper { height: 500px; overflow-y: auto; position: relative; padding-right: 10px; scrollbar-width: thin; scrollbar-color: #208cf8; } .hd-box .hd .date-nav-box { position: relative; z-index: 1; } .hd-box .hd .date-nav-wrapper::-webkit-scrollbar { width: 5px; height: 5px; /**/ } .hd-box .hd .line-s { position: absolute; left: 12px; top: 78px; display: block; height: 396px; background: #fff; width: 1px; } .date-nav-box li { margin: 40px 0; color: #8ae5ff; align-items: flex-start; } .date-nav-box li:first-child { } .date-nav-box li .border-box .border-fist { width: 24px; height: 24px; background: #8ae5ff; opacity: 0.34; border-radius: 50%; position: relative; } .date-nav-box li .border-box { position: relative; width: 24px; height: 24px; display: inline-block; margin-right: 10px; } .date-nav-box li .border-box .border-sec { position: absolute; width: 12px; height: 12px; background: #8ae5ff; border-radius: 50%; left: 7px; /* margin-left: -6px; */ top: 50%; margin-top: -6px; display: block; } .hd ul li .border-box .border-sec.on { background: #ffffff; } .hd ul li .border-box .border-fist.on { background: #ffffff; } .hd ul li .year-btn { width: 80px; text-align: center; height: 26px; line-height: 26px; cursor: pointer; color: #8ae5ff; } .hd ul li .year-btn.on { background: #ffffff; border-radius: 13px; color: #004ab6; } .data-content { width: 1055px; height: 548px; background: rgba(0, 0, 0, 0.3); border-radius: 10px; overflow-y: auto; } .data-content .date-box-txt { border-bottom: 1px solid #4382b4; margin: 10px 20px; padding-bottom: 10px; } .data-content .date-box-txt .item-box { padding: 10px 0; } .data-content .item-box h4 { font-size: 24px; } .data-content .item-box p { } .bd dd { display: none; } .hd-box .prev, .next { width: 25px; display: block; padding-left: 20px; } .hd-box .hd-arrow { width: 25px; height: auto; display: block; } .data-content { scrollbar-width: thin; scrollbar-color: #208cf8; } .data-content::-webkit-scrollbar { width: 5px; height: 5px; /**/ } .data-content::-webkit-scrollbar-track { background: #208cf8; } .data-content::-webkit-scrollbar-thumb { background: #1979d9; border-radius: 5px; } /* 企业文化 */ .Culture-wrapper { background-image: url(../images/development_bg.jpg); background-size: 100% 100%; padding-bottom: 50px; padding-top: 60px; } .Culture-wrapper .culture-box-list .mission-item { text-align: center; margin-bottom: 70px; } .culture-box-list .mission-item .mission { font-weight: bold; color: #000765; line-height: 24px; text-transform: uppercase; letter-spacing: 24px; } .culture-box-list .mission-item .bloc-name { font-size: 36px; font-weight: 400; color: #000765; line-height: 66px; } .bloc-name-txt { font-size: 20px; font-weight: 500; color: #000765; } .Culture-wrapper .culture-box-list .mission-item-three .bloc-name-txt { padding-bottom: 20px; } /* 塞班岛sbd999 */ .science-top-box { } .intro-box { width: 378px; height: 73px; line-height: 73px; color: #ffffff; background: #0072ff; border-radius: 0px 100px 100px 0px; font-size: 24px; margin-bottom: 45px; position: relative; } .intro-box::after { content: ""; position: absolute; left: 0; bottom: -28px; width: 0; height: 0; border-top: 28px solid #0072ff; border-right: 18px solid transparent; } .intro-box .intro-icon { width: 24px; height: 24px; border-radius: 24px; background: #ffffff; margin-left: 34px; margin-right: 10px; } .doctor-word-box-img { width: 100%; height: auto; display: block; } .doctor-word-wrapper { background-image: url(../images/scientific_sec_img2.png); background-size: 100% 100%; width: 100%; } .doctor-word-wrapper-content { height: 713px; position: relative; } .doctor-word-wrapper-content .qiye-img { width: 154px; height: auto; position: absolute; top: 142px; left: 102px; transition: all 0.36s ease; } .doctor-word-wrapper-content .cx-img { right: 103px; top: 149px; width: 154px; height: auto; position: absolute; transition: all 0.36s ease; } .doctor-word-wrapper-content .cx-img:hover { transform: scale(1.1); } .zs-icon { width: 154px; height: auto; position: absolute; top: 354px; left: 237px; transition: all 0.36s ease; } .zs-icon:hover { transform: scale(1.1); } .hy-icon { width: 154px; height: auto; position: absolute; top: 442px; left: 518px; transition: all 0.36s ease; } .hy-icon:hover { transform: scale(1.1); } .cxy-icon { width: 154px; height: auto; position: absolute; top: 355px; right: 272px; transition: all 0.36s ease; } .cxy-icon:hover { transform: scale(1.1); } .kj-img-six { width: 460px; height: auto; position: absolute; top: 52px; left: 369px; transition: all 0.36s ease; } .kj-img-six:hover { transform: scale(1.1); } .doctor-word-wrapper-content .qiye-img:hover { transform: scale(1.1); } .science-top-box .science-top-box-nav { float: right; display: block; } .science-top-box-nav a { width: 125px; height: 40px; line-height: 40px; display: inline-block; text-align: center; } .science-top-box-nav a.active { background: #343434; color: #ffffff; } .doctor-item-des { width: 48%; padding-bottom: 50px; } .doctor-item-des .small-title { padding: 0 20px; display: inline-block; height: 30px; line-height: 30px; background: #d7e9ff; margin-bottom: 10px; border-radius: 15px; } .doctor-item-des p { color: #666666; line-height: 36px; text-indent: 2em; } .doctor-title-box { margin-top: -128px; margin-bottom: 30px; } .doctor-title-box .doctor-box { width: 150px; height: 150px; background: #0072ff; opacity: 0.5; } .doctor-title-box .doctor-title-box-content { color: #ffffff; font-size: 18px; margin-left: -123px; position: relative; } .doctor-title-box .doctor-title { font-size: 30px; font-weight: 600; } /* 校企合作 */ .honor-enterprise-wrapper { background-image: url(../images/honor_bg.jpg); background-size: 100% 100%; padding-bottom: 40px; color: #ffffff; } .honor-enterprise-title { padding-top: 52px; } .honor-enterprise-title p { padding-bottom: 5px; font-size: 30px; } .honor-enterprise-list-box { width: 1198px; height: 650px; margin-top: 30px; background: rgba(0, 35, 75, 0.8); overflow-y: auto; } .honor-enterprise-list-box::-webkit-scrollbar { width: 4px; } .honor-enterprise-list-box::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.2); } .honor-enterprise-list-box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4); border-radius: 0; background: rgba(0, 0, 0, 0.1); } .honor-enterprise-list-box .list-item { padding: 10px 20px; } .honor-enterprise-list-box .list-item:nth-child(odd) { background: rgba(0, 26, 56, 1); } .honor-enterprise-list-box .list-item:nth-child(even) { padding: 13px 20px; } .honor-enterprise-list-box .list-item .item-dete { font-size: 24px; width: 96px; } .honor-enterprise-list-box .list-item .item-txt { width: 1000px; } /*人力资源*/ .doctor-item-des-sec p { text-indent: 0em; } .doctor-item-des-sec p span { font-size: 21px; display: inline-block; margin-right: 5px; } /*厨邦制造*/ .cb-manufacture-wrapper { background-image: url(../images/zjzj5-cips-bg2.jpg); background-size: 100% 100%; padding-bottom: 45px; padding-top: 60px; } .cb-manufacture-item { width: 22%; color: #fff; text-align: center; transition: all 500ms ease; cursor: pointer; } .cb-manufacture-item img { width: 120px; height: auto; display: block; margin: 10px auto 25px; transition: all 500ms ease; } .cb-manufacture-item:hover img { transform: scale(1.1); } .manufacture-item-content { height: 455px; position: relative; } .manufacture-item-content .item-content-bg { background: #000000; opacity: 0.2; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .cb-manufacture-item .item-content-txt { text-align: center; padding: 20px; position: relative; } .manufacture-item-content::after { content: ""; display: block; height: 2px; width: 0; background: #0864e8; position: absolute; right: 0; bottom: 0; transition: all 0.36s ease; } .cb-manufacture-item:hover .manufacture-item-content::after { width: 100%; left: 0; } .cb-manufacture-item .item-content-txt h5 { font-size: 24px; padding-bottom: 15px; } .cb-manufacture-item .item-content-txt p { line-height: 28px; } /*社会责任*/ .social-list { } .social-list .social-item { width: 49%; } .social-item .social-item-img { width: 281px; transition: all 0.36s ease; height: auto; position: relative; z-index: 8; } .social-item .social-item-img:hover { transform: scale(1.1); } .decorate-img { width: 100%; margin-top: -60px; height: auto; display: block; } .download-btn { width: 267px; height: 47px; line-height: 47px; border: 1px solid rgba(204, 204, 204, 0.4); border-radius: 24px; font-size: 16px; margin-bottom: 30px; cursor: pointer; } .download-btn img { display: inline-block; margin-right: 10px; width: 30px; height: auto; } .doctor-workstation-wrapper { position: relative; } .dian-icon-box { text-align: right; margin-bottom: -74px; } .dian_icon { height: auto; display: inline-block; width: 868px; } /* 走进中距end */ /*新闻媒体*/ #news-top-nav-bg { background-image: url(../images/zjzj-topbg.jpg); } .search-box { padding: 10px 0; background: #dddddd; } .search-input-box { background: #e9e7e7; float: right; position: relative; } .search-input-box input { width: 420px; height: 36px; background: #e9e7e7; border: none; padding-left: 10px; } .search-input-box img { width: 26px; height: auto; position: absolute; right: 7px; top: 8px; } /*新闻媒体end*/ /*产业领域*/ .hr-box-pl { padding-left: 70px; } #industry-food-bg { background-image: url(../images/zjzj-topbg-layout.jpg); } .layout-investment-title-bg { width: 100%; height: auto; display: block; margin-top: 67px; } .layout-investment-title-box { margin-top: -119px; } .layout-investment-title-box .layout-investment-title-content { font-size: 30px; font-weight: bold; color: #004ab6; position: relative; margin-left: -122px; } .layout-investment-title-box .layout-investment-title-k { width: 150px; height: 150px; background: #c4c4c4; opacity: 0.5; } .layout-investment-title-box .layout-investment-title-txt { font-size: 18px; font-weight: normal; } .healthy-food-box { position: relative; margin-top: 50px; margin-bottom: 50px; } .healthy_food_bg { width: 100%; height: auto; display: block; } .news-media-item-content .healthy-food-box-content { position: absolute; width: 390px; color: #666666; top: 0; left: 55px; } .news-media-item-content .healthy-food-box-content p { line-height: 47px; text-indent: 2em; letter-spacing: 2px; } .news-media-item-content .healthy-food-box-content p:nth-child(1) { margin-bottom: 50px; margin-top: 30px; } .urban-development-wrapper .urban-development-item { width: 47%; margin-top: 60px; } .urban-development-wrapper .urban-development-item p { color: #666666; line-height: 36px; text-indent: 2em; } .urban-development-wrapper .bottom-box-txt p { color: #666666; line-height: 36px; text-indent: 2em; } .cb-j-y-box { position: relative; margin-top: 50px; } .cb-j-y-box .jy-img-big { width: 100%; height: auto; display: block; } .cb-j-y-box-content { position: absolute; left: 0; top: 0; width: 100%; } .cb-j-y-box-content .cb-j-y-box-content-sec { width: 1200px; background: rgba(27, 76, 133, 0.7); margin: 0 auto; color: #ffffff; } .cb-j-y-box-content .cb-j-y-box-content-sec .jy-title-img { width: 514px; height: auto; display: block; padding: 43px 24px 33px; } .auto_parts_img { width: 100%; height: auto; display: block; margin-top: 40px; } .cb-j-y-box-content-txt .cb-j-y-box-content-txt-div { width: 85%; } .cb-j-y-box-content-txt .cb-j-y-box-content-txt-div p { padding: 0 24px; line-height: 36px; } .go-des-coy-box .go-des-coy { border: 1px solid #ffffff; border-radius: 12px; padding: 10px 20px; color: #ffffff; } .go-des-coy-box { padding-left: 24px; margin-top: 50px; } .go-des-coy-box .go-des-coy img { width: 13px; height: auto; display: inline-block; margin-left: 20px; } /*产业领域end*/ /*塞班岛线路检测中心*/ .Jonjee-estate-management-box .management-txt { width: 48%; margin-top: 50px; } .Jonjee-estate-management-box .management-txt p { color: #666666; line-height: 36px; } .honer-box { margin-top: 20px; } .honer-item-box { display: flex; flex-wrap: wrap; } .honer-item-box .honer-item { width: 50%; line-height: 36px; } .jonjee-box-img-bg { width: 100%; height: auto; display: block; margin-top: 40px; } .project-serve-box { margin-top: 50px; } .project-serve-box .project-serve-item .intro-box { background: #e1e1e1; color: #666666; } .project-serve-box .project-serve-item .intro-box::after { content: ""; position: absolute; left: 0; bottom: -28px; width: 0; height: 0; border-top: 28px solid #e1e1e1; border-right: 18px solid transparent; } .project-serve-box .project-serve-item { width: 48%; } .project-serve-box .project-serve-item p { text-indent: 2em; line-height: 36px; } .cyly8-zjzg-bg { width: 100%; height: auto; display: block; margin-top: 50px; } /*塞班岛线路检测中心end*/ /*投资者关系*/ .investor-protection-content { color: #666666; margin-top: 30px; line-height: 36px; } .investor-protection-content p { text-indent: 2em; } .investor-protection-content span { font-size: 28px; } /*投资者关系end*/ /*分辨率高于1440,采用下面的样式*/ @media screen and (min-device-width: 1920px) { .industry-box-img-rt .industry-des { top: 25%; } .news-box { margin-top: -65px; } } /*分辨率高于1600,采用下面的样式*/ @media screen and (max-device-width: 1600px) { .shop-qrcode-box-dd { position: absolute; z-index: 999; top: 60px; right: 275px; display: none; } #wx-xiaocx { right: 190px; display: none; } .placeholder { height: 70px; } /* .first-news-list-box .first-news-list-ul .first-news-list-ul-li{ padding-bottom: 17px; } */ /* .first-news-list-box .first-news-list-ul .news-item-title { margin-bottom: 4px; } */ /* .first-news-list-ul .first-news-list-ul-li a { display: block; margin-bottom: 17px; } */ /* .relations-list-sec-item .first-news-list-ul a { color: #fff; margin-bottom: 40px; display: block; } */ .city-houses-box { margin-top: -310px; } .high-tech-box-bg { margin-top: -181px; } .auto-spare-parts { margin-top: -136px; } .cyly5-bg { margin-top: -285px; } .join-box-img-bg { margin-top: -337px; } .investment-project-bg { margin-top: -390px; } .investment-project-item-content .food-txt { line-height: 27px; } .investment-project-bg2 { margin-top: -392px; } .project-services-wrapper .services-item p { height: 208px; } .company-name-wrapper-content { width: 1200px; } .online-service-bg-box { padding-bottom: 0px; padding-top: 0px; margin-top: 200px; } .input-box-item2 textarea { height: 80px; } .online-service-wrapper2 { top: -172px; } .submit-btn { margin: 20px auto; } .form-content h5 { padding: 10px 0; } .online-service-txt .food-txt { line-height: 26px; } .type-box-industry { width: 80%; } /* 内部登录弹框 */ .login-wrapper { right: 27%; } .login-wrapper-supplier { right: 20.2%; } .platform-content { top: 20%; } .contact-wrapper { right: 10.5%; } /*内部办公室入口*/ .office-list { margin-top: 100px; } .dian_icon { height: auto; display: inline-block; width: 750px; } } /*分辨率高于1440,采用下面的样式*/ @media screen and (max-device-width: 1440px) { .shop-qrcode-box-dd { position: absolute; z-index: 999; top: 65px; right: 190px; display: none; } #wx-xiaocx { right: 103px; display: none; } .column-stage { height: 560px; } /* .first-news-list-box .first-news-list-ul .first-news-list-ul-li{ padding-bottom: 0; } .first-news-list-box .first-news-list-ul .news-item-title { margin-bottom: 4px; } */ .city-houses-box { margin-top: -270px; } .high-tech-box-bg { margin-top: -160px; } .auto-spare-parts { margin-top: -152px; } .cyly5-bg { margin-top: -285px; } .join-box-img-bg { margin-top: -307px; } .honor-img-box .honor-img-item span { top: 63.5%; font-size: 15px; } .investment-project-bg { /* margin-top: -375px; */ } .investment-project-item-content .food-txt { line-height: 25px; font-size: 13px; } .investment-project-bg2 { /* margin-top: -324px; */ } .company-name-wrapper-content { /*width: 37%;*/ } .input-box-item .input-item input { width: 65%; margin-left: 20px; border: none; } .tzzgx-tzzgxhd-bg { margin-top: -618px; } .contact-wrapper { right: 6%; } /* 内部登录弹框 */ .login-wrapper { right: 24.5%; } .login-wrapper-supplier { right: 17.5%; } .dian_icon { height: auto; display: inline-block; width: 633px; } } /*分辨率低于1336,采用下面的样式*/ @media screen and (max-device-width: 1366px) { .shop-qrcode-box-dd { right: 155px; display: none; } #wx-xiaocx { right: 68px; display: none; } } /*分辨率低于1336,采用下面的样式*/ @media screen and (max-device-width: 1336px) { /*.development-track-wrapper {*/ /* height: 672px;*/ /*}*/ .join-box-img-bg { margin-top: -281px; } .investment-project-bg2 { margin-top: -303px; } .investment-project-item-content .food-txt { line-height: 24px; font-size: 12px; } .investment-project-bg { margin-top: -362px; } .investment-project-bg2 { margin-top: -294px; } .project-services-wrapper .services-item p { height: 208px; line-height: 27px; } .company-name-wrapper-content { /*width: 37%;*/ } .input-box-item { padding: 20px 0 10px; } .relation-from-content .relation-from { padding: 10px; } .relation-from-content { height: 800px; } .relation-from-content { height: 774px; } .tzzgx-tzzgxhd-bg { margin-top: -577px; } .input-box-item2 { margin-top: 10px; } .contact-wrapper { right: 3%; } } /*分辨率低于1366px,采用下面的样式*/ @media screen and (max-device-width: 1366px) { /* 内部登录弹框 */ .login-wrapper { right: 23%; } .login-wrapper-supplier { right: 15.5%; } .contact-wrapper { right: 3.5%; } } /*.development-track-wrapper {*/ /* height: 677px;*/ /*}*/ /*分辨率低于1280,采用下面的样式*/ @media screen and (max-device-width: 1280px) { .contact-wrapper { right: 3%; } .shop-qrcode-box-dd { right: 101px; display: none; } #wx-xiaocx { right: 12px; display: none; } /* .first-news-list-box .first-news-list-ul .first-news-list-ul-li{ padding-bottom: 0; } .first-news-list-box .first-news-list-ul .news-item-title { margin-bottom: 4px; } */ /* 头部导航 */ .header .h_right .nav li a { color: #fff; font-size: 14px; display: inline-block; } /* 导航end */ .city-houses-box { margin-top: -249px; } .high-tech-box-bg { margin-top: -144px; } .join-box-img-bg { margin-top: -270px; } .honor-img-box .honor-img-item span { top: 62.5%; font-size: 14px; } .investment-project-bg { margin-top: -417px; height: 507px; } .investment-project-bg2 { margin-top: -390px; } .investment-project-item-content .food-txt { line-height: 35px; font-size: 12px; } .company-name-wrapper-content { /*width: 40%;*/ } /* 内部登录弹框 */ .login-wrapper { right: 21.5%; } .login-wrapper-supplier { right: 13.5%; } } /* 塞班岛sbd999列表新闻更多 */ .nav-item-wrapper .more { text-align: right; margin-bottom: 10px; padding-right: 20px; font-size: 12px; color: #999; display: block; }