.rczl{ display: block; } .rczl.mt{ display: none; } .header{ position: fixed; top: 0; right: 0; height: 100%; width: 60px; box-shadow: -8px 0 8px -1px rgba(0,0,0,.05); box-sizing: border-box; z-index: 19; } .header-inner{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #fff; z-index: 11; height: 100%; padding-top: 10px; } .header-inner a { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 50px; } .menu-btn .line-wrapper { position: relative; width: 20px; height: 15px; } .menu-btn .line { position: absolute; height: 1px; width: 100%; background: #f36d2c; right: 0; top: 0; } .menu-btn .line:nth-child(1) { -webkit-transition: width 1.5s; transition: width 1.5s; } .menu-btn .line:nth-child(2) { top: 7px; width: 15px; } .menu-btn .line:nth-child(3) { top: 14px; width: 15px; } .header-inner .search img { width: 28px; transform: scale(.9); } .header-inner .inquiry img { width: 28px; transform: scale(.9); } .header-inner .logo { position: absolute; top: 50%; margin: -25px 0 0; height: auto; width: 100%; z-index:1; } .header-inner .logo img { width: 30px; } .header-inner .to-top { position: absolute; bottom: 30px; width: 100%; } .header-inner .to-top a { position: relative; height: 30px; } .header-inner .to-top a:before { content: ''; display: block; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; border-left: 1px solid #f36d2c; } .header-inner .to-top .arrow { position: absolute; width: 15px; bottom: 0; left: 50%; margin-left: -7px; -webkit-transition: all .6s; transition: all .6s; } .header-inner .to-top .arrow::after, .header-inner .to-top .arrow::before { position: absolute; content: ''; width: 50%; height: 1px; background: #f36d2c; -webkit-transition: all .6s; transition: all .6s; } .header-inner .to-top .arrow::before { left: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .header-inner .to-top .arrow::after { right: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .main{ position: relative; } .index-logo{ position: absolute; top:46px; left:56px; width:206px; height:39px; z-index:1; } .index-logo img{ max-width: 100%; max-height: 100%; } .kx-icon{ content: ''; position: absolute; top: 50%; left: 50%; transform:translate3d(-50%,-50%,0); } .kx-icon.icon-nav-1{ width: 91px; height: 67px; background-image:url(../images/icon-nav-1.png); background-size:100%; background-repeat: no-repeat; transform:translate3d(-50%,-50%,0) scale(.7); } .kx-icon.icon-nav-2{ width: 70px; height: 70px; background-image:url(../images/icon-nav-2.png); background-size:100%; background-repeat: no-repeat; transform:translate3d(-50%,-50%,0) scale(.7); } .kx-icon.icon-nav-3{ width: 78px; height: 67px; background-image:url(../images/icon-nav-3.png); background-size:100%; background-repeat: no-repeat; transform:translate3d(-50%,-50%,0) scale(.7); } .kx-icon.icon-nav-4{ width: 68px; height: 68px; background-image:url(../images/icon-nav-4.png); background-size:100%; background-repeat: no-repeat; transform:translate3d(-50%,-50%,0) scale(.7); } .kx-icon.icon-nav-5{ width: 69px; height: 69px; background-image:url(../images/icon-nav-5.png); background-size:100%; background-repeat: no-repeat; transform:translate3d(-50%,-50%,0) scale(.7); } .c-unique_home-block-slider .heading .hdg,.c-unique_home-global-story .hdg{ color:#5a5858; } .header-close a{ padding: 0 !important; } .about-con{ margin-top:55px; padding: 0 calc(100% / 80 * 3); } .about-con p{ margin-bottom:35px; color:#5a5858; } .about-content .other-list{ width: 90%; margin-top: 50px; } .about-content .other-list li{ float:left; display: inline-block; box-sizing: border-box; width: 45%; margin-right:12px; margin-top:28px; } .about-content .other-list li a{ display: block; box-sizing: border-box; width: 100%; height: 100%; padding:55px 0 55px 60px; background-color: #f46d2d; color:white; font-size:28px; line-height: 1; text-decoration: none; background-image: url(../images/about-item-bg.jpg); background-size: 100% 100%; background-position: top right; background-repeat: no-repeat; } .about-content .other-list li a p{ margin-top: 25px; margin-bottom: 0; } .about-content .other-list li a p span{ display: inline; font-size: 14px; padding-bottom: 5px; border-bottom: 1px solid #fff; color:#fff; } .invest-content dl{ box-sizing: border-box; padding-left: calc(100% / 80 * 3); } .invest-content dl dt{ font-size:28px; color:#f3631d; line-height: 1; } .invest-content dl dd{ margin-top: 26px; } .invest-content dl dd h5{ font-size:24px; color:#fff; padding:10px 20px; background-color: #f3631d; line-height: 1; } .invest-content .c-image_contents{ margin-top:38px; } .invest-content .c-image_contents .text{ padding-right:0; color:#5a5858; } .invest-content dl{ padding-top:80px; padding-bottom:80px; } .invest-content dl:first-child{ padding-top: 35px; } .invest-content dl:nth-child(even){ background-color:#f6f6f6; } .invest-content dl:nth-child(odd) .c-image_contents{ flex-direction:row-reverse; } .invest-content dl:nth-child(odd) .c-image_contents .text{ padding-right: calc(100% / 80 * 3); padding-left: 0; } .invest-content dl .c-image_contents.nengyuan{ flex-direction:row; } .invest-content dl .c-image_contents.nengyuan .text{ padding-right: 0; padding-left:calc(100% / 80 * 3); color: #5a5858; } .page-sub-title{ box-sizing: border-box; padding-left: calc(100% / 80 * 3); font-size: 28px; color: #f3631d; line-height: 1; } .page-sub-desc{ margin-top: 28px; margin-left: calc(100% / 80 * 3); } .page-sub-desc span{ display: inline; font-size: 24px; color: #fff; padding: 10px 20px; background-color: #f3631d; line-height: 1; } .organize-wrap{ margin-top: 58px; } .organize-wrap li{ padding-top:58px; padding-bottom:58px; padding-left: calc(100% / 80 * 3); padding-right: calc(100% / 80 * 3); } .organize-wrap li:nth-child(odd){ background-color: #f3f3f3; } .organize-wrap li > h5{ font-size: 22px; color:#5a5859; border-left:5px solid #f3631d; padding-left:10px; line-height: 1; margin-bottom: 12px; } .organize-wrap li > p{ font-size: 16px; color:#5a5859; line-height: 1.5; } .hr-content > dl{ box-sizing: border-box; padding-left: calc(100% / 80 * 3); padding-top:80px; padding-bottom:80px; } .hr-content > dl > dt{ font-size:28px; color:#f3631d; line-height: 1; } .hr-content > dl > dd{ margin-top: 26px; } .hr-content > dl > dd h5{ font-size:18px; color:#fff; padding:10px 20px; background-color: #f3631d; line-height: 1; margin-bottom: 35px; } .hr-content > dl:first-child{ padding-top: 35px; } .hr-content > dl:nth-child(even){ background-color:#f6f6f6; } .hr-content table.rczl td{ box-sizing: border-box; padding-right:94px; padding-bottom: 54px; width:50%; font-size: 13px; color:#5a5858; } .job-wrap p{ margin-top: 0; line-height: 1.5; } .job-wrap{ margin-top: 35px; } .job-wrap table{ width: 100%; text-align: left; } .job-wrap table thead{ background-color: #404652; color:#fff; font-size:12px; font-weight: normal; } .job-wrap table thead th{ height: 40px; line-height: 40px; font-size: 13px; } .job-wrap table thead th span,.job-wrap table tbody td span{ padding-left: 30px; margin-right: 15px; } .job-wrap table thead th i,.job-wrap table tbody td i{ opacity: 0; transition:all .5s; } .job-wrap table tbody tr:hover i{ opacity: 1; } .job-wrap table tbody tr.active{ box-shadow: 0px 1px 10px 0px #dfdfdf; } .job-wrap table tbody tr.active i{ opacity: 1; transform:rotate(180deg); } .job-wrap dd li{ border-bottom: 1px solid #bdbdbd; color:#6b6b6b; font-size: .875rem; } .job-wrap table tbody td{ height: 60px; line-height: 60px; } .job-wrap dd li .more{ display: none; width: 940px; height: auto; padding:0px 30px 35px; text-align: left; line-height: 2; font-size: 12px; } .job-wrap dd li .more h6{ margin-top: 35px; color:black; font-size: 14px; } table { border-collapse: separate; border-spacing: 0; } .jobs-content{ padding-top: 1.5rem; color:#585858; } .jobs-content .head-con{ text-align: left; line-height: 1.5; } .jobs-content .head-con p{ margin:0; } .jobs-content .head-con p.p3{ margin-top: 23px; } .jobs-content .head-con p.p4{ margin-top: 5px; } .jobs-content .head-con h5{ font-size: 1.125rem; color:#fff; margin-bottom: 12px; } .jobs-content .head-con p span{ padding:3px 8px; background-color: #f46d2d; color:white; } .kx-icon-w{ display: inline-block; vertical-align: middle; } .kx-icon-down3{ width: 10px; height: 10px; background-image: url(../images/icon-down3.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .kx-btn { display: inline-block; vertical-align: middle; line-height: 1; text-decoration: none; border: none; } .kx-btn-long-sm { padding: 8px 34px !important; } .kx-btn-primary { background-color: #f46d2d; color: white; padding: 6px 15px; font-size: 14px; transition: background .3s; } .kx-btn-primary:hover{ background-color: #f3844f; color:white; } .culture-content > dl{ box-sizing: border-box; padding-left: calc(100% / 80 * 3); padding-top:80px; padding-bottom:80px; } .culture-content > dl > dt{ font-size:28px; color:#f3631d; line-height: 1; } .culture-content > dl > dd{ margin-top: 26px; } .culture-content > dl > dd > h5{ font-size:24px; color:#fff; padding:10px 20px; background-color: #f3631d; line-height: 1; margin-bottom: 35px; display: inline-block; } .culture-content > dl:first-child{ padding-top: 35px; } .culture-content > dl:nth-child(even){ background-color:#f6f6f6; } .culture-content > dl > dd > ul > li{ margin-top: 35px; } .culture-content > dl > dd > ul > li > h5{ font-size: 22px; font-weight: 800; color:#5a5859; border-left:5px solid #f3631d; padding-left:10px; line-height: 1; margin-bottom: 12px; } .culture-content > dl > dd > ul > li > p{ font-size: 16px; color:#5a5859; line-height: 1.5; } .cp-mark{ display: flex; width: 100%; flex-direction: column; } .cp-mark .up-wrap{ display: flex; height:400px; } .cp-mark .up-wrap .item.left,.cp-mark .up-wrap .item.right{ width: 25.2%; } .cp-mark .up-wrap .item.middle{ flex:1; } .cp-mark .up-wrap .item{ position: relative; display: flex; } .cp-mark .up-wrap .item.left{ flex-direction: column; } .cp-mark .up-wrap .item.left .txt,.cp-mark .up-wrap .item.left .pic{ flex:1; } .cp-mark .up-wrap .item.left .txt{ box-sizing: content-box; background-color: #5e5a57; color:#fff; padding:28px 0 0 35px; line-height: 1; } .cp-mark .up-wrap .item.left .txt h6{ font-weight: 800; font-size:15px; } .cp-mark .up-wrap .item.left .txt .p1{ margin-top:8px; } .cp-mark .up-wrap .item.left .txt .p3{ margin-top:8px; } .cp-mark .up-wrap .item .pic{ width: 100%; height: 100%; background-size:cover; background-position: center; background-repeat: no-repeat; } .cp-mark .up-wrap .item.middle .txt,.cp-mark .up-wrap .item.right .txt{ position: absolute; top:35px; left:35px; color:#fff; line-height: 1; } .cp-mark .up-wrap .item.middle .txt .p1,.cp-mark .up-wrap .item.right .txt .p1{ margin-top: 8px; } .cp-mark .up-wrap .item.middle .txt .p2,.cp-mark .up-wrap .item.right .txt .p2{ margin-top: 8px; } .cp-mark .down-wrap{ display: flex; } .cp-mark .down-wrap .item{ position: relative; flex:1; padding:35px 0 100px 35px; background-color: #ec6a12; line-height: 1; color:#fff; } .cp-mark .down-wrap .item:first-child{ background-color: #e3e2e0; color:#595856; } .cp-mark .down-wrap .item h6{ font-weight: 800; } .cp-mark .down-wrap .item .p1,.cp-mark .down-wrap .item .p2{ margin-top: 8px; } .jituan{ display: flex; padding-top:98px; } .jituan .item{ float:left; color:#4e4e4e; box-sizing: border-box; width: 50%; } .jituan .item:first-child{ padding-right: 86px; } .jituan .item h6{ font-size: 22px; color:#f3631d; margin-bottom: 26px; } .jituan .item .jituan-logo{ display: flex; justify-content: center; align-items: center; box-sizing: border-box; width: 100%; height: 100%; border:1px solid #b3bcb9; background-color: #fff; } .jituan .item .jituan-logo img{ max-width: 50%; } .news-content > dl{ box-sizing: border-box; padding-left: calc(100% / 80 * 3); padding-top:80px; padding-bottom:80px; } .news-content > dl > dt{ font-size:28px; color:#f3631d; line-height: 1; } .news-content > dl > dd{ margin-top: 26px; } .news-content > dl > dd > h5{ font-size:24px; color:#fff; padding:10px 20px; background-color: #f3631d; line-height: 1; margin-bottom: 35px; display: inline-block; } .news-content > dl:first-child{ padding-top: 35px; } body.detail{ background-color: #f3f3f3; } .detail-wrap{ background-color: #f3f3f3; margin-bottom: 176px; } .detail-wrap .detail-header{ max-width: 1188px; background-color: #fff; margin:0 auto; } .detail-wrap .detail-header .header-nav{ width: 100%; padding-left:6.25%; padding-right:6.25%; margin:0 auto; padding-top: 56px; } .detail-wrap .header-nav .wrap img{ max-width: 190px; } .main.news_detail { max-width: 1188px; background: #fff; padding-bottom: 3.9rem; margin:0 auto; } .main.news_detail .page_content { background: #fff; padding-top: 50px; border-color: #d8d8d8; } .main.news_detail .page_content .title { width: 100%; padding-left:6.25%; padding-right:6.25%; margin:0 auto; font-size: 1.25rem; text-align: center; font-weight: 400; color:#050505; border-top:1px solid #d8d8d8; padding-top: 16px; } .main.news_detail .page_content .info { width: 100%; padding-left:6.25%; padding-right:6.25%; text-align: center; font-size: 13px; padding: 1rem 0; margin: 1rem auto; border-top: 1px dashed #d0d0d0; border-bottom: 1px dashed #d0d0d0; color:#5f5f5f; } .main.news_detail .page_content .info span { margin: 0 .5rem; } .main.news_detail .page_content .content { width: 100%; padding-left:6.25%; padding-right:6.25%; margin: 0 auto; } .main.news_detail .page_content .content p { font-size: .875rem; line-height: 1.5; letter-spacing: 1px; margin-bottom: 1rem; text-align: justify; } .main.news_detail .page_content .content img { display: block; width: 70%; margin: 2rem auto; border-radius: 4px; } .print-wrap{ border-top:1px solid #d9d9d9; line-height: 70px; margin-top: 300px; text-align: right; font-size: 12px; } .kx-icon-printer{ width: 20px; height: 18px; background-image:url(../images/icon-printer.png); background-repeat: no-repeat; background-size: 20px 18px; padding:5px; background-color: #f3631d; background-position: center center; box-sizing: content-box; margin-left: 1rem; } .kx-icon-item{ width: 17px; height: 31px; background-image:url(../images/icon-item.jpg); background-repeat: no-repeat; background-size: 17px 31px; background-position: center center; margin-right: 12px; } .hr-content{ color:#5a5858; } @media screen and (max-width:768px) { .about-content .other-list li{ float: none; width: 100%; } .about-content .other-list li a{ padding-left: 0; text-align: center; } .culture-content > dl > dd > h5{ display: inline-block; font-size: 16px; line-height: 1.5; } .culture-content > dl{ padding-left: 0; } .cp-mark .up-wrap .item{ flex:1; width:100% !important; height:400px; } .cp-mark .up-wrap{ flex-direction: column; height: auto; } .cp-mark .down-wrap .item{ padding-left: 10px; padding-right: 10px; } .jituan{ flex-direction: column-reverse; } .jituan .item{ float: none; width: 100%; } .jituan .item:first-child{ padding: 10px; } .jituan .item .jituan-logo{ padding: 30px 0; } .rczl{ display: none; } .rczl.mt{ display: block; } .hr-content > dl{ padding-right: 6.26%; padding-left: 6.25%; } .hr-content table.rczl td{ padding-right: 0; } .jobs-content .head-con p span{ line-height: 2; } .job-wrap td{ font-size: 12px; } .job-wrap td:nth-child(2), .job-wrap th:nth-child(2){ display: none; } .job-wrap table thead th span, .job-wrap table tbody td span{ padding-left: 8px !important; } .job-wrap .kx-btn-primary{ padding:3px 2px !important; } .job-wrap table thead th:last-child,.job-wrap table tbody td:last-child{ text-align: center; } .job-wrap dd li .more{ width: 100% !important; } .invest-content dl{ padding-left: 6.25%; padding-right: 6.25%; padding-bottom: 20px; } .page-sub-desc span{ display: inline-block; font-size: 16px; line-height: 1.5; } .page-sub-desc{ padding-right: 0; padding-left: 0; margin-left: 0; } .iScrollLoneScrollbar{ display: none !important; } .slider-label{ display: none !important; } .c-unique_home-block-slider .block-container ul{ padding:0 !important; } .c-unique_home-view .main-contents li:hover::before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index: 1 } .invest-content .c-image_contents .text{ padding-left: 0 !important; padding-right: 0 !important; } .about-content .other-list{ width: 100%; } .page-sub-title{ padding-left: 0; } .about-con{ padding:0; } .organize-content{ padding:0 6.25%; } .news-content > dl{ padding-left: 0; } .news-content > dl > dt{ padding:0 6.26%; } } /* .block-container{ overflow-y:hidden !important; overflow-x: auto !important; } .block-container::-webkit-scrollbar{ height:15px; } .block-container::-webkit-scrollbar-thumb{ background: #f37c2c; } .block-container::-webkit-scrollbar-track{ background-color: #fff; background-image:url(../images/scroll-bg.png); } .c-unique_home-block-slider .block-container ul{ margin-bottom: 32px; } .c-unique_home-block-slider .slider-wrapper{ display: none !important; }*/ .block-container{ position: relative; height: 302px; } #wrapper { position: absolute; z-index: 1; left: 0; width: 100%; height: 302px; overflow: hidden; } #scroller { position: absolute; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; } .c-unique_home-block-slider .block-container ul{ width: 20000px; display: block; } .c-unique_home-block-slider .block-container ul li{ float:left; width:250px; height: 242px; } .iScrollLoneScrollbar{ bottom: 20px !important; height:15px !important; background-image:url(../images/scroll-bg.png); } .iScrollIndicator{ height:15px !important; background-color:#f0802a !important; } .c-text_general.contact-content{ margin-top: 110px; } .c-text_general.contact-content .about-con{ margin-top: 40px; } .contact-content p{ margin:5px; font-size:18px; font-weight: 200; }