@charset "UTF-8"; @media (min-width: 1025px){ #main .scrollbar-track-y{ width:8px; } #main .scrollbar-track-x{ height: 8px; } #main .scrollbar-thumb{ width: 8px; border-radius: 4px; } .view{ padding:0; width:900px; margin:0 auto; } .aside-box .tit{ font-size: 40px; line-height: 50px; padding-bottom: 10px; } .aside-box .list a{ transition:all .3s linear; } .aside-box .list a:before{ transition:all .3s linear; } .aside-box .list a:hover{ color: #3c9370; } .aside-box .list a:hover:before{ background-image: url(../img/aside-point2.png); } /*.fadeInUp{ transform: translateY(40px); opacity: 0; } .fadeInUp.visible{ transform: translateY(0px); opacity: 1; transition: transform 1.2s cubic-bezier(0.38, 1, 0, 1), opacity 0.6s ease; }*/ .about-tit .cn{ font-size: 18px; line-height: 28px; } .about-box .about .text-box .con-box{ padding:30px; } .pub-con{ font-size: 14px; line-height: 24px; } .about-box .about .about-img{ bottom:auto; margin:0; top:150px; } .strategy-box .strategy li .txt{ font-size: 16px; background-size: auto; padding-left:40px; } /************about end**********/ .structure-box .structure{ margin-top: 50px; } /*************structure end************/ .course-wrap .view{ padding:0; } .course-tab{ background-repeat: no-repeat; background-size: auto 36px; margin-top: 373px; padding-left:97px; } .course-tab .swiper-slide .ico{ width:36px; height: 36px; } .course-tab .swiper-slide .item{ left: 17px; width: 210px; } .course-tab .swiper-slide .line{ bottom:21px; } .course-tab .swiper-slide:nth-child(2n) .line { bottom: auto; top: 21px; } .course-tab .swiper-slide .time span{ font-size: 20px; } .course-tab .swiper-slide:nth-child(6n+1) .item{ padding-bottom: 230px; } .course-tab .swiper-slide:nth-child(6n+2) .item{ padding-top:170px; } .course-tab .swiper-slide:nth-child(6n+3) .item{ padding-bottom: 175px; } .course-tab .swiper-slide:nth-child(6n+4) .item{ padding-top:240px; } .course-tab .swiper-slide:nth-child(6n+5) .item{ padding-bottom:240px; } .course-tab .swiper-slide:nth-child(6n+6) .item{ padding-top:140px; } /**********course end********/ .honor-box .honor{ width:600px; background-position: 230px top; } .honor-box .honor ul{ background-position: 230px bottom; } .honor-box .honor li{ background-size: 150px; padding-bottom:20px; background-position: 230px bottom; } .honor-box .honor .text-list .item{ padding-right:30px; } .honor-box .honor .text-list .item:before{ width: 16px; height: 16px; right: -8px; } .honor-box .honor li:nth-child(2n) .text-list .item:before{ right: auto; left:-9px; } .honor-box .honor .img{ width:280px; } .honor-box .honor ul{ background-size: 150px; padding-bottom: 118px; } /*********honor end***********/ .business-box .tab-btns{ margin-top: 20px; } .business-box .m-business-tab{ display: none; } .business-box .business-tab{ display: block; } .business-box .business-tab .img{ float: right; width:76.5625%; } .business-box .business-tab .img img{ width: 100%; } .business-box .business-tab .text-box{ position: absolute; left:0; top:40px; background: rgba(255,255,255,.9); padding:30px; width:300px; } .business-box .business-tab .text-box .en{ font-family: arial; color: #acacac; } .business-box .business-tab .text-box .en .tit1{ font-size: 16px; line-height: 26px; } .business-box .business-tab .text-box .en .tit2{ font-size: 30px; line-height: 40px; text-transform: uppercase; } .business-box .business-tab .text-box .cn{ font-size: 24px; line-height: 34px; } .business-box .business-tab .text-box .pub-con{ margin-top: 10px; height: 48px; overflow: hidden; width: 86%; color: #999; } .business-box .business-tab .text-box .more-box{ text-align: right; margin-top: 5px; } .business-box .business-tab .text-box .more-box a{ display: inline-block; *display: inline; zoom:1; font-size: 14px; color: #333333; font-family: arial; padding-right: 25px; background-repeat: no-repeat; background-image: url(../img/business-more.png); background-position: right center; } .business-box .business-tab .process{ position: absolute; right: 0; top:0; width:76.5625%; height: 5px; background:rgba(51,51,51,.1); z-index: 3; } .business-box .business-tab .process .block{ position: absolute; left:0; top:0; width: 0; height: 100%; background:#3c9370; } .business-box .business-tab .swiper-slide.cur .process .block{ width: 100%; } .business-box .tab-btns .swiper-slide:hover{ color: #3c9370; font-weight: bold; } .business-box .btns{ position: absolute; left:0; bottom:0; width: 100%; z-index: 3; } .business-box .btns .swiper-pagination-bullet{ display: block; width: 30px; height: 1px; background:#999999; margin-bottom: 8px; cursor: pointer; transition:all .3s linear; } .business-box .btns .swiper-pagination-bullet:last-child{ margin-bottom: 0; } .business-box .btns .swiper-pagination-bullet-active{ width: 55px; height: 3px; background: #3c9370; } /***********business end***********/ .asset-wrap{ padding:60px 0 60px; } .asset-box{ width: 47.619% } .asset-box .tit-box .cn{ font-size: 40px; line-height: 50px; } .asset-box .tit-box .en{ font-size: 18px; line-height: 28px; margin-top: 20px; } .asset-box .company-tit{ font-size: 20px; line-height: 30px; } .asset-box .pub-con{ margin-top: 20px; } /**********asset end*********/ .invest-box .part1-box .text-box .cn{ font-size: 40px; line-height: 50px; } .invest-box .part1-box .text-box .en .tit1{ font-size: 18px; line-height: 28px; } .invest-box .part1-box .text-box .en .tit2{ font-size: 40px; line-height: 50px; } .invest-box .part1-box{ padding:60px 0; } .invest-box .part1-box .text{ padding-top: 40px; } .invest-tit{ font-size: 20px; } .invest-box .part1-box .text .pub-con{ margin-top:20px; } .case-box{ padding:60px 0 50px; } .case-box .case{ margin-top: 40px; } .case-box .case .row{ margin-left:-15px; margin-right:-15px; } .case-box .case .item{ padding:0 15px; margin-bottom: 30px; } .case-box .case .con-box{ position: relative; } .case-box .case .text{ display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; background-image: url(../img/case-mask.png); background-repeat: no-repeat; background-size: cover; background-position: right center; opacity: 0; filter:alpha(opacity=0); transition:all .3s linear; } .case-box .case .text .txt{ position: absolute; left:0; top:50%; transform:translateY(-50%); text-align: center; width: 100%; color: #fff; } .case-box .case .text h3{ font-size: 26px; line-height: 36px; } .case-box .case .text .year{ font-size: 14px; line-height: 24px; margin-top: 5px; } .case-box .case .con-box:hover{ box-shadow: 0 5px 10px rgba(51,51,51,.5); } .case-box .case .con-box:hover .text{ opacity: 1; filter:alpha(opacity=100); } .project-box input[type=submit]{ width: 188px; height: 48px; font-size: 20px; transition:all .3s linear; } .project-box input[type=submit]:hover{ border-color: #368567; background-color: #368567; color: #fff; } /************invest end*********/ .worth-tit{ margin-top: 30px; } .worth-tit .cn{ font-size: 18px; line-height: 28px; } .worth-tit .en{ margin-top: 10px; } .worth-box .list{ background-size: 100% auto; padding-bottom: 160px; } .worth-box .list .img{ width: 200px; } .worth-box .list li:nth-child(6n+1){ width: 550px; margin-right: 130px; } .worth-box .list li:nth-child(6n+1) .text-box{ width: 300px; } .worth-box .list li:nth-child(6n+1) .point{ right: -35px; top:30px; } .worth-box .list li:nth-child(6n+2){ width: 600px; } .worth-box .list li:nth-child(6n+2) .text-box{ width: 350px; } .worth-box .list li:nth-child(6n+2) .point{ right: 200px; top: 115px; } .worth-box .list li:nth-child(6n+3){ width: 570px; } .worth-box .list li:nth-child(6n+3) .text-box{ width: 330px; } .worth-box .list li:nth-child(6n+3) .point{ left: -50px; top: 100px; } .worth-box .list li:nth-child(6n+4){ width: 570px; } .worth-box .list li:nth-child(6n+4) .text-box{ width: 330px; } .worth-box .list li:nth-child(6n+4) .point{ top: 60px; left: -40px; } .worth-box .list li:nth-child(6n+5){ width: 500px; margin-right: 120px; } .worth-box .list li:nth-child(6n+5) .text-box{ width: 250px; } .worth-box .list li:nth-child(6n+5) .point{ left:auto; right: -40px; top: 110px; } .worth-box .list li:nth-child(6n+6){ width: 500px; } .worth-box .list li:nth-child(6n+6) .text-box{ width: 280px; margin-top:130px; } .worth-box .list li:nth-child(6n+6) .point{ left:230px; top:70px; } .worth-wrap{ padding-bottom: 0; } /***********worth end**********/ .vision-box .vision li{ margin-bottom: 0; position: relative; } .vision-box .vision li:nth-child(2n){ background-color: #fff; } .vision-box .vision li .img{ float: left; width: 40%; } .vision-box .vision li .text-box{ position: absolute; right: 0; top:0; height: 100%; width: 60%; padding:15px; box-sizing:border-box; border:1px solid #dcdbdb; } .vision-box .vision li:nth-child(2n) .text-box{ border:none; } .vision-box .vision li .text-box .text{ max-height: 100%; position: relative; top:50%; transform:translateY(-50%); } .vision-box .vision li:nth-child(2n) .img{ float: right; width: 60%; } .vision-box .vision li:nth-child(2n) .text-box{ right: auto; left:0; width: 40%; } .vision-box .vision .tit1{ margin-top:0; } #main .vision .scrollbar-track-y{ width: 4px; } #main .vision .scrollbar-thumb{ width: 4px; } /*********vision end********/ .culture-box .culture{ margin-top: 30px; } .culture-box .culture .list h3 .tit{ font-size: 18px; line-height: 28px; } .culture-box .culture .list h3 .desc{ font-size: 14px; line-height: 24px; } /**********culture end*********/ .respons-box .respons{ margin-top: 30px; } .respons-box .respons li{ position: relative; margin-bottom: 0; } .respons-box .respons li .img{ float: right; width: 50%; } .respons-box .respons li .text-box{ position: absolute; left:0; top:0; width: 50%; height: 100%; margin:0; box-sizing:border-box; border:1px solid #dbdbdb; } .respons-box .respons li:nth-child(2n) .text-box{ border:none; background:#fff; } .respons-box .respons li .text-box .text{ position: absolute; top:50%; width: 100%; transform:translateY(-50%); padding:15px; box-sizing:border-box; } .respons-box .respons li:nth-child(2n) .img{ float: left; } .respons-box .respons li:nth-child(2n) .text-box{ left: auto; right: 0; } .respons-box .respons .tit{ font-size: 18px; line-height: 28px; } .respons-box .respons li .text-box .pub-con{ height: 48px; overflow: hidden; } .respons-box .respons .more{ font-size: 14px; line-height: 24px; } /*********reponsibility end**********/ .respons-list-box .list{ margin-top: 30px; } .respons-list-box .list .con-box{ padding-bottom: 15px; transition:all .3s linear; } .respons-list-box .list .text-box{ margin-top: 15px; padding:0 10px; } .respons-list-box .list .con-box:hover{ background-color:#f4f4f4; box-shadow: 0 0 10px rgba(51,51,51,.2); } .page a{ width: 40px; height: 40px; line-height: 40px; font-size: 16px; transition:all .3s linear; } .page a.prev, .page a.next{ background-size: auto; } .page a:hover{ color: #fff; border-color: #4e9d7d; background-color: #4e9d7d; } .page a.prev:hover{ background-image: url(../img/page-prev2.png); } .page a.next:hover{ background-image: url(../img/page-next2.png); } /********responsibilitylist end********/ .disclosure-box .list{ margin-top: 30px; } .disclosure-box .list .tit{ font-size: 16px; line-height: 26px; } .disclosure-box .list .time{ line-height: 26px; } .disclosure-box .list .con-box{ transition:all .3s linear; } .disclosure-box .list .con-box:hover{ background-color: #f4f4f4; box-shadow: 0 0 10px rgba(51,51,51,.2); } /**********disclosure end**********/ .group-box .first-box{ margin-top: 30px; } .group-box .first-box .text-box{ padding:20px; } .group-box .first-box .tit{ font-size: 16px; line-height: 26px; } .group-box .first-box .pub-con{ height: 48px; } .group-box .first-box .btns{ margin-top: 30px; } .group-box .list{ margin-top: 20px; } .group-box .list .row{ margin:0; } .group-box .list .item{ padding:0; margin-bottom: 20px; } .group-box .list .img{ float: left; width: 21.76%; } .group-box .list .text-box{ float: right; width: 78.24%; box-sizing:border-box; } .group-box .list .item .text-box .tit{ font-size: 16px; line-height: 26px; } .group-box .list .item .text-box .time{ margin-top: 0; } .group-box .list .item .text-box .pub-con{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; margin-top: 3px; } .group-box .list .page{ margin-top:30px; } .group-box .list .con-box{ transition:all .3s linear; } .group-box .list .con-box:hover{ box-shadow: 0 0 10px rgba(51,51,51,.2); background-color: #f4f4f4; } /***********group end**********/ .special-box .list .con-box .text-box{ padding:0 15px; margin-top: 15px; } .special-box .list .con-box .tit{ line-height: 24px; } .special-box .list .con-box .text-box .pub-con{ height: 48px; overflow: hidden; } .special-box .list .con-box{ transition:all .3s linear; } .special-box .list .con-box:hover{ box-shadow: 0 0 10px rgba(51,51,51,.2); background-color: #f4f4f4; } .special-box .list{ margin-top: 30px; } /***********special end**********/ header{ height: 100px; } .header-view{ padding:0 1.8%; } header .logo{ line-height: 100px; width: auto; } .navbtn{ width: 24px; margin-top: 40px; } .navbtn .line{ width: 24px; } .clearfixed{ height: 100px; } /***********header end**********/ .banner{ height: 100%; } .banner .swiper-slide{ overflow: hidden; } .banner .m-img{ display: none; } .banner .pc-img{ display: block; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transform:translateX(50px) scale(1.1); transition:all 7.6s linear; } .banner .swiper-slide.swiper-slide-active .pc-img{ transform:translateX(0) scale(1); } .banner .btns{ right: 4.6875%; bottom: auto; top:50%; transform:translateY(-50%); width: 35px; } .banner .btns:before{ content: ""; position: absolute; top:50%; transform:translateY(-50%); left:50%; height: calc(100% - 35px); background:rgba(255,255,255,.2); width: 1px; } .banner .btns .swiper-pagination-bullet{ position: relative; z-index: 3; display: block; width: 35px; height: 35px; background-image: url(../img/ban-btn1.png); background-color: transparent; margin:0 0 70px 0; } .banner .btns .swiper-pagination-bullet:last-child{ margin-bottom: 0; } .banner .btns .swiper-pagination-bullet-active{ background-image: url(../img/ban-btn2.png); background-color: transparent; } .banner .scroll{ position: absolute; left:50%; bottom:8.88%; width:95px; z-index: 3; text-align: center; transform:translateX(-50%); display: block; } .banner .scroll .txt{ font-size: 14px; color: #fff; } .banner .scroll .icon{ width: 35px; height: 35px; margin:15px auto 0; border:1px solid rgba(255,255,255,.5); border-radius: 100%; line-height: 35px; animation:point 1.5s infinite alternate; -webkit-animation:point 1.5s infinite alternate ; -moz-animation:point 1.5s infinite alternate ; -o-animation:point 1.5s infinite alternate ; -ms-animation:point 1.5s infinite alternate ; } .banner .scroll .icon .point{ display: inline-block; *display: inline; zoom:1; width: 8px; height: 8px; background: #fff; border-radius: 100%; margin:0 auto; } @keyframes point { from {transform:scale(1);} to {transform:scale(1.3);} } @-moz-keyframes point /* Firefox */ { from {transform:scale(1);} to {transform:scale(1.3);} } @-webkit-keyframes point /* Safari 鍜 Chrome */ { from {transform:scale(1);} to {transform:scale(1.3);} } @-o-keyframes point /* Opera */ { from {transform:scale(1);} to {transform:scale(1.3);} } .i-about-box{ height: 100%; } .i-about-box .view{ height: 100%; position: relative; } .i-about-box .i-about{ width: 80%; /*height: 68.9%;*/ height: 65%; position: absolute; top:50%; transform:translateY(-50%); right:0; } .i-about-box .img{ width: 49.6%; height: 62vh; opacity: 0; transform:translateX(50px); transition:all .3s linear; } .i-about-box .img img{ width: 100%; display: block; } .i-about-box .block{ width:0; left:auto; right: 49.6%; height: 55%; transition:all .3s linear .3s; } .i-about-box .pub-tit{ left:0; top:8.8%; opacity: 0; transform:translateY(40px); transition:all .3s linear .6s; } .i-about-box .logo-list{ bottom:45%; width: 66.67%; padding-left: 0; height: 85px; opacity: 0; transform:translateY(40px); transition:all .3s linear .9s; } .i-about-box .logo-list .item{ line-height: 85px; } .i-about-box .about-con{ position: absolute; left:0; bottom:0; width: 41%; padding:0; margin:0; transform:translateY(40px); opacity: 0; transition:all .3s linear 1.2s; } .i-about-box .about-con .pub-con{ height:72px; overflow: hidden; } .i-about-box .about-con .more-box{ text-align: left; } .i-about-box .about-con .more-box a{ border:1px solid #e0e0e0; padding:10px 40px 10px 25px; font-size: 14px; height:20px; line-height: 20px; transition:all .3s linear; } .i-about-box .about-con .more-box a:before{ right: 15px; transition:all .3s linear; } .i-about-box .about-con .more-box a:hover{ color: #fff; border-color: #3b916e; background-color: #3b916e; } .i-about-box .about-con .more-box a:hover:before{ background-image: url(../img/business-more2.png); } .i-business-box .view{ position: relative; } .i-business{ height: 70%; position: absolute; width: 80%; right: 0; top:48%; transform:translateY(-50%); } .i-business .index-tit{ top:8%; transform:translateY(-40px); opacity: 0; transition:all .3s linear; } .index-desc{ top:calc(68% + 40px); width: 24%; max-width: 210px; opacity: 0; transform:translateY(40px); transition:all .3s linear .3s; } .i-business .item{ width: 24.44%; } .i-business .item:nth-child(1){ height: 63%; top:calc(10% + 40px); opacity: 0; transform:translateY(-40px); transition:all .3s linear .3s; } .i-business .item:nth-child(2){ top: calc(21% + 40px); left: 25.1%; height: 77%; opacity: 0; transform:translateY(40px); transition:all .3s linear .6s; } .i-business .item:nth-child(3){ /*top:calc(10% + 40px);*/ /*left:25%;*/ /*left:25.1%; height: 33%; opacity: 0; transform:translateY(-40px); transition:all .3s linear .8s;*/ top: -2%; left:50.2%; height: 58.8%; opacity: 0; transform:translateY(-40px); transition:all .3s linear .9s; } .i-business .item:nth-child(4){ /*top:calc(44.5% + 40px); bottom:3.1%;*/ /*left:25%;*/ /*left:25.1%; height: 53%; opacity: 0; transform:translateY(40px); transition:all .3s linear 1s;*/ top: 58.5%; left: 50.2%; height: 45.8%; opacity: 0; transform:translateY(40px); transition:all .3s linear .9s; } .i-business .item:nth-child(5){ /*top: -2%; left:50.2%; height: 58.8%; opacity: 0; transform:translateY(-40px); transition:all .3s linear .9s;*/ bottom: auto; top:calc(2% + 30px); left:auto; right: .3%; height: 42.68%; opacity: 0; transform:translateY(-40px); transition:all .3s linear 1.2s; } .i-business .item:nth-child(6){ /*top: 58.5%; left: 50.2%; height: 45.8%; opacity: 0; transform:translateY(40px); transition:all .3s linear .9s;*/ bottom: auto; top:calc(46.68% + 30px); left:auto; right: .3%; height: 52.68%; opacity: 0; transform:translateY(-40px); transition:all .3s linear 1.2s; } .i-business .item:nth-child(7){ bottom: auto; /*top:calc(2% + 30px); left:auto; right: .3%; height: 42.68%;*/ top: calc(74% + 40px); left: 0; height: 24%; opacity: 0; transform:translateY(-40px); transition:all .3s linear 1.2s; /*display: none;*/ } .i-business .item:nth-child(8){ top:calc(44.4% + 40px); bottom:auto; left:auto; right: .3%; height: 53%; opacity: 0; transform:translateY(40px); transition:all .3s linear 1.2s; } .i-business .item:nth-child(9){ top: calc(72% + 40px); left: -2%; height: 33%; opacity: 0; transform: translateY(40px); transition: all .3s linear .6s; display:block; } .entxt{ font-size: 0.2rem; color: #999; transform: scale(.8); } .i-business .item .mask{ position: absolute; left:0; top:0; width: 100%; height: 100%; background-image: url(../img/business-bg.png); background-repeat: no-repeat; background-position: right top; background-size: cover; opacity: 0; transition:all .3s linear; } .i-business .item .pub-con{ padding:0 10px; color: #fff; height: 0px; overflow: hidden; margin-top: 15px; display: block; transition:all .3s linear; } .i-business .item:hover .pub-con{ height: 48px; } .i-business .item:nth-child(2) .text-box{ /*transform:translateY(0); top:12%;*/ /* transform:translateY(-125%);*/ transition:all .3s linear; } .i-business .item:nth-child(5) .text-box, .i-business .item:nth-child(6) .text-box{ transform:translateY(-50%); transition:all .3s linear; } /* .i-business .item:nth-child(2):hover .text-box{ transform:translateY(-95%); }*/ .i-business .item:nth-child(5):hover .text-box, .i-business .item:nth-child(6):hover .text-box{ transform:translateY(-50%); } .i-business .item .more{ display: block; position: absolute; right: 10px; bottom:10px; font-size: 12px; color: #fff; padding-right: 25px; background-repeat: no-repeat; background-position: right center; background-image: url(../img/business-more2.png); opacity: 0; transition:all .3s linear; } .i-business .item:hover .more{ opacity: 1; } .i-business .item:hover .mask{ opacity: .85; } .i-news-box{ height: 100%; } .i-news-box .view{ height: 100%; } .i-news{ padding:0; height: auto; width: 80%; position: absolute; right: 0; top:50%; transform:translateY(-50%); } .i-news-wrap{ } .m-news-box{ display: none; } .i-news-box .more{ border: 1px solid #e0e0e0; padding: 10px 40px 10px 25px; font-size: 14px; height: 20px; line-height: 20px; transform:translateX(40px); opacity: 0; transition:all .3s linear; } .i-news-box .more:before { right: 15px; transition:all .3s linear; } .i-news-box .more:hover{ border-color: #3b916e; background-color: #3b916e; color: #fff; } .i-news-box .more:hover:before{ background-image: url(../img/business-more2.png); } .i-news-box .i-news-wrap{ margin-top: 4.5vh; opacity: 0; transform:translateY(40px); transition:all .3s linear .3s; } .pc-news-wrap{ display: block; } .pc-news-box{ overflow: hidden; height: 49.5vh; padding:5px 5px 5px 0; } .pc-news-box .swiper-slide{ width: auto; background:#fff; margin-right:15px; box-shadow: 0 0 5px rgba(0,0,0,.1); } .pc-news-box .swiper-slide:last-child{ margin-right: 0; } .pc-news-box .swiper-slide .first-box, .pc-news-box .swiper-slide .item{ height: 49.5vh; overflow: hidden; } .pc-news-box .tit{ height: 48px; overflow: hidden; transition:all .3s linear; } .pc-news-box .swiper-slide .item{ width: 220px; } .pc-news-box .tit{ font-size: 16px; line-height: 26px; color: #333333; } .pc-news-box .first-box .pub-con{ margin-top: 30px; } .pc-news-box .time{ font-size: 12px; color: #333; opacity: .5; line-height: 20px; margin-top:20px; } .pc-news-box .item{ width: 14vw; } .pc-news-box .item a{ display: block; } .pc-news-box .item a span{ display: block; } .pc-news-box .item img{ width: 100%; } .pc-news-box .item .con-box{ padding:20px; } .pc-news-box .swiper-slide:nth-child(2n+1) .img{ position: absolute; left:0; bottom:0; width: 100%; } .pc-news-box .first-box a{ display: block; } .pc-news-box .first-box span{ display: block; } .pc-news-box .swiper-slide:first-child .first-box .img{ float: left; position: static; width: auto; height: 100%; } .pc-news-box .swiper-slide:first-child .first-box .img img{ height: 100%; width: auto; } .pc-news-box .swiper-slide:first-child .first-box .con-box{ float: left; padding:20px; height: 100%; box-sizing:border-box; width: 220px; } .pc-news-wrap .scrollbar{ width: 100%; height: 4px; background: #eaeaea; margin-top: 4.5vh; z-index: 3; } .pc-news-wrap .scrollbar .swiper-scrollbar-drag{ background: #4c9a7a; border-radius: 0; } .i-news-box .index-tit{ opacity: 0; transform:translateX(-40px); transition:all .3s linear; } .pc-news-box .swiper-slide:hover .tit{ color: #4c9a7a; } .i-footer-box .i-profile-box{ display: none; } .i-footer-box .view{ height: 100%; position: relative; } .i-footer-box .foot-content{ position: absolute; left:0; top:50%; transform:translateY(-50%); width: 100%; } .i-footer-box .sign-img{ line-height: 20vh; height: auto; padding-bottom: 4.5vh; } .i-footer-box .sign-img img{ height: 20vh; } .i-footer-box .foot-nav{ display: block; text-align: center; padding:3vh 0; border-bottom:1px solid #505050; font-size: 0; } .i-footer-box .foot-nav li{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin:0 30px; } .i-footer-box .foot-nav li a{ display: block; color: #bfbfbf; font-size: 14px; line-height: 30px; transition:all .3s linear; } .i-footer-box .foot-nav li a:hover{ color:#fff; } .i-footer-box .foot-nav li a.tit{ font-size: 16px; color: #fff; line-height: 26px; margin-bottom: 10px; } .i-footer-box .copy-box{ position: static; padding:0; margin-top: 4.5vh; height: auto; } .i-footer-box .copy-box .build{ color: #626262; } .i-footer-box .copy-box a{ transition:all .3s linear; } .i-footer-box .copy-box a:hover{ color:#fff; } .i-footer-box .share-box{ margin-top: 3vh; text-align: center; font-size: 0; display: block; } .i-footer-box .share-box a{ float: none; display: inline-block; *display: inline; zoom:1; width: 27px; height: 27px; background-repeat: no-repeat; background-position: center; padding:0; margin:0 6px; } .i-footer-box .share-box .bds_weixin{ background-image: url(../img/share-icon1.png); } .i-footer-box .share-box .bds_tsina{ background-image: url(../img/share-icon2.png); } .i-footer-box .share-box .bds_more{ background-image: url(../img/share-icon3.png); } .bdshare_popup_box{ display: none!important; } .index-aside{ display: block; position: absolute; top:50%; left: 5.46875%; transform:translateY(-50%); z-index: 3; } .index-aside .item{ display: block; margin-bottom: 20px; transform:translateY(40px); opacity: 0; } .index-aside .item:nth-child(1){ transition:all .4s linear .3s; } .index-aside .item:nth-child(2){ transition:all .4s linear .5s; } .index-aside .item:nth-child(3){ transition:all .4s linear .7s; } .index-aside .item:nth-child(4){ transition:all .4s linear .9s; } .index-aside .item:nth-child(5){ transition:all .4s linear 1.1s; } .index-aside .item:last-child{ margin-bottom: 0; } .index-aside .item a{ display: block; } .index-aside .item .icon{ float: left; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: cover; transition:all .3s linear; } .index-aside .item:nth-child(1) .icon{ background-image: url(../img/index-aside-icon1.png); } .index-aside .item:nth-child(2) .icon{ background-image: url(../img/index-aside-icon2.png); } .index-aside .item:nth-child(3) .icon{ background-image: url(../img/index-aside-icon3.png); } .index-aside .item:nth-child(4) .icon{ background-image: url(../img/index-aside-icon4.png); } .index-aside .item:nth-child(5) .icon{ background-image: url(../img/index-aside-icon5.png); } .index-aside .item .text{ float: left; color: #fff; line-height: 20px; margin-top: 5px; margin-left: 15px; display: none; } .index-aside .item .text .en{ font-size: 14px; opacity: .7; text-transform: uppercase; font-family: arial; } .index-aside .item .text .cn{ font-size: 12px; } .index-aside .item:nth-child(1):hover .icon, .index-aside .item:nth-child(1).on .icon{ background-image: url(../img/h-index-aside-icon1.png); } .index-aside .item:nth-child(2):hover .icon, .index-aside .item:nth-child(2).on .icon{ background-image: url(../img/h-index-aside-icon2.png); } .index-aside .item:nth-child(3):hover .icon, .index-aside .item:nth-child(3).on .icon{ background-image: url(../img/h-index-aside-icon3.png); } .index-aside .item:nth-child(4):hover .icon, .index-aside .item:nth-child(4).on .icon{ background-image: url(../img/h-index-aside-icon4.png); } .index-aside .item:nth-child(5):hover .icon, .index-aside .item:nth-child(5).on .icon{ background-image: url(../img/h-index-aside-icon5.png); } .index-aside.cur .item:nth-child(1) .icon{ background-image: url(../img/aside-cur-icon1.png); } .index-aside.cur .item:nth-child(2) .icon{ background-image: url(../img/aside-cur-icon2.png); } .index-aside.cur .item:nth-child(3) .icon{ background-image: url(../img/aside-cur-icon3.png); } .index-aside.cur .item:nth-child(4) .icon{ background-image: url(../img/aside-cur-icon4.png); } .index-aside.cur .item:nth-child(5) .icon{ background-image: url(../img/aside-cur-icon5.png); } .index-aside.cur .item:nth-child(1):hover .icon, .index-aside.cur .item:nth-child(1).on .icon{ background-image: url(../img/h-aside-cur-icon1.png); } .index-aside.cur .item:nth-child(2):hover .icon, .index-aside.cur .item:nth-child(2).on .icon{ background-image: url(../img/h-aside-cur-icon2.png); } .index-aside.cur .item:nth-child(3):hover .icon, .index-aside.cur .item:nth-child(3).on .icon{ background-image: url(../img/h-aside-cur-icon3.png); } .index-aside.cur .item:nth-child(4):hover .icon, .index-aside.cur .item:nth-child(4).on .icon{ background-image: url(../img/h-aside-cur-icon4.png); } .index-aside.cur .item:nth-child(5):hover .icon, .index-aside.cur .item:nth-child(5).on .icon{ background-image: url(../img/h-aside-cur-icon5.png); } .index-aside.cur .item .text{ color: #3b916e; } .index-aside.ani .item{ transform:translateY(0); opacity: 1; } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-about-box .img{ opacity: 1; transform:translateX(0); } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-about-box .block{ width: 36.3%; } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-about-box .pub-tit{ transform:translateY(0); opacity: 1; } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-about-box .logo-list{ transform:translateY(0); opacity: 1; } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-about-box .about-con{ transform:translateY(0); opacity: 1; } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-business .index-tit{ opacity: 1; transform:translateY(0); } .index-wrap>.swiper-wrapper>.swiper-slide.visible .index-desc{ opacity: 1; transform:translateY(0); } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-business .item:nth-child(1){ opacity: 1; transform:translateY(0); } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-business .item:nth-child(2){ opacity: 1; transform:translateY(0); } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-business .item:nth-child(3){ opacity: 1; transform:translateY(0); /*display:none;*/ } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-business .item:nth-child(4){ opacity: 1; transform:translateY(0); /*display:none;*/ } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-business .item:nth-child(5){ opacity: 1; transform:translateY(0); } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-business .item:nth-child(6){ opacity: 1; transform:translateY(0); } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-business .item:nth-child(7){ opacity: 1; transform:translateY(0); } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-business .item:nth-child(8){ opacity: 1; transform:translateY(0); } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-business .item:nth-child(9){ opacity: 1; transform:translateY(0); } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-news-box .index-tit{ opacity: 1; transform:translateY(0); } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-news-box .more{ opacity: 1; transform:translateY(0); } .index-wrap>.swiper-wrapper>.swiper-slide.visible .i-news-box .i-news-wrap{ opacity: 1; transform:translateY(0); } /************welcome end*********/ .nav-box{ top:100px; } .pc-nav .item .sub a, .pc-nav .item .sub span{ font-size: 12px; line-height: 20px; } .pc-nav .item .sub a{ transition:all .3s linear; } .pc-nav .item .sub a:hover{ color:#3c9370; } .pc-nav .other-link{ margin-top: 4vh; } /***************header end************/ .target-box .text-box{ width: 50%; } .target-box .standard-tit{ font-size: 16px; line-height: 26px; } /**********talent end*********/ .employees-box .list{ margin-top: 35px; } .employees-box .list li{ transition:all .3s linear; } .employees-box .list li .text-box .con{ height: 48px; } .employees-box .list li .pub-con{ margin-top: 5px; } .employees-box .list li .time-box span.divide{ margin:0 6px; } .employees-box .list li:hover{ background-color: #f4f4f4; } /**********employees end**********/ .post-tabs{ margin-top: 30px; } .post-tabs a{ font-size: 18px; line-height: 28px; margin-right: 40px; padding-bottom: 20px; } .post-tabs a:hover{ color: #4e9d7d; font-weight: bold; } .post-tabs a:hover:before{ opacity: 1; } .post-box .list .tit-box{ padding:30px; } .post-box .list li .sub{ padding:30px; } .post-box .list li .sub .mail{ font-size: 14px; padding-right: 80px; padding-left: 20px; } .post-box .list li .sub .mail:before{ right: 20px; } .post-box .list .tit-box .post-close{ width: 24px; height: 26px; right: 30px; } .post-box .list .page{ margin-top: 35px; } /************post end**********/ .m-contact{ display: none; } .pc-contact{ display: block; } .pc-contact .view{ overflow: hidden; } .pc-contact .map{ height: 500px; width: 72%; float: right; } .pc-contact .block{ float: right; width: 13%; height: 350px; background-color: #cccccc } .pc-contact .text-box{ position: absolute; left:0; width: 38.4%; padding:30px; transform:translateY(0); top:60px; } .contact-wrap .btns .swiper-pagination-bullet{ border-radius: 0; } /***********contact end**********/ footer{ padding:50px 0; } footer .foot-nav{ display: block; text-align: center; padding:3vh 0; border-bottom:1px solid #505050; font-size: 0; } footer .foot-nav li{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin:0 30px; } footer .foot-nav li a{ display: block; color: #bfbfbf; font-size: 14px; line-height: 30px; transition:all .3s linear; } footer .foot-nav li a:hover{ color:#fff; } footer .foot-nav li a.tit{ font-size: 16px; color: #fff; line-height: 26px; margin-bottom: 10px; } footer .copy-box{ position: static; padding:0; margin-top: 4.5vh; height: auto; } footer .copy-box a{ transition:all .3s linear; } footer .copy-box a:hover{ color:#fff; } footer .copy-box .build{ color: #626262; } footer .bdsharebuttonbox.share-box{ display: block; margin-top: 3vh; text-align: center; font-size: 0; display: block; } footer .bdsharebuttonbox.share-box a{ float: none; display: inline-block; *display: inline; zoom:1; width: 27px; height: 27px; background-repeat: no-repeat; background-position: center; padding:0; margin:0 6px; } footer .bdsharebuttonbox.share-box .bds_weixin{ background-image: url(../img/share-icon1.png); } footer .bdsharebuttonbox.share-box .bds_tsina{ background-image: url(../img/share-icon2.png); } footer .bdsharebuttonbox.share-box .bds_more{ background-image: url(../img/share-icon3.png); } .newsdtl{ padding:60px 0; } .newsdtl .infotit{ padding-bottom: 20px; border-bottom:1px solid #ccc; } .newsdtl .infotit h2{ font-size: 28px; } .newsdtl .infotit p{ font-size: 16px; } .newsdtl .infotx{ font-size: 14px; margin:20px 0 0; } .infoctrl{ margin-top:40px; padding-top: 20px; } .infoctrl .pagectrl a, .infoctrl .pageback{ transition:all .3s linear; } .infoctrl .pagectrl a{ margin-bottom: 10px; } .infoctrl .pagectrl a:hover{ color:#3c9370; } .infoctrl .pageback:hover{ background: transparent; color:#3c9370; } .newsdtl .vtl video{ height: 500px; } /***********newsdtl end************/ .wow{ visibility: hidden; } .aside-box{ width: 180px; top:150px; } .group-box .first-box .more{ transition:all .3s linear; } .group-box .first-box .more:before{ transition:all .3s linear; } .group-box .first-box .more:hover{ color: #fff; border-color: #3c9370; background-color: #3c9370; } .group-box .first-box .more:hover:before{ background-image: url(../img/business-more2.png); } .search-box{ margin-top: 38px; } .search-box .search-btn{ width: 23px; height: 23px; background-size: 23px; } .search-box .search-wrap input[type=submit]{ height: 23px; width: 23px; } .right-box a:before{ transition:all .3s linear; } .right-box a:hover:before{ right: -10px; } } @media (min-width: 1367px){ .view{ width:1200px; } .public-wrap{ padding:80px 0; } .aside-box .num{ font-size: 16px; line-height: 26px; } .aside-box .list a{ padding:20px 25px; font-size: 16px; line-height: 26px; height: 27px; } .aside-box .list a:before{ right: 25px; } .aside-box .tit{ font-size: 50px; line-height: 60px; padding-bottom:20px; margin-top: 5px; } .aside-box .list{ width:62.7%; } .pub-tit{ line-height: 40px; height: 40px; padding:15px 35px; } .pub-tit .en{ font-size: 30px; } .pub-tit .cn{ font-size: 24px; } .about-box .about .pub-con{ line-height: 30px; margin-top: 25px; } .about-box .about .about-img{ bottom:50px; } .about-box .about .text-box .con-box{ padding:60px; } .about-tit .cn{ font-size: 24px; line-height: 34px; } .about-tit .en{ margin-top: 10px; } .strategy-box{ margin-top: 70px; } .strategy-box .strategy{ padding:10px 40px; margin-top:35px; } .strategy-box .strategy li{ width: 30%; padding:10px 0; } .strategy-box .strategy li:nth-child(3n){ margin-right: 0; } .strategy-box .strategy li:nth-child(3n+1), .strategy-box .strategy li:nth-child(3n+3){ width: 29.75%; } .strategy-box .strategy li:nth-child(3n+2){ width: 40.5%; padding-left:4.5%; } .strategy-box .strategy li:nth-child(3n+3){ padding-left:2%; } /************about end**********/ .structure-box .structure{ margin-top: 70px; } /*************structure end************/ .course-wrap{ background-size: auto 610px; } .course-tab{ background-size: auto; margin-top: 429px; padding:0 140px; } .course-tab .swiper-slide .ico{ width:36px; height: 36px; } .course-tab .swiper-slide .item{ left: 26px; } .course-tab .swiper-slide .line{ bottom:21px; } .course-tab .swiper-slide:nth-child(2n) .line { bottom: auto; top: 21px; } .course-tab .swiper-slide .line .block{ width: 8px; height: 60px; } .course-tab .swiper-slide .line .block { bottom: -17px; } .course-tab .swiper-slide:nth-child(2n) .line .block{ top: -17px; bottom: auto; } .course-tab .swiper-slide .time span{ font-size: 24px; } .course-tab .swiper-slide .ico{ width: 52px; height: 52px; } /**********course end********/ .honor-box .honor{ width:810px; background-position: 300px top; background-size: auto; padding-top: 104px; } .honor-box .honor ul{ padding-bottom: 140px; background-position: 300px bottom; background-size: auto; } .honor-box .honor .text-list{ width:300px; border-right: 4px solid #ccc; padding:30px 0; } .honor-box .honor li{ background-position: 300px bottom; background-size: auto; padding-bottom:30px; } .honor-box .honor li:last-child{ padding-bottom: 30px; } .honor-box .honor .img{ width:305px; transform:translateY(calc(-50% - 15px)); right: 135px; } .honor-box .honor li:nth-child(2n) .img{ left: 135px; } .honor-box .honor li:nth-child(2n) .text-list{ border-left: 4px solid #ccc; width: 296px; } .honor-box .honor .text-list .item{ padding-right: 35px; width: 270px; margin-bottom:15px; } .honor-box .honor li:nth-child(2n) .text-list .item{ padding-left:35px; width: 270px; } .honor-box .honor .text-list .item:before{ right: -5px; } .honor-box .honor li:nth-child(2n) .text-list .item:before{ right: auto; left:-10px; } /*********honor end***********/ .business-box .tab-btns{ margin-top: 40px; } .business-box .tab-btns .swiper-slide{ font-size: 16px; } .business-box .business-tab .text-box{ width:380px; padding:50px; } .business-box .business-tab .text-box .en .tit1{ font-size: 18px; line-height: 28px; } .business-box .business-tab .text-box .en .tit2{ font-size: 40px; line-height: 50px; } .business-box .business-tab .text-box .cn{ font-size: 30px; line-height: 40px; margin-top: 10px; } .business-box .business-tab .text-box .pub-con{ line-height: 30px; height: 60px; } .business-box .business-tab .text-box .more-box{ margin-top: 15px; } .business-box .business-tab .process{ height: 10px; } /***********business end***********/ .asset-wrap{ padding:65px 0 120px; } .asset-box .tit-box .cn{ font-size: 48px; line-height: 58px; } .asset-box .company-tit{ font-size: 24px; line-height: 34px; } /**********asset end*********/ .invest-box .part1-box .text-box .cn{ font-size: 48px; line-height: 58px; } .invest-box .part1-box .text-box .en{ margin-top: 30px; } .invest-box .part1-box .text-box .en .tit2{ font-size: 48px; line-height: 58px; } .invest-box .part1-box .text-box .more-btn{ margin-top: 80px; } .invest-box .part1-box .text{ padding-top: 60px; } .invest-tit{ font-size: 24px; line-height: 34px; } .case-box .case .row{ margin-left:-22px; margin-right:-22px; } .case-box .case .item{ padding:0 22px; margin-bottom: 35px; } .case-box .case .text h3{ font-size: 36px; line-height: 46px; } .case-box .case .text .year{ font-size: 16px; line-height: 26px; margin-top: 10px; } .case-box{ padding:70px 0 60px; } .project-box{ padding:60px 0 90px; } .project-box .project-form{ margin-top: 45px; } .project-box .project-form .form{ padding:50px 130px; } .project-box .project-form .form .tit{ line-height: 42px; } .project-box .project-form .form .inp{ margin-bottom: 30px; } .project-box .project-form .form input{ padding:10px 10px; } .project-box .project-form .form .file .file-btn{ margin-top: 15px; width: 120px; height: 40px; line-height: 40px; } .project-box .project-form .form .tips{ margin-top: 20px; } .project-box .project-form .form .check img{ height: 40px; } .project-box input[type=submit]{ margin-top: 55px; } /************invest end*********/ .worth-tit{ margin-top: 45px; } .worth-box .list{ padding-bottom: 190px; } .worth-box .list .point{ width: 33px; height: 33px; } .worth-box .list .img{ width: 316px; } .worth-box .list .pub-con{ margin-top:15px; } .worth-box .list li:nth-child(6n+1){ width: 730px; margin-right: 200px; } .worth-box .list li:nth-child(6n+1) .text-box{ width: 320px; } .worth-box .list li:nth-child(6n+1) .point{ right: -70px; top:50px; } .worth-box .list li:nth-child(6n+2){ width: 800px; } .worth-box .list li:nth-child(6n+2) .text-box{ width: 350px; } .worth-box .list li:nth-child(6n+2) .point{ right: 295px; top: 170px; } .worth-box .list li:nth-child(6n+3){ width: 910px; margin-bottom: 80px; } .worth-box .list li:nth-child(6n+3) .text-box{ width: 400px; } .worth-box .list li:nth-child(6n+3) .point{ left: 350px; top: 160px; } .worth-box .list li:nth-child(6n+4){ width: 910px; margin-bottom: 80px; } .worth-box .list li:nth-child(6n+4) .text-box{ width: 400px; } .worth-box .list li:nth-child(6n+4) .point{ top: 220px; left: 30px; } .worth-box .list li:nth-child(6n+5){ width: 700px; margin-right: 40px; } .worth-box .list li:nth-child(6n+5) .text-box{ width: 250px; } .worth-box .list li:nth-child(6n+5) .point{ left:auto; right: -40px; top: 100px; } .worth-box .list li:nth-child(6n+6){ width: 700px; margin-right: 80px; } .worth-box .list li:nth-child(6n+6) .text-box{ width: 280px; margin-top:190px; } .worth-box .list li:nth-child(6n+6) .point{ left:370px; top:90px; } .worth-wrap{ padding-bottom: 0; } /***********worth end**********/ .vision-box .vision{ margin-top: 45px; } .vision-box .vision li .text-box{ padding:50px; } .vision-box .vision .tit1, .vision-box .vision .tit2{ font-size: 18px; line-height: 28px; } .vision-box .vision .pub-con{ margin-top:20px; } /*********vision end********/ .culture-box .culture{ margin-top: 50px; } .culture-box .culture .list{ width: 64%; } .culture-box .culture .list li{ margin-bottom:40px; } .culture-box .culture .list h3{ padding-left:80px; background-size: auto; } .culture-box .culture .list .pub-con{ padding-left:80px; } /**********culture end*********/ .respons-box .respons li .text-box .text{ padding:25px; } .respons-box .respons li .text-box .pub-con{ height: 72px; margin-top: 10px; } .respons-box .respons .more{ margin-top: 15px; } /*********reponsibility end**********/ .respons-list-box .list .row{ margin-left:-15px; margin-right:-15px; } .respons-list-box .list .item{ padding:0 15px; margin-bottom: 30px; } .respons-list-box .list .con-box{ padding-bottom: 30px; } .respons-list-box .list .text-box{ padding:0 15px; } .respons-list-box .list .text-box .tit{ font-size: 16px; line-height: 26px; } .respons-list-box .list .text-box .time{ margin-top: 5px; } .respons-list-box .page{ margin-top: 40px; } /********responsibilitylist end********/ .disclosure-box .list{ margin-top: 50px; } .disclosure-box .list .row{ margin-left:-15px; margin-right:-15px; } .disclosure-box .list .item{ padding:0 15px; margin-bottom: 25px; } .disclosure-box .list .con-box{ padding:15px 25px; } .disclosure-box .list .tit{ padding-left:25px; } .disclosure-box .page{ margin-top: 30px; } /**********disclosure end**********/ .group-box .first-box{ position: relative; } .group-box .first-box .img{ width: 48%; float: left; } .group-box .first-box .swiper-slide{ position: relative; } .group-box .first-box .text-box{ position: absolute; right: 0; top:0; width: 52%; height: 100%; box-sizing:border-box; border:1px solid #e0e0e0; border-left:none; padding:30px; } .group-box .first-box .time{ margin-top: 10px; } .group-box .first-box .pub-con{ height: 48px; margin-top: 10px; } .group-box .first-box .more{ margin-top: 20px; } .group-box .first-box .btns{ position: absolute; right: 30px; bottom:30px; z-index: 3; } .group-box .list .item .text-box{ padding:30px; } .group-box .list .item .text-box .time{ margin-top: 10px; } .group-box .list .page{ margin-top:40px; } /***********group end**********/ .special-box .list{ margin-top: 50px; } .special-box .list .con-box .img{ float: left; width: 63.4%; } .special-box .list .con-box .text-box{ float: right; width: 29%; } .special-box .list .con-box .tit{ line-height: 26px; font-size: 16px; height: 52px; overflow: hidden; } .special-box .list .con-box .time{ margin-top: 15px; } .special-box .list .con-box .text-box .pub-con{ margin-top: 15px; height: 48px; } /***********special end**********/ .i-about-box .logo-list{ height: 100px; } .i-about-box .logo-list .item{ line-height: 100px; } .i-about-box .logo-list .list-img{ width: 75px; } .i-about-box .about-con .more-box a{ font-size: 14px; } .i-business .item .pub-con{ padding:0 20px; } .pc-news-box .first-box .pub-con{ margin-top: 25px; } .pc-news-box .time{ margin-top: 50px; } .foot-view{ width: 1050px; } .i-footer-box .foot-nav li{ margin:0 37px; } .index-aside .item{ margin-bottom: 35px; } .index-aside .item .icon{ width: 60px; height: 60px; } .index-aside .item .text{ line-height: 24px; } .index-aside .item .text .en{ font-size: 16px; } .index-aside .item .text .cn{ font-size: 14px; } /**************welcome end************/ .pc-nav .item{ padding:0 20px; } .pc-nav .item .sub a, .pc-nav .item .sub span{ font-size: 14px; line-height: 24px; } .pc-nav .other-link a{ font-size: 18px; line-height: 28px; } .pc-nav .item .text-box{ margin-top: 20px; } .pc-nav .item .sub{ margin-top: 10px; } /**********header end*********/ .talent-box .part1-box .text{ padding:50px; } .talent-box .part1-box .text .cn{ font-size: 20px; line-height: 30px; } .target-box{ padding-top: 45px; margin-top: 55px; } .target-box .text-box{ width: 43.5%; } .target-box .text-box .pub-con{ line-height: 30px; margin-top: 30px; } .target-box .img{ margin-right: 50px; margin-top: 35px; } .standard-list .item{ width: 280px; margin-right: 20px; padding:40px; } .standard-list .item:nth-child(2){ margin-top: 40px; } .standard-list .item:nth-child(1){ margin-top: -58px; padding-bottom:70px; } .standard-list .item:nth-child(3){ padding: 80px 40px 90px; } .standard-list .item .icon{ width: 77px; height: 77px; } .standard-list .item .tit{ font-size: 18px; line-height: 28px; } /**********talent end*********/ .employees-box .list li .text-box{ padding:30px; } .employees-box .list li .tit{ font-size: 18px; line-height: 28px; } .employees-box .list li .text-box .con{ height: 72px; margin-top: 5px; } .employees-box .list li .time-box{ margin-top: 10px; } /**********employees end**********/ .post-tabs{ margin-top: 40px; padding:0 45px; } .post-tabs a{ margin-right: 100px; } .post-box .list li .sub .top .con{ margin-left: 30px; } .post-box .list .tit-box{ padding:40px; } .post-box .list .tit-box .staff{ font-size: 18px; line-height: 28px; } .post-box .list .tit-box .desc{ margin-top: 10px; } .post-box .list li .sub{ padding-bottom: 50px; } .post-box .list li .sub .top .item{ margin-bottom: 10px; } .post-box .list .tit-box .post-close{ right: 40px; } /************post end**********/ .pc-contact .map{ height: 610px; } .pc-contact .block{ height: 430px; } .pc-contact .text-box{ padding:40px; } .contact-wrap .text-box .con{ margin-top: 25px; padding-left:10px; font-size: 16px; } .contact-wrap .text-box .con p{ padding-left: 30px; margin-bottom: 10px; } .contact-wrap .qrcode-box .item{ margin-left:25px; padding-left: 70px; } .contact-wrap .qrcode-box .item .txt{ font-size: 14px; left:-50px; } .contact-wrap .qrcode-box .item:before{ height: 60px; } /***********contact end**********/ footer .foot-nav li{ margin:0 37px; } .aside-box{ width: 235px; top:180px; } } @media (min-width: 1550px){ .view{ width:1440px; } .aside-box .tit{ font-size: 60px; line-height:70px; padding-bottom:30px; margin-top: 20px; } .strategy-box .strategy{ padding: 20px 40px; } .strategy-box .strategy li:nth-child(3n+2){ padding-left:6.5%; } .strategy-box .strategy li:nth-child(3n+3){ padding-left:6%; } /************about end**********/ .business-box .business-tab .text-box{ width: 430px; top:80px; } /***********business end***********/ .asset-wrap{ padding:65px 0 245px; } .asset-box .company-tit{ margin-top: 65px; } /**********asset end*********/ .invest-box .part1-box{ padding:80px 0 65px; } .invest-box .part1-box .text-box .en{ margin-top: 40px; } .invest-box .part1-box .text-box .more-btn{ margin-top: 125px; } .project-box .project-form .form .inp{ width: 46%; } .project-box .project-form .form .file-box{ width: 100%; } .project-box .project-form .form input{ width: calc(80% - 20px); } .project-box .project-form .form .file { width: calc(90.8% + 2px); } .project-box .project-form .form .check{ width: 80%; } /************invest end*********/ .worth-wrap{ padding-bottom: 0; } .worth-box .list{ padding-top: 100px; margin:0 auto; width: 1140px; background-size: auto; background-position: left top; } .worth-box .list li:nth-child(6n+1){ width: 730px; margin-right: 390px; } .worth-box .list li:nth-child(6n+1) .text-box{ width: 320px; margin-top: 25px; } .worth-box .list li:nth-child(6n+1) .point{ right: -145px; top:50px; } .worth-box .list li:nth-child(6n+2){ width: 1000px; margin-bottom: 75px; } .worth-box .list li:nth-child(6n+2) .text-box{ width: 350px; } .worth-box .list li:nth-child(6n+2) .point{ right: 420px; top: 115px; } .worth-box .list li:nth-child(6n+3){ width: 910px; margin-bottom: 125px; } .worth-box .list li:nth-child(6n+3) .text-box{ width: 540px; margin-top:30px; } .worth-box .list li:nth-child(6n+3) .point{ left: -105px; top: 80px; } .worth-box .list li:nth-child(6n+4){ width: 910px; margin-bottom: 85px; } .worth-box .list li:nth-child(6n+4) .text-box{ width: 540px; margin-top:30px; } .worth-box .list li:nth-child(6n+4) .point{ top: 80px; left: -85px; } .worth-box .list li:nth-child(6n+5){ width: 820px; margin-right: 190px; margin-bottom: 60px; } .worth-box .list li:nth-child(6n+5) .text-box{ width: 420px; margin-top: 40px; } .worth-box .list li:nth-child(6n+5) .point{ left:auto; right: -100px; top: 90px; } .worth-box .list li:nth-child(6n+6){ width: 820px; margin-right: 40px; } .worth-box .list li:nth-child(6n+6) .text-box{ width: 410px; margin-top:190px; } .worth-box .list li:nth-child(6n+6) .point{ left:420px; top:90px; } /***********worth end**********/ .vision-box .vision li .text-box{ padding:60px 65px; } /*********vision end********/ .culture-box .culture .list{ width: 720px; } /**********culture end*********/ .respons-box .respons li .text-box .text{ padding:0 50px; } .respons-box .respons .more{ margin-top: 30px; } /*********reponsibility end**********/ .respons-list-box .list{ margin-top: 50px; } .respons-list-box .list .row{ margin-left:-20px; margin-right:-20px; } .respons-list-box .list .item{ padding:0 20px; margin-bottom: 40px; } /********responsibilitylist end********/ .disclosure-box .list .row{ margin-left:-25px; margin-right:-25px; } .disclosure-box .list .item{ padding:0 25px; } .disclosure-box .page{ margin-top: 35px; } /**********disclosure end**********/ .group-box .first-box .text-box{ padding:60px; } .group-box .first-box .text-box .pub-con{ margin-top: 15px; } .group-box .first-box .text-box .more{ margin-top: 60px; } .group-box .first-box .btns{ right: 40px; bottom:35px; } .group-box .list .item .text-box .pub-con{ margin-top: 10px; } /***********group end**********/ .special-box .list .row{ margin-left:-20px; margin-right:-20px; } .special-box .list .item{ padding:0 20px; margin-bottom: 40px; } /***********special end**********/ .i-about-box .logo-list{ height: 130px; } .i-about-box .logo-list .item{ line-height: 130px; } .i-about-box .about-con .pub-con{ height: 96px; } .i-business .item:hover .pub-con{ height: 72px; } /* .i-business .item:nth-child(2) .text-box{ transform:translateY(-130%); }*/ .i-business .item .more{ right: 20px; bottom:20px; } .i-business .item .text-box .tit{ font-size: 24px; line-height: 34px; } .i-business .item .text-box .en{ margin-top: 15px; } /*************welcome end*************/ .foot-view{ width: 1050px; } .pc-nav .row{ margin-left:-42px; margin-right:-42px; } .pc-nav .item{ padding:0 42px; } /************header end**********/ .talent-box .part1-box .text{ padding:75px; } .standard-list{ margin-top: 100px; } .standard-list .item{ width: 330px; margin-right: 35px; } .standard-list .item:nth-child(1){ padding:40px 50px 80px; margin-top: -70px; } .standard-list .item:nth-child(2){ padding:40px 50px 50px; margin-top: 45px; } .standard-list .item:nth-child(3){ padding:80px 50px 95px; } .standard-list .item .icon{ margin-bottom: 30px; } /**********talent end*********/ .employees-box .list li .text-box{ padding:35px 60px; } .employees-box .list li .text-box .con{ margin-top: 15px; } .employees-box .list li .time-box{ margin-top: 20px; } /**********employees end**********/ .pc-contact .text-box{ padding:50px 60px; } /***********contact end**********/ .special-box .list .con-box .text-box .pub-con{ height: 72px; } .aside-box{ width: 285px; } } @media (min-width: 1750px){ .view{ width:1680px; } .invest-view{ width: 1440px; } .public-wrap{ padding:80px 0 120px; } .about-box .about .text{ width: 73%; } .about-box .about .text-box .con-box{ padding:70px 90px 120px; } .about-box .about .text{ margin-top: 50px; } .about-box .about .about-img{ top:210px; } .strategy-box .strategy li:nth-child(3n+2){ padding-left:8.5%; } .strategy-box .strategy li:nth-child(3n+3){ padding-left:10%; } /************about end**********/ .asset-wrap{ padding:65px 0 245px; } /**********asset end*********/ .worth-wrap{ padding-bottom: 0; } /***********worth end**********/ .culture-box .culture .list{ margin-right: 120px; } /**********culture end*********/ .group-box .first-box .text-box .more{ margin-top: 90px; } /***********group end**********/ .pc-news-box .tit{ height: 72px; } .foot-view{ width: 1050px; } /*********welcome end**********/ .employees-box .list li .text-box{ padding:40px 80px 40px 60px; } .employees-box .list li .time-box{ margin-top: 30px; } /**********employees end**********/ .i-about-box .logo-list{ height: 160px; } .i-about-box .logo-list .item{ line-height: 160px; } }