@charset "utf-8"; @font-face { font-family: "din-bold_"; src: url("../font/din-bold_.woff2") format("woff2"), url("../font/din-bold_.woff") format("woff"), url("../font/din-bold_.ttf") format("truetype"), url("../font/din-bold_.eot") format("embedded-opentype"), url("../font/din-bold_.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "lifeb"; src: url("../font/LIFEB.TTF") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "lifei"; src: url("../font/LIFEI.TTF") format("truetype"); font-weight: normal; font-style: normal; } .lifei{ font-family: "lifei";} .lifeb{ font-family: "lifeb";} .din{font-family: "din-bold_";} :root{ /*鍏敤*/ --font: 'Helvetica Neue',Helvetica,Tahoma,Arial,'Microsoft YaHei','PingFang SC','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif; --transition:cubic-bezier(0.215,.61,.355,1) .45s; --font-size:14px; --body-color:#000; --placeholder:#999; --color-red:#C71C14; --color-yellow:#d2a456; --color-orange:#ea5a28; --color-blue:#64c3d1; --color-blue1:#2c55c9; --bg-gray:#e7e7e7; --linear-gradient-shadow:linear-gradient(0deg,rgba(93,194,242,.8),rgba(0,0,0,0)); --linear-gradient-shadow1:linear-gradient(0deg,rgba(42,199,215,.8),rgba(0,0,0,0)); --linear-gradient-shadow2:linear-gradient(0deg,rgba(232,161,47,.8),rgba(0,0,0,0)); --linear-gradient-shadow3:linear-gradient(0deg,rgba(42,199,215,.8),rgba(0,0,0,0)); --linear-gradient-shadow4:linear-gradient(0deg,rgba(42,199,215,.8),rgba(0,0,0,0)); --linear-gradient-shadow5:linear-gradient(0deg,rgba(42,199,215,.8),rgba(0,0,0,0)); } article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block; padding:0; margin:0;} *,:before,:after{box-sizing:border-box;} blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0} img{border:0; display:inline-block; width:auto; max-width:100%;vertical-align: middle;} ul,dl,li,dt,dd{list-style:none;} body,html{min-height:100%;} body{font-size:var(--font-size); color:var(--body-color);font-family: var(--font);-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden;} .clearfix:after{content:"\200B"; display:block; height:0; clear:both;} a{text-decoration:none; color:inherit; outline:none; transition:var(--transition);} h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;} pre{font-family:inherit; white-space:pre-wrap;word-wrap: break-word;} input,textarea,select{outline: none;-webkit-appearance: none;border-radius: 0; font-size:inherit;font-family:inherit; display:block; width:100%; border:none; border:1px solid #eee; height:38px; line-height:38px; padding:0 10px; transition:cubic-bezier(0.215,.61,.355,1) .45s; background:none;} textarea{resize:none;} input::-webkit-input-placeholder,input:-moz-placeholder,input::-moz-placeholder,input:-ms-input-placeholder,textarea::-webkit-input-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder,textarea:-ms-input-placeholder{color:var(--placeholder);} select::-ms-expand { display: none; } i,em{font-style:normal;} /*娴忚鍣ㄦ粴鍔ㄦ潯*/ ::-webkit-scrollbar{width:5px;height:5px;} ::-webkit-scrollbar-button:vertical,::-webkit-scrollbar-button:horizontal{display:none} ::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal{background-color:black} ::-webkit-scrollbar-track-piece{background:#E3E3E3} ::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{background-color:#555;border-radius:1.5625vw} ::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover{background-color:#3B3B3B} ::-webkit-scrollbar-corner:vertical,::-webkit-scrollbar-corner:horizontal{background-color:#535353} ::-webkit-scrollbar-resizer:vertical,::-webkit-scrollbar-resizer:horizontal{background-color:#FF6E00} /*config*/ .l-center{text-align:center;} .l-relative{position:relative;} .l-overflow{overflow:hidden;} .l-bold{font-weight:bold;} .l-imgs{background-position:center; background-repeat:no-repeat; background-size:cover;} .l-lh18{line-height:18px;} .l-lh20{line-height:20px;} .l-lh22{line-height:22px;} .l-lh24{line-height:24px;} .l-lh26{line-height:26px;} .l-lh28{line-height:28px;} .l-lh30{line-height:30px;} .l-lh32{line-height:32px;} .l-lh34{line-height:34px;} .l-lh36{line-height:36px;} .l-lh38{line-height:38px;} .l-lh40{line-height:40px;} .l-lh48{line-height:48px;} .l-font12{font-size:12px;} .l-font16{font-size:16px;} .l-font18{font-size:18px;} .l-font20{font-size:20px;} .l-font22{font-size:22px;} .l-font24{font-size:24px;} .l-font26{font-size:26px;} .l-font28{font-size:28px;} .l-font30{font-size:30px;} .l-font32{font-size:32px;} .l-font34{font-size:34px;} .l-font36{font-size:36px;} .l-font38{font-size:38px;} .l-font40{font-size:40px;} .l-font42{font-size:42px;} .l-font56{font-size:56px;} .l-font60{font-size:60px;} .l-font72{font-size:72px;} .l-opacity8{opacity:.8;} .l-opacity7{opacity:.7;} .l-opacity6{opacity:.6;} .l-opacity5{opacity:.5;} .l-opacity4{opacity:.4;} .l-opacity3{opacity:.3;} .l-opacity2{opacity:.2;} /*鏍呮牸鍖?/ .l-flex,.l-grid-2,.l-grid-3,.l-grid-4,.l-grid-5,.l-grid-6,.l-grid-7,.l-grid-8{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;} .l-flex-column{display:flex; flex-direction:column; flex-wrap:wrap;} /*鍧囧垎*/ .l-grid-2>*{width:50%;} .l-grid-3>*{width:33.333333333333336%;} .l-grid-4>*{width:25%;} .l-grid-5>*{width:20%;} .l-grid-6>*{width:16.666666666666668%;} .l-grid-7>*{width:14.285714285714286%;} .l-grid-8>*{width:12.5%;} /*font color*/ .l-white{color:#fff;} .l-black{color:#000;} .l-gray3{color:#333;} .l-gray6{color:#666;} .l-gray9{color:#999;} /*鏄剧ず琛屾暟*/ .lines1{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} .lines2{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .lines3{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .lines4{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;} .lines5{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;} .lines6{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;} .public-bg{background-attachment:fixed;background-position:center; background-size:cover;} .l-uppercase{text-transform:uppercase;} /*寮圭獥鍥剧墖杞挱*/ .lh-imgLayer-banner{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:1000;} .lh-imgLayer-banner li{display:flex; align-items:center; justify-content:center;} .lh-imgLayer-banner li>div{width:80%; height:80%;display:flex; align-items:center; justify-content:center;} .lh-imgLayer-banner li>div img{max-height:100%;} .lh-imgLayer-close{position:absolute; right:15px; top:15px; border-radius:50%; width:50px; height:50px; background:#000; color:#fff; font-size:24px; display:flex; align-items:center; justify-content:center; z-index:2;} .lh-imgLayer-banner .prevn,.lh-imgLayer-banner .nextn{display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:50%;background:#000; color:#fff; font-size:24px; position:absolute; top:50%; transform:translateY(-50%); z-index:2;} .lh-imgLayer-banner .prevn{left:15px;} .lh-imgLayer-banner .nextn{right:15px;} /*load*/ .lh-loading{position:fixed; left:0; top:0; z-index:1000; right:0; bottom:0; justify-content:center; align-items:center; color:#ff7c7c; text-align:center;} .lh-loading .icon{width:144px; height:144px; border-radius:50%; border:16px solid #FED9D9; display:flex; align-items:center; justify-content:center; position:relative; background-color:#fff; margin:auto;} .lh-loading .icon:before{content:''; display:block; width:100%; height:100%; border-radius:50%; border:1px solid #ee4949; position:absolute; left:0; top:0; animation:loadingIcon linear 1s infinite; z-index:-1;} @keyframes loadingIcon{ to{transform:scale(1.7); opacity:0;} } .lh-loading .progress{margin-top:34px; color:#ee4949;} .lh-loading p{margin-top:40px; letter-spacing:20px;} .lh-loading p span{margin:0 40px;} .pace-done{opacity:1;} .pace-activity{position:fixed; left:0; top:0; z-index:10000; right:0; bottom:0; background:#fff;transition:opacity 1.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); display:none;pointer-events: none;} svg.loader{position: absolute;top:50%;left:50%;z-index: 1; margin-left: -50px;margin-top: -50px;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} svg.loader path{animation: endlessRotate 1s linear infinite;transform-origin: center;} @keyframes endlessRotate { from {transform:rotateZ(0deg)} to {transform:rotateZ(360deg)} } .showLoading .pace-activity{display:block;} .pace-done .pace-activity{opacity:0; transition:var(--transition);pointer-events: none; display:none;} .l-red{color:var(--color-red);} .l-orange{color:var(--color-orange);} .l-yellow{color:var(--color-yellow);} .l-blue{color:var(--color-blue1);} /*cursor*/ .lh-cursor{pointer-events: none; position:fixed; left:0; top:0; display:flex; align-items:center; justify-content:center; z-index:10000; width:20px; height:20px; margin:-10px 0 0 -10px;}/**/ .lh-cursor .more{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:20px; height:20px; display:flex; align-items:center; justify-content:center;} .lh-cursor .more .dot{content:''; display:block; width:6px; height:6px; border-radius:50%; background:var(--color-pink); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .lh-cursor .more .circle{display:block; width:100px; height:100px; border-radius:50%;border:2px solid var(--color-pink);position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; transform:scale(.2);} .lh-cursor .more>.page{opacity:0; color:var(--color-pink); font-weight:bold;} .lh-cursor .more>.page>.icon-left{position:absolute; left:-60px; top:50%; transform:translateY(-50%);} .lh-cursor .more>.page>.icon-right{position:absolute; right:-60px; top:50%; transform:translateY(-50%);} .lh-cursor .view{width:80px; height:80px; display:flex; align-items:center; border-radius:50%; background:#000; color:#fff; position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px; transform:scale(0); text-align:center; justify-content:center; opacity:0;mix-blend-mode: hard-light;} /*animate*/ .fadeInUp1{animation:fadeInUp1 cubic-bezier(0.215,.61,.355,1) 1s forwards;transform:translateY(80px); opacity:0;} .fadeInUp{animation:fadeInUp cubic-bezier(0.215,.61,.355,1) 1s forwards;transform:translateY(100%); opacity:0;} .fadeInUpImg{position:absolute; left:0; top:0; width:inherit; height:inherit; clip:rect(0,500px,0,0); animation:fadeInUpImg cubic-bezier(0.215,.61,.355,1) 1s forwards;} .up50{transform:translateY(50%);} .delay1{animation-delay:.1s;} .delay2{animation-delay:.2s;} .delay3{animation-delay:.3s;} .delay4{animation-delay:.4s;} .delay5{animation-delay:.5s;} @keyframes fadeInUp1{ to{transform:translateY(0); opacity:1;} } @keyframes fadeInUpImg{ to{clip:rect(0,500px,500px,0);} } /*cont*/ header{position:fixed; left:0; right:0; padding-left:4.166666666666666vw; padding-right:4.166666666666666vw; top:0; z-index:100; align-items:center;} header.Fixed{transition:var(--transition);} header.Fixed,header.White{background-color:#fff; color:#000; padding:0 4.166666666666666vw; box-shadow:0 0 20px rgba(0,0,0,.1);} header.Fixed .lh-logo .logo2,header.White .lh-logo .logo2{opacity:1;} header.Fixed .lh-logo .logo1,header.White .lh-logo .logo1{opacity:0;} header.Fixed .nav-btn:before,header.Fixed .nav-btn:after,header.Fixed .nav-btn i,header.White .nav-btn:before,header.White .nav-btn:after,header.White .nav-btn i{background:#000;} header>*{flex:1;} header>.right{justify-content:flex-end; flex:5; align-items:center;} .lh-banner{height:100vh; border-bottom:10px solid var(--color-red);} .lh-banner .bd .l-imgs{width:100%; height:100%; display:block; transition:ease 1s;} .lh-logo{display:block; width:126px; position:relative; z-index:2;} .lh-logo>*{transition:var(--transition); width:100%;} .lh-logo .logo2{position:absolute; left:0; top:0; opacity:0;} .lh-nav>*{padding-left:3.125vw; position:relative; padding-top:34px; padding-bottom:34px;} .lh-nav>*>dl{position:absolute; left:0; top:100%; width:100vw; line-height:68px; font-size:14px;background-color:var(--color-red); display:none; color:#fff;padding-left:3.125vw;} .lh-nav>*:last-child>dl{left:auto; right:0; justify-content:flex-end;} .lh-nav>*:last-child>dl>*{margin:0 0 0 30px;} .lh-nav>*:last-child>dl:before{left:100%; right:auto;} .lh-nav>*>dl a:hover{text-decoration:underline;} .lh-nav>*:hover>dl{display:flex;} .lh-nav>*>dl:before{content:''; display:block; width:100vw; height:100%; background-color:var(--color-red); position:absolute; right:100%; top:0; z-index:-1;} .lh-nav>*>dl>*{margin-right:30px; position:relative; z-index:2; min-width:72px; text-align:center;} .lh-nav>*>a{position:relative;} .lh-nav>*>a:after{content:''; display:block; width:100%; height:2px; background:#efc665; position:absolute; left:0; bottom:-35px; transition:var(--transition); transform:scaleX(0);} .lh-nav>*.on>a:after,.lh-nav>*:hover>a:after{transform:scaleX(1);} .nav-btn{width:50px; height:50px; margin-left:7.29vw; position:relative; z-index:2;} .nav-btn:before,.nav-btn:after{content:''; display:block; width:24px; height:2px; background:#fff; position:absolute; right:0; top:50%; margin-top:-10px; transition:var(--transition);} .nav-btn:after{margin-top:8px;} .nav-btn i{display:block; width:18px; height:2px; background:#fff; position:absolute; right:0; top:50%; margin-top:-1px; transition:var(--transition); transform-origin:right center;} .nav-btn:hover i{transform:scaleX(0);} .header-toggle{position:fixed; left:0; top:0; width:100vw; height:100vh; justify-content:flex-end; align-items:center; padding:130px calc(14.583333333333334vw - 50px);pointer-events: none; opacity:0; transition:var(--transition);} .header-toggle>*{width:1100px; height:100%;} .header-toggle>*>*{flex:1; align-items:center;} .toggle-nav>*{flex:1; transform:translateY(50px); opacity:0;} .toggle-nav>* dt{margin-bottom:40px;} .toggle-nav>* dd a{color:#666;} .toggle-nav>* a:hover{text-decoration:underline;} .toggle-bottom{align-items:flex-end;} .toggle-bottom>*{flex:1;} .toggle-bottom .ewm{transform:translateY(50px); opacity:0;} .toggle-bottom .ewm .text{align-items:flex-end; display:flex; padding-left:40px; position:relative;} .toggle-bottom .ewm .text:before{content:''; display:block; width:1px; height:40px; background:#C1C0BF; position:absolute; left:20px; bottom:0;} .toggle-bottom .right{display:flex; justify-content:flex-end; padding-right:50px; position:relative; height:100%;} .toggle-bottom .right img{position:absolute; right:0; top:50%; clip:rect(0px 0 83px 0);} .NavToggle .header-toggle{opacity:1;pointer-events: inherit;} .NavToggle .toggle-nav>*,.NavToggle .toggle-bottom .ewm{transition:var(--transition); transform:translateY(0); opacity:1;} .NavToggle .toggle-bottom .right img{transition:var(--transition);clip:rect(0px 387px 83px 0);} .NavToggle .toggle-nav>*:nth-child(2){transition-delay:.1s;} .NavToggle .toggle-nav>*:nth-child(3){transition-delay:.2s;} .NavToggle .toggle-nav>*:nth-child(4){transition-delay:.3s;} .NavToggle .toggle-nav>*:nth-child(5){transition-delay:.4s;} .NavToggle .toggle-nav>*:nth-child(6){transition-delay:.5s;} .NavToggle .toggle-nav>*:nth-child(7){transition-delay:.6s;} .NavToggle .toggle-nav>*:nth-child(8),.NavToggle .toggle-bottom .ewm,.NavToggle .toggle-bottom .right img{transition-delay:.7s;} .NavToggle .nav-btn:before,.NavToggle .nav-btn:after{background:#000;} .NavToggle .nav-btn i{transform:scaleX(0);} .NavToggle .nav-btn:before{transform:translate(0,8px) rotate(45deg);} .NavToggle .nav-btn:after{transform:translate(0,-9px) rotate(-45deg);} .NavToggle .lh-logo{transform:scale(1.5); transform-origin:left top;} .NavToggle .lh-logo .logo2{opacity:1;} .NavToggle .lh-logo .logo1{opacity:0;} .banner-news{position:absolute; right:0; bottom:0; z-index:2; left:16.145833333333336vw; background-color:#fff; height:184px;} .banner-num{width:268px; background-color:#e9c879; background-image:url(../img/icon1.png); background-position:left bottom; background-repeat:no-repeat; color:#fff; align-items:center; justify-content:center;} .banner-num>span{background:linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,1));-webkit-background-clip:text;-webkit-text-fill-color:transparent; } .l-font134{font-size:134px;} .banner-news>.right{height:inherit; width:calc(100% - 268px); padding-left:90px;} .news-banner-item{height:inherit;} .news-banner-item>*{padding-left:6vw; position:relative;} .news-banner-item>*:first-child{padding-left:0;} .news-banner-item>*:before{content:''; display:block; width:1px; height:100px; background-color:#DFDFDF; position:absolute; left:1vw; top:50%; transform:translateY(-50%);} .news-banner-item>*:first-child:before{display:none;} .news-banner-item>* .time{width:115px;} .news-banner-item>* .time h3{transition:var(--transition);} .news-banner-item>* .text{width:calc(100% - 115px); padding-top:10px;} .news-banner-item>* .name{margin-top:14px;} .l-font54{font-size:54px;} .news-banner{height:inherit;} .news-banner-item>*>*{display:flex; align-items:center; height:100%;} .news-banner-item>*>*:hover .time h3{color:var(--color-red);} .banner-btn{position:absolute; right:4.166666666666666vw; bottom:225px; z-index:2;} .banner-btn>*{display:block; width:62px; height:20px; border-bottom:1px solid #fff; margin-left:50px; position:relative;} .banner-btn>*:first-child{margin-left:0;} .banner-btn>*:before{content:''; display:block; width:14px; height:1px; background-color:#fff; position:absolute; left:0; bottom:-1px; transform-origin:left center; transform:rotate(-25deg);} .banner-btn>*.nexts:before{left:auto; right:0; transform-origin:right center;transform:rotate(25deg);} .l-pd120{padding-top:120px; padding-bottom:120px;} .l-container{padding-left:15.625vw; padding-right:15.625vw;} .lh-banner>.bd .text{position:absolute; left:0; top:0; right:0; bottom:0; display:flex; align-items:center; z-index:2; justify-content:center; padding-bottom:184px;} .lh-banner>.bd .text .name{letter-spacing:20px; transform:translateY(50px); opacity:0; transition:var(--transition);} .lh-banner>.bd .swiper-slide-active .text .name,.lh-banner>.bd .swiper-slide-duplicate-active .text .name{transform:translateY(0); opacity:1; transition-delay:.75s;} .l-font58{font-size:58px;} .l-font46{font-size:46px;} .index-sector{padding-left:15.625vw; background-color:#fbfbfb;} .l-font46.din{line-height:46px;} .index-sector>.left{width:268px;} .index-sector>.right{width:calc(100% - 268px); padding-left:90px;} .index-public .name{margin-top:20px;} .index-public .ccont{margin-top:68px;} .index-btn a{display:flex; align-items:center; justify-content:center; width:80px; height:80px; border-radius:50%; border:1px solid var(--color-red); color:#999; font-size:20px;} .sector-btn{justify-content:flex-end; margin-top:160px;} .sector-btn a{margin-top:30px;} .sector-btn a:first-child{margin-top:0;} .sector-btn a:hover{background:var(--color-red); color:#fff;} .sector-banner .bd .l-imgs{height:inherit;} .sector-banner .bd li{width:35%; padding-right:25px;} .sector-banner .bd li a{display:block; overflow:hidden; border-radius:16px; position:relative;height:30.57vw; min-height:200px; transform-origin:center top;} .sector-banner .bd li .text{position:absolute; left:0; bottom:0; right:0; height:50%; background:var(--linear-gradient-shadow); display:flex; align-items:flex-end; justify-content:center; padding:20px 20px 60px;} .sector-banner .bd li:nth-child(2) .text{background:var(--linear-gradient-shadow1);} .sector-banner .bd li:nth-child(3) .text{background:var(--linear-gradient-shadow2);} li .l-imgs{transition:var(--transition); height:100%;} .sector-banner .bd li a:hover .l-imgs{transform:scale(1.1);} .sector-banner .bd li.swiper-slide-active a,.sector-banner .bd li.swiper-slide-duplicate-active a{transform:scaleY(1.1);} .sector-banner .bd li a:hover{transform:scaleY(1.1);} .sector-hd{margin-top:80px;} .sector-hd>*{transition:var(--transition); width:6px; height:6px; opacity:1; background:var(--color-red); border-radius:20px;} .sector-hd>*.on{width:150px;} .sector-hd>*.on + li{width:22px;} .sector-other{width:1160px; height:1160px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.03); position:absolute; left:-774px; top:50%; transform:translateY(-50%); border-radius:50%; display:flex; align-items:center; justify-content:flex-end; padding-right:160px;pointer-events: none;} .index-sector>.left,.index-sector>.right{position:relative; z-index:3;} .sector-circle{width:664px; height:664px; border-radius:50%; border:1px dashed #D4A092;} .sector-item{width:100%; height:100%; border-radius:50%; position:relative;animation-name: circle;animation-duration: 20s;animation-iteration-count: infinite;animation-timing-function: linear;} .sector-item li{position:absolute; left:50%; top:0; width:80px; height:80px; border-radius:50%; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.05); margin:-40px 0 0 -40px; transform-origin:center 372px;} .sector-item li a{display:flex; align-items:center; justify-content:center; text-align:center; color:#6c6a6a; height:100%;} .sector-item li a img{max-width:30px;} .sector-item li a p{margin-top:8px;} .sector-item li a>*{animation-name: circle1;animation-duration: 20s;animation-iteration-count: infinite;animation-timing-function: linear; animation-play-state: running;} @keyframes circle{ to{transform:rotate(360deg);} } @keyframes circle1{ to{transform:rotate(-360deg);} } .l-pd90{padding-top:90px; padding-bottom:90px;} .index-news-top{align-items:center;} .index-news-top>*{flex:1;} .index-news-hd{flex:3; justify-content:flex-end;} .index-news-hd>*{margin-left:60px;} .index-news-hd>* a{position:relative;} .index-news-hd>* a:after{content:''; display:block; width:100%; height:3px; background-color:var(--color-red); position:absolute; left:0; bottom:-10px; transform:scaleX(0); transition:var(--transition);} .index-news-hd>*.on a:after,.index-news-hd>* a:hover:after{transform:scaleX(1);} .index-news-bottom{margin-top:60px;} .news-item{margin:30px 0 0 -30px;} .news-item>*{padding-left:30px; margin-top:30px;} .news-item>* a{position:relative; display:block;} .news-item>* a:after{content:''; display:block; width:100%; height:5px; background-color:var(--color-red); position:absolute; left:0; bottom:0; border-radius:20px; transform:scaleX(0); transition:var(--transition);} .news-item>* .img{height:12.5vw; min-height:200px; border-radius:10px;} .news-item>* .text{padding:30px 0;} .news-item>* .text .time{align-items:center;} .news-item>* .text .time b{transition:var(--transition);} .news-item>* .text .time>*{flex:1;} .news-item>* .text .time>*.view{display:flex; justify-content:flex-end;} .news-item>* .text .name{margin-top:10px;} .news-item>* .text .ccont{margin-top:20px;} .news-item>* a:hover:after{transform:scaleX(1);} .news-item>* a:hover .time b{color:var(--color-red);} .tab-bd>*{display:none;} .tab-bd>*.on{display:flex;} .index-concept>*{width:44%;} .index-concept>*.left{width:56%; padding-left:15.625vw; padding-right:6.77vw;} .concept-banner{margin-top:80px; padding-top:80px; border-top:1px solid var(--color-red);} .concept-banner .bd .nname{margin-top:15px;} .concept-banner .bd .ccont{margin-top:25px;} .concept-btn{margin-top:110px;} .concept-btn a{background-color:#fff; border-color:#fff; color:#000; margin-left:30px;} .concept-btn a:first-child{margin-left:0;} .concept-btn a:hover{background:var(--color-red); border-color:var(--color-red); color:#fff;} .concept-r{height:100%;} .concept-imgs{height:inherit;} .concept-imgs>*{flex:1;} .concept-imgs>*.top{flex:6;} .concept-imgs>*.top .l-imgs{height:100%; transition:ease 1s;} .concept-imgs>*.bottom{background-color:var(--color-yellow); display:flex; align-items:center; justify-content:center; padding:20px;} .l-pd60{padding-top:60px; padding-bottom:60px;} .index-ewm>*{flex:1;} .index-ewm>*.left .text>*{position:relative; margin-top:40px;} .index-ewm>*.left .text>*:before{content:''; display:block; width:100%; height:1px; background-color:#fff; position:absolute; left:0; top:-20px;} .index-ewm>*.left .text>*:first-child:before{display:none;} .index-ewm-item{justify-content:flex-end;} .index-ewm-item>*{margin-left:90px; text-align:center;} .index-ewm-item>* .img{width:194px; height:194px; border-radius:50%; border:1px solid #fff; display:flex; align-items:center; justify-content:center; padding:15px;} .index-ewm-item>* .text{margin-top:20px;} .index-ewm-item>* .text .nname{margin-top:10px;} .index-ewm-item>* .text .name{text-shadow:0 1px 8px rgba(0,0,0,.5);} .index-into{padding:50px;} .into-cont{border-radius:8px; padding-left:calc(15.625vw - 50px); padding-right:calc(15.625vw - 50px);} .into-item{margin-top:100px;} .into-item>*{min-width:260px;} .into-item>*>*{display:flex; align-items:center; padding:50px 32px;} .into-item>* .nname{margin-top:10px;} footer{padding-left:4.166666666666666vw; padding-right:4.166666666666666vw; padding-top:90px;} .footer-top>*{flex:1;} .footer-top>*.left{flex:.5;} .footer-top>*.left>img{width:362px;} .footer-contact{margin-top:60px;} .footer-contact dd{display:flex; align-items:center; margin-top:10px; line-height:30px;} .footer-contact dd i{font-size:24px; color:#000; margin-right:10px;} .footer-top>*.right{justify-content:flex-end;} .footer-top>*.right>*{margin-left:50px;} .footer-top>*.right dt{margin-bottom:30px;} .footer-top>*.right dd a{color:#999;} .footer-top>*.right a:hover{text-decoration:underline;} .footer-ewm{width:100px;} .footer-copy{margin-top:120px; padding:50px 0; border-top:1px solid var(--color-red);} .footer-copy>*{flex:1;} .footer-copy>*.right{display:flex; justify-content:flex-end;} .footer-copy span{margin-left:20px;} .footer-copy span:first-child{margin-left:0;} .footer-copy a:hover{text-decoration:underline;} .lh-ban{height:360px;} .lh-ban:before{content:''; display:block; width:1px; height:100%; position:absolute; left:15.625vw; top:0; background:rgba(255,255,255,.2);} .lh-ban>img{position:absolute; left:15.625vw; bottom:-17px;} .about-res>*{flex:1;} .res-text>.title{margin-top:40px; border-bottom:1px solid #E5E5E5; padding-bottom:20px; margin-bottom:20px;} .about-res>*.right{padding-left:40px; display:flex; align-items:flex-end;} .about-res>*.right .img{height:29.010416666666668vw; width:41.041666666666664vw; border-radius:5px 0 0 5px; position:relative; left:15.625vw;} .about-res>*.right .img .l-imgs{width:100%; height:100%; display: block;} .about-res>*.right .img i{display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background-color: rgba(255,255,255,.9); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} .res-total{height:115px; background-color:#363757; border-radius:56px 0 0 56px; text-align:center; color:#adadb2; padding:25px 0; position:relative; z-index:2; margin-top:-38px;} .res-total>*{flex:1; border-left:1px solid #50516D;} .res-total>*:first-child{border:none;} .res-total>* .time{display:flex; align-items:center; justify-content:center;} .res-total>* .time span{position:relative; top:-12px; left:2px;} .about-res>*.left{position:relative;} .about-res>*.left:before{content:''; display:block; width:200%; height:100%; border-radius:50px; background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(255,255,255,0)); position:absolute; left:-70px; bottom:-40px;} .about-res>*.left>*{position:relative; z-index:2;} .about-res{padding-bottom:140px;} .about-culture>*.left{width:60%; padding-left:15.625vw; padding-right:220px; padding-bottom:80px;} .about-culture>*.right{width:40%;} .culture-hd{height:100%;} .culture-hd>*{flex:1;} .culture-hd>* a{display:flex; align-items:center;padding:0 40px; background-color:#E4E4E5; background-image:url(../img/textures.png); width:100%; position:relative; box-shadow:0 0 20px rgba(0,0,0,.1);} .culture-hd>* a:before{content:''; display:block; width:150px; height:100%;background-color:var(--color-red);background-image:url(../img/textures.png); position:absolute; right:100%; top:0; transform:scaleX(0); transform-origin:right center; transition:var(--transition);} .culture-hd>*.on a{background-color:var(--color-red); color:#fff;} .culture-hd>*.on a:before{transform:scaleX(1);} .culture-hd>*.on .num{-webkit-text-stroke:1px #fff; -webkit-text-fill-color:#fff;} .l-font120{font-size:120px;} .culture-hd>* .text{margin-left:80px;} .culture-hd>* .text .nname{margin-top:10px;} .culture-hd>* .num{-webkit-text-fill-color:transparent; -webkit-text-stroke:1px #000; transition:var(--transition);} .culture-banner{margin-top:60px;} .about-lohas{padding-right:0;} .about-lohas>.left{width:330px;} .about-lohas>.right{width:calc(100% - 330px); padding-left:37px;} .lohas-banner .bd{display:block;} .lohas-banner .bd li a{height:254px;} .lohas-banner .bd li .img{width:360px; height:inherit; padding:12px; border-radius:6px; transition:var(--transition);} .lohas-banner .bd li .text{width:calc(100% - 360px); padding-left:6.25vw; padding-right:15.625vw; padding-top:50px;} .lohas-banner .bd li .text .name{transition:var(--transition);} .lohas-banner .bd li .text .ccont{margin-top:20px;} .lohas-banner{height:762px;} .lohas-btn a{border-color:#fff; background-color:#fff; color:var(--color-red); margin-top:30px;} .lohas-btn a:hover{border-color:var(--color-red);background-color:var(--color-red); color:#fff;} .about-lohas>.left>*{flex:1;} .lohas-btn{align-items:flex-end;} .lohas-banner .bd li{height:254px;} .lohas-banner .bd li.swiper-slide-prev>*,.lohas-banner .bd li.swiper-slide-next>*{opacity:.5;} .lohas-banner .bd li.swiper-slide-active{z-index:2;} .lohas-banner .bd li.swiper-slide-active a,.lohas-banner .bd li.swiper-slide-duplicate-active a{background:#fff; color:#000;} .lohas-banner .bd li.swiper-slide-active .img,.lohas-banner .bd li.swiper-slide-duplicate-active .img{background:#fff; transform:scale(1.2);} .lohas-banner .bd li.swiper-slide-active .text .name,.lohas-banner .bd li.swiper-slide-duplicate-active .text .name{color:var(--color-yellow);} .l-font100{font-size:100px;} .about-course>*{flex:1;} .about-course>*.right{flex:4; display:flex; justify-content:flex-end;} .course-item{width:100%;} .course-item>*{position:relative; justify-content:flex-end;} .course-item>* .text{position:absolute; left:0; bottom:50%; opacity:0; transform:translateY(50px); transition:var(--transition); color:#174675;} .course-item>*:nth-child(1) .text,.course-item>*:nth-child(2) .text,.course-item>*:nth-child(3) .text{bottom:auto ; top:50%;} .course-item .num{color:#95c8f3; cursor:pointer; position:relative;transition:var(--transition);} .course-item .num:before{content:''; display:block; width:150px; height:1px; background-color:#245D96; position:absolute; right:calc(100% + 50px); top:50%; transition:var(--transition); transform-origin:right center; transform:scaleX(0);} .course-item>*.on .text{opacity:1; transform:translateY(0);} .course-item>*.on .num:before{transform:scaleX(1);} .course-item>* .num span{transition:var(--transition); display:block;} .course-item>*.on .num span{color:#245D96; transform:scale(1.4); transform-origin:left center;} .honor-top>*{flex:1;} .honor-top>*.right{display:flex; justify-content:flex-end; align-items:flex-end;} .honor-top>*.right .ccont{position:relative;} .honor-top>*.right .ccont:before{content:''; display:block; width:12px; height:2px; background-color:#000; position:absolute; left:0; top:-20px;} .honor-banner-box{margin-top:80px;} .honor-banner{ margin:auto;} .honor-banner.swiper-container-horizontal{width:calc(100% - 60px);} .honor-banner li{width:33.3%; padding:0 10px;} .honor-banner li .img{min-height:250px; height:13.020833333333334vw; border-radius:5px; background-color:#450e0b; border:10px solid #450e0b; display:flex; align-items:center; justify-content:center; overflow:hidden;} .honor-banner li .img img{width:100%;} .honor-btn>*{font-size:24px; position:absolute; top:50%; transform:translateY(-50%); font-weight:bold;} .honor-btn>*.prevs{left:-60px;} .honor-btn>*.nexts{right:-60px;} .honor-btn>*:hover{color:var(--color-red);} .about-enterprise{background-color:#eaeaea;} .enterprise-top>*{flex:1;} .enterprise-top>*.right{display:flex; justify-content:flex-end;} .enterprise-btn a{margin-left:30px;} .enterprise-btn a:hover{background-color:var(--color-red); color:#fff;} .enterprise-bottom>.left{width:280px; padding-top:190px;} .enterprise-num ._num{align-items:flex-end;} .enterprise-num ._num .current{position:relative; top:18px;} .enterprise-bottom>.right{width:calc(100% - 280px); padding-left:50px;} .enterprise-banner{width:calc(100% + 15.625vw);} .enterprise-banner .bd li{width:30%; padding-right:2.6vw;} .enterprise-banner .bd li a{display:block;background:#fff; border-radius:5px; overflow:hidden;} .enterprise-banner .bd li .img{height:24.27vw;} .enterprise-banner .bd li .text{height:60px; align-items:center; padding:0 20px;} .enterprise-banner .bd li .text>*{flex:1;} .enterprise-banner .bd li .text .btn{display:flex; justify-content:flex-end; color:#666;} .enterprise-hd{height:1px; width:198px; margin-top:20px; background:#fff;} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff; height:3px; top:-1px;} .enterprise-bottom>.left>*{flex:1;} .enterprise-num{flex:.5; align-items:flex-end; display:flex; padding-bottom:20px;} .about-enterprise:before{content:''; display:block; width:43.75vw; height:100%; background-color:#c8ced3; position:absolute; left:0; top:0;} .about-enterprise>*{position:relative; z-index:2;} .enterprise-circle{position:static;} .enterprise-circle>*{width:345px; height:345px; border-radius:50%; border:4px solid #D6D6CE; position:absolute; left:-345px; top:-345px;} .book-layer{position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; opacity:0; visibility:hidden; background-color:rgba(0,0,0,.7);} .Books .book-layer{opacity:1; visibility:visible; transform:scale(1);transition:cubic-bezier(0.215,.61,.355,1) .45s;} .book-banner{width:70.20833333333333vw; height:45.83333333333333vw; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .bb-bookblock:before{content:''; display:block; width:40px; height:100%;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.3)); position:absolute; left:50%; top:0; z-index:3; margin-left:-20px; display:none;} .bb-bookblock .l-imgs{width:100%; height:100%;} .book-close{display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; background:var(--color-red); color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; position:absolute; right:6.770833333333333vw; top:8.6vw; z-index:3;transition:cubic-bezier(0.215,.61,.355,1) .45s;} .book-close:hover{transform:rotate(90deg);} .book-btn a{display:block; width:100px; height:54px; border:1px solid #fff; position:absolute; top:50%; transform:translateY(-50%); z-index:3;} .book-btn a:hover{border-color:var(--color-red);} .book-btn a.prevs{left:6.770833333333333vw;} .book-btn a.nexts{right:6.770833333333333vw;} .book-btn a i{display:block; width:20px; height:1px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-10px;} .book-btn a i:after{content:''; display:block; width:8px; height:1px; background:#fff; position:absolute; left:} .book-btn a.prevs i:after{left:0; top:0; transform-origin:left center; transform:rotate(-35deg);} .book-btn a.nexts i:after{right:0; top:0; transform-origin:right center; transform:rotate(35deg);} .bb-bookblock { width: 70.20833333333333vw; height: 45.83333333333333vw; background:#000; margin: 0 auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(.5); z-index: 100; -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .Books .bb-bookblock{transform:translate(-50%,-50%) scale(1); transition:var(--transition);} .bb-page { position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; } .bb-vertical .bb-page { width: 50%; height: 100%; left: 50%; -webkit-transform-origin: left center; -moz-transform-origin: left center; transform-origin: left center; } .bb-horizontal .bb-page { width: 100%; height: 50%; top: 50%; -webkit-transform-origin: center top; -moz-transform-origin: center top; transform-origin: center top; } .bb-page > div, .bb-outer, .bb-content, .bb-inner { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.3)); } .bb-vertical .bb-content { width: 200%; } .bb-horizontal .bb-content { height: 200%; } .bb-page > div { width: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .bb-page > div:not(:only-child) { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .bb-vertical .bb-back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); } .bb-horizontal .bb-back { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); } .bb-outer { width: 100%; overflow: hidden; z-index: 999; } .bb-overlay, .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; } .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.2); } /* */ .bb-bookblock.bb-vertical > div.bb-page:first-child, .bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .bb-bookblock.bb-horizontal > div.bb-page:first-child, .bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); } /* Content display */ .bb-vertical .bb-front .bb-content { left: -100%; } .bb-horizontal .bb-front .bb-content { top: -100%; } /* Flipping classes */ .bb-vertical .bb-flip-next, .bb-vertical .bb-flip-initial { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); } .bb-vertical .bb-flip-prev { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); } .bb-horizontal .bb-flip-next, .bb-horizontal .bb-flip-initial { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); } .bb-horizontal .bb-flip-prev { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); } .bb-vertical .bb-flip-next-end { -webkit-transform: rotateY(-15deg); -moz-transform: rotateY(-15deg); transform: rotateY(-15deg); } .bb-vertical .bb-flip-prev-end { -webkit-transform: rotateY(-165deg); -moz-transform: rotateY(-165deg); transform: rotateY(-165deg); } .bb-horizontal .bb-flip-next-end { -webkit-transform: rotateX(15deg); -moz-transform: rotateX(15deg); transform: rotateX(15deg); } .bb-horizontal .bb-flip-prev-end { -webkit-transform: rotateX(165deg); -moz-transform: rotateX(165deg); transform: rotateX(165deg); } .bb-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; background: #fff; } /* No JS */ .no-js .bb-bookblock, .no-js ul.bb-custom-grid li { width: auto; height: auto; } .no-js .bb-item { display: block; position: relative; } .lh-crumbs{align-items:center;} .lh-crumbs>*{flex:1;} .lh-crumbs>*.left{align-items:center;} .lh-crumbs>*.left span{margin-left:10px;} .lh-crumbs>*.left i{margin:0 4px;} .lh-crumbs>*.left a:hover{color:var(--color-red);} .lh-crumbs>*.right{justify-content:flex-end; flex:2;} .news-filter{margin-left:30px; background-color:#fff; width:300px; height:48px; border-radius:48px;} .news-filter a{display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:50%; background-color:var(--color-red); color:#fff; position:absolute; right:0; top:0;} .news-filter a.icon-sousuo1{z-index:3;} .news-filter input,.news-filter select{position:relative; z-index:2; border:none; height:48px; line-height:48px; padding:0 60px 0 20px;} .lh-other{background-color:var(--bg-gray);} .news-ul{margin:20px 0 0 -30px;} .news-ul>*{padding-left:30px; margin-top:30px;} .news-ul>*>*{display:block; background:#fff; border-radius:10px; overflow:hidden;} .news-ul>* .img{height:12.5vw; min-height:200px; border-radius:10px;} .news-ul>* .text{padding:20px;} .news-ul>* .cont .left{width:75px; border-right:1px solid #F0F0F0;} .news-ul>* .cont .right{width:calc(100% - 75px); padding-left:20px;} .news-ul>* .cont .ccont{margin-top:10px;} .news-ul>* .btn{padding-top:20px; margin-top:20px; border-top:1px solid #F0F0F0; align-items:center;} .news-ul>* .btn>*{flex:1;} .news-ul>* .btn>*.right{justify-content:flex-end; display:flex;} .news-ul>* .btn>*.left{align-items:center;} .news-ul>* .btn>*.left i{margin-right:10px; font-size:20px;} .news-ul>* .btn>*.right i{font-size:24px;} .news-ul>* .l-yellow{transition:var(--transition);} .news-ul>*>*:hover .l-yellow{color:var(--color-red);} .news-ul>*>*:hover .l-imgs{transform:scale(1.1);} .lh-load{display:flex; align-items:center; justify-content:center; margin-top:70px;} .lh-load i{font-size:24px; display:block; margin-right:6px; animation:load linear 1s infinite;} @keyframes load{ to{transform:rotate(360deg);} } .detail-cont{margin-top:30px; background-color:#f2f2f2;} .detail-l{background-color:#f7f7f7; width:calc(100% - 450px); padding:40px;} .detail-l>.time{margin-top:20px;} .detail-l>.nname{margin-top:6px; align-items:center;} .detail-l>.nname span{margin-left:60px; display:flex; align-items:center;} .detail-l>.nname span i{margin-right:10px; font-size:20px;} .detail-l>.nname span:first-child{margin-left:0;} .detail-l>.cont{padding:30px 0; margin-top:30px; border-top:1px solid #EEE;} .detail-page{margin-top:40px;} .detail-page>*{flex:1; padding-right:20px;} .detail-page>*:last-child{display:flex; justify-content:flex-end; padding:0 0 0 20px;} .detail-page>* a:hover{color:var(--color-red);} .detail-r{width:450px;} .news-newest{padding:40px;} .newest-item>*{padding:20px 0; border-top:1px solid #EEE;} .newest-item>*:first-child{border:none;} .newest-item>* .name,.newest-item>* .ccont{margin-top:10px;} .newest-item>* a:hover{color:var(--color-red);} .detail-ewm>*{padding:40px; margin-top:30px;} .detail-ewm>*:first-child{margin-top:0;} .detail-ewm>* .img{width:138px;} .detail-ewm>* .right{padding-left:50px; display:flex; align-items:flex-end;} .detail-ewm>* .right .ccont{margin-top:10px;} .index-news-top>.right{justify-content:flex-end; display:flex;} .lh-more{display:flex; align-items:center; justify-content:center; width:148px; height:40px; border-radius:40px; border:1px solid var(--color-red);} .lh-more:hover{background:var(--color-red); color:#fff;} .news-group .news-ul>*>*{background-color:#f7f8f8;} .video-cont{margin-top:20px;} .video-top{justify-content:center; position:relative; z-index:3;} .video-banner{width:790px; background:#fff; border-radius:10px;} .video-banner .title{height:44px; display:flex; align-items:center; padding:0 20px;} .video-banner .video{height:446px; background-color:#000;} .video-banner .video video{width:100%; height:100%;} .video-btn>*{position:absolute; top:50%; transform:translateY(-50%); margin:0;} .video-btn>*.prevs{left:0;} .video-btn>*.nexts{right:0;} .video-bottom{margin-top:45px; z-index:2;} .video-bottom:before{content:''; display:block; width:calc(100% + 31.25vw); height:calc(100% + 260px); background:rgba(255,255,255,.9); position:absolute; left:-15.625vw; bottom:-90px; z-index:-1; border-radius:0 10px 0 0;} .video-hd .bd li{width:20%; padding:0 20px;} .video-hd .bd li>*{display:block;} .video-hd .bd li>* .img{height:7.8125vw; min-height:80px; border-radius:5px; padding:10px; border:1px solid transparent; transition:var(--transition);} .video-hd .bd li>* .img>*{border-radius:5px;} .video-hd .bd li>* .name{margin-top:6px;} .video-hd .bd li.on .img{border-color:var(--color-red);} .video-hd{width:calc(100% + 60px); margin-left:-30px;} .video-hd-btn>*{width:100px; height:calc(7.8125vw - 20px); min-height:60px; background-color:#fff; position:absolute; top:10px; z-index:2;} .video-hd-btn>*.nexts{right:0; background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.9)); border-radius:0 5px 5px 0;} .video-hd-btn>*.prevs{left:0; background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,0)); border-radius:5px 0 0 5px;} .industry-cont{margin-top:50px;} .industry-cont>*{flex:1;} .industry-cont>*.left{flex:.8;} .industry-l>*{background-color:#f9f9f9; display:block; border-radius:10px; background-color:#f9f9f9; overflow:hidden;} .industry-l .img{height:313px; border-radius:10px;} .industry-l .img>*{height:inherit;} .industry-l .cont{padding:20px;} .industry-l .ccont{margin-top:10px;} .industry-l .btn{padding:20px; border-top:1px solid #E5E5E5; align-items:center;} .industry-l .btn>*{flex:1;} .industry-l .btn>*.come{display:flex; justify-content:flex-end;} .industry-cont>*.right{padding-left:20px;} .industry-item>*{flex:1; border-bottom:1px solid #F0F0F0;} .industry-item>*>*{padding:20px;} .industry-item>* .time{width:95px;} .industry-item>* .text{width:calc(100% - 95px);} .industry-item>* .ccont{margin-top:10px;} .industry-item{height:100%;} .industry-item>*>*{border-radius:6px;} .industry-item>*>*:hover{color:var(--color-red); background-color:#f9f9f9;} .dynamic-cont{margin-top:50px;} .dynamic-banner{background-color:#fff; border-radius:10px; overflow:hidden;} .dynamic-banner .bd a>*{flex:1;} .dynamic-banner .bd a>*.text{padding:80px 5.7vw 170px;} .dynamic-banner .bd a>*.text .name{margin-top:40px;} .dynamic-banner .bd a>*.text .ccont{margin-top:20px; padding-top:20px; border-top:1px solid #F1F1F1;} .news-dynamic:before{content:''; display:block; width:26.7vw; position:absolute; right:0; top:0; bottom:0; background:url(../img/c9.jpg) no-repeat center; background-size:cover;} .dynamic-btn{position:absolute; right:5.7vw; bottom:50px; z-index:2;} .dynamic-btn a{background-color:#dcdcdc; color:#fff;} .dynamic-hd{position:absolute; right:calc(100% + 3.64vw); top:50%; transform:translateY(-50%);} .dynamic-hd>*{display:block; margin:14px 0; width:10px; height:10px; transition:var(--transition); opacity:1; background-color:#aaa;} .dynamic-hd>*.on{background-color:var(--color-red);} .news-social{background-color:#f2f2f2; background-position:center top; background-repeat:no-repeat;} .social-banner{margin-top:150px; width:calc(100% + 15.625vw);} .social-item>*{width:25%; padding-right:16px;} .social-item>*>*{display:block; background-color:#fff; padding:10px; border-radius:6px; box-shadow:0 0 20px rgba(0,0,0,.1);} .social-item>* .img{height:13.54vw; min-height:160px;} .social-item>* .text{padding:20px 20px 40px;} .social-item>* .text .ccont{margin-top:20px; padding-top:20px; border-top:1px solid #F5F5F5;} .social-item>*>*:hover{color:var(--color-red);} .social-item>*>*:hover .l-imgs{transform:scale(1.1);} .other-nav>*{margin-left:20px;} .other-nav>* a{padding:6px 20px; border-radius:30px; border:1px solid #000;} .other-nav>*.on a,.other-nav>* a:hover{border-color:var(--color-red); color:var(--color-red);} .project-item{margin-top:50px; margin-left:-20px;} .project-item>*{padding-left:20px; margin-bottom:20px;} .project-item>*>*{display:block; background-color:#fff; border-radius:10px; overflow:hidden;} .project-item .img{height:11.97vw; min-height:190px; overflow:hidden;} .project-item .text{padding:20px;} .project-item>* .nname{margin-top:10px;} .project-item>*>*:hover{box-shadow:0 0 20px rgba(0,0,0,.1);} .project-item>*>*:hover{color:var(--color-red);} .project-item>*>*:hover .l-imgs{transform:scale(1.1);} .list-page{justify-content:center; align-items:center; margin-top:20px;} .list-page>*{margin:0 4px; height:30px; width:30px; display:flex; align-items:center; justify-content:center; border-radius:50%;} .list-page>*.iconfont{background-color:#b5b5b5; color:#fff;} .list-page>*.iconfont:hover{background-color:var(--color-red); color:#fff;} .list-page>*.on,.list-page>*:hover{color:var(--color-red);} .project-old{margin-top:40px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); padding:30px; border-radius:10px;} .project-old .left{width:230px;} .project-old .right{width:calc(100% - 230px);} .project-old-scroll{max-height:550px; overflow-y:auto;} .old-item>*>*{padding:15px 0; border-bottom:1px solid #F4F4F4;} .old-item>* .nname{width:225px;} .old-item>* .name{width:calc(100% - 225px); padding-left:40px;} .projectDetail-banner{height:36.45vw; min-height:320px;} .projectDetail-btn{position:absolute; right:40px; bottom:40px; z-index:2; color:#aaa;} .projectDetail-cont{padding:40px;} .projectDetail-cont>*{flex:1;} .projectDetail-cont>*.left>*{flex:1;} .projectDetail-cont>*.left>*.bottom{align-items:flex-end; display:flex;} .projectDetail-cont>*.left .addr{margin-top:20px;} .projectDetail-page>*>*{display:flex; align-items:center;} .projectDetail-page>*{margin-top:15px;} .projectDetail-page>* i{display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:60px; background-color:#fff; margin-right:10px; transition:var(--transition);} .projectDetail-page>*>*:hover i{background-color:var(--color-red);color:#fff;} .projectDetail-page>*>*:hover{color:var(--color-red);} .projectDetail-cont>*.right .ccont{margin-top:20px; padding-top:20px; border-top:1px solid #E5E5E5;} #myChart{height:600px;} .l-font70{font-size:70px;} .estate-devel>*{flex:1;} .estate-devel>*.left{flex:.7;} .estate-devel>*.left .title{margin-top:70px;} .estate-devel>*.left .total{margin-top:20px;} .estate-devel>*.left .total span{margin:0 8px;background-image:linear-gradient(90deg,#e3c98c,#fbd7a4,#e3c98c);-webkit-background-clip:text;color:transparent;} .regional-top .bd a>*.right{width:31vw;} .regional-top .bd a>*.left{width:calc(100% - 31vw); display:flex; align-items:flex-end;} .regional-top .bd .img{height:17.1875vw; min-height:160px; border-radius:10px;} .regional-top .bd a>*.left .nname{margin-top:10px;} .regional-top .bd a>*.left .ccont{margin-top:40px;} .regional-btn a{position:absolute; top:50%; transform:translateY(-50%); margin:0; background-color:#ddd; color:#fff; border-color:#ddd;} .regional-btn a:hover{border-color:var(--color-red); background-color:var(--color-red);} .regional-btn a.prevs{right:calc(100% + 40px);} .regional-btn a.nexts{left:calc(100% + 40px);} .regional-banner{width:calc(100% + 20px);} .regional-banner .bd>*{width:33.3%;} .strategy-about>*{flex:1; position:relative; z-index:2;} .strategy-about>*.left{flex:1.3; padding:0 90px 0 15.625vw;} .strategy-about>*.left .come{margin-top:50px;} .strategy-about>*.left .ccont{margin-top:30px;} .strategy-about-total>*{flex:1; display:flex; margin-top:120px;} .strategy-about-total>* i{position:relative; top:-40px;} .strategy-about>*.right{display:flex; align-items:center;} .strategy-about .view{height:17.3vw; min-height:120px; border-radius:10px 0 0 10px; align-items:center; justify-content:center; width:100%;} .strategy-about .view>*{width:140px; height:140px; border-radius:50%; background-color:var(--color-red); display:flex; align-items:center; justify-content:center; text-align:center;} .strategy-about .view>* i{font-size:44px; margin-bottom:6px; display:inline-block;} .strategy-about>.icon{content:''; display:block; width:34.79vw; flex:none; position:absolute; left:8vw; bottom:-2vw; z-index:1;} .strategy-business .title{margin-top:170px;} .strategy-business .come{margin-top:10px;} .business-item>*{margin-left:70px; text-align:center; margin-top:80px;} .business-item>*:first-child{margin-left:0;} .business-item>* .icon{height:46px;} .recom-banner>.bd>*{padding:0 10px;} .recom-banner{margin-left:-10px; width:calc(100% + 10px);} .index-news-top .concept-btn{margin-top:0;} .strategy-partners>.left{width:280px;} .strategy-partners>.left .ccont{margin-top:70px;} .strategy-partners>.right{width:calc(100% - 280px); padding-left:5.2vw; padding-top:60px;} .partners-banner>.bd>*{width:100%; padding:0 3px;} .partners-items{margin-left:-6px;} .partners-items>*{padding-left:6px;} .partners-banner>.bd>* a{display:block; height:104px; display:flex; align-items:center; justify-content:center; border-radius:5px; background-color:#fff; margin-bottom:6px;} .partners-hd{text-align:center; margin-top:30px;} .partners-hd>*{background-color:#fff; opacity:1; transition:var(--transition); margin:0 10px !important; border-radius:7px;} .partners-hd>*.on{width:30px;} .strategy-blue .index-public:not(.l-white)>.nname{color:var(--color-blue);} .strategy-blue .strategy-about .view>*{background-color:var(--color-blue);} .strategy-orange .index-public:not(.l-white)>.nname{color:var(--color-orange);} .strategy-orange .strategy-about .view>*{background-color:var(--color-orange);} .strategy-blue .index-public:not(.l-white)>.nname{color:var(--color-blue1);} .strategy-blue .strategy-about .view>*{background-color:var(--color-blue1);} .core-item{margin-top:125px; text-align:center; height:22.916666666666668vw;} .core-item>*{flex:1; height:100%; border-radius:50%; border:1px solid #8bb4e7; background:linear-gradient(0deg,rgba(19,100,202,.5),rgba(117,205,213,.5),rgba(117,205,213,.5),rgba(255,255,255,.5),rgba(255,255,255,.5)); display:flex; align-items:center; justify-content:center; position:relative; z-index:1; transform:scale(1.02);} .core-item>*:before{content:''; display:block; width:100%; height:100%; border:16px solid rgba(133,181,232,.3); position:absolute; left:0; top:0; transform:scale(1.07); border-radius:50%; z-index:-1;} .core-item>* .name{position:relative; display:inline-block;} .core-item>* .name:before,.core-item>* .name:after{content:''; display:block; width:0; height:0; border:8px solid transparent; border-left:8px solid #64c3d1; transform:rotate(140deg); position:absolute; right:calc(100% + 18px); bottom:0;} .core-item>* .name:after{right:auto; left:calc(100% + 18px); bottom:auto; top:0;transform:rotate(-40deg);} .core-item>* .ccont{margin-top:40px;} .l-font48{font-size:48px;} .l-lh46{line-height:46px;} .jy-text{justify-content:flex-end;} .jy-item{margin:130px 0 0 -3.38vw;} .jy-item>*{padding-left:3.38vw;} .jy-item>*>*{background-color:var(--color-orange); padding:10px; border-radius:10px; box-shadow:0 4px 8px rgba(231,110,82,.5);} .jy-item>*>*>*{background-color:#fff; text-align:center; border-radius:0 100px; padding:70px 20px; box-shadow:0 0 10px rgba(0,0,0,.5) inset;} .jy-item>*>*>* .name{display:inline-block;} .jy-item>*>*>* .name:before,.jy-item>*>*>* .name:after{content:''; display:block; width:8px; height:8px; border-radius:50%; background:var(--color-orange); position:absolute; right:calc(100% + 20px); top:50%; margin-top:-4px;} .jy-item>*>*>* .name:after{right:auto; left:calc(100% + 20px);} .jy-item>*>*>* .ccont{margin-top:35px;} .js-item{margin-top:50px; max-width:700px;} .js-item>*{margin-top:30px; background:linear-gradient(90deg,rgba(255,255,255,1),rgba(255,255,255,0));height:140px; border-radius:140px; align-items:center; padding:0 20px 0 80px;} .js-item>* .nname{margin-left:50px; position:relative; top:14px;} .joinDetail-top>*.right{width:148px;} .joinDetail-top .come{margin-top:10px;} .joinDetail-top{margin-bottom:20px;} .l-btn{width:148px; height:40px; border-radius:40px; background-color:var(--color-red); color:#fff; display:flex; align-items:center; justify-content:center;} .joinDetail-top>*.left{width:calc(100% - 148px); padding-right:40px;} .job-res-item{margin-top:20px;} .job-res-item>*{border-top:1px solid #EBEBEB;} .job-res-item>*:first-child{border:none;} .job-res-item>*>*{padding:20px 0; display:block;} .job-res-item>*>*:hover{color:var(--color-orange);} .job-res-item>* .top>*{flex:1;} .job-res-item>* .top>span{justify-content:flex-end; display:flex;} .job-res-item>* .bottom{margin-top:10px;} .job-res-item>* .bottom>*{flex:1;} .job-res-item>* .bottom>em{justify-content:flex-end; display:flex;} .lh-join>.left{width:650px;} .lh-join>.right{width:calc(100% - 650px); padding-left:5vw; display:flex; justify-content:flex-end;} .join-cont{margin-top:60px; padding-left:200px;} .join-banner .job-res-item>* .bottom{margin-top:20px;} .join-banner .job-res-item>*{border:none;border-bottom:1px solid rgba(0,0,0,.1);} .join-banner .job-res-item>*>*{padding:25px 0;} .join-hd{margin-top:60px; margin-left:-10px;} .join-hd>*{width:6px; height:6px; border-radius:50%; opacity:1; background-color:var(--color-red); margin:0 10px !important; transition:var(--transition); border-radius:6px;} .join-hd>*.on{width:30px;} .addr-top>*{flex:1;} .addr-top>*.right{display:flex; justify-content:flex-end;} .addr-top>*.right>*{margin-top:0;} .addr-map{margin-top:60px; height:300px;} .contact-company>*{flex:1;} .contact-company>*.left{padding-left:15.625vw; padding-right:30px;} .contact-company>*.right{padding-right:15.625vw; padding-left:4.16vw;} .company-item{margin:50px 0 0 -30px;} .company-item>*{padding-left:30px; margin-bottom:25px;} .company-item input,.company-item select,.company-item textarea{height:46px; border:none; line-height:46px; border:none; border-bottom:1px solid #000; padding:0;} .company-item textarea{height:126px; border:1px solid #000; padding:10px; border-radius:5px; line-height:24px;} li.w100{width:100%;} .company-submit .l-btn{width:214px; height:60px; border-radius:5px;} .l-font50{font-size:50px;} .tel-cont{align-items:center;} .tel-cont pre{margin-right:34px; position:relative;} .tel-cont pre:before{content:''; display:block; width:1px; height:100%; background-color:#fff; position:absolute; right:-14px; top:0;} .supervision-cont{margin-top:70px;} .supervision-cont>*{flex:1;} .supervision-item>*{margin-top:20px; position:relative; height:50px; background:#fff; border-radius:5px; padding:0 20px; line-height:50px;} .supervision-item>* input,.supervision-item>* select{position:absolute; left:0; right:0; height:50px; line-height:50px; padding:0 50px 0 130px; z-index:2; top:0; border:none; text-align:right;direction: rtl; color:#000;} .supervision-item>* i,.supervision-item>* span{position:absolute; right:20px; top:0;} .supervision-item>* input{padding:0 20px 0 100px;} .supervision-item>*:first-child{margin-top:0;} /*.supervision-item>*.tel input{text-align:left; padding:0 320px 0 134px;}*/ .supervision-cont>*.right{padding-left:3.125vw;} .submit-img{height:260px; background:#fff; border-radius:5px; padding:20px; position:relative;} .submit-img .tip{position:absolute; left:0; top:50%; right:0; text-align:center; transform:translateY(-50%);} .submit-img-item>*{width:100px; height:100px; overflow:hidden; display:flex; align-items:center; justify-content:center; background-color:#F4F3F3; margin-top:10px; margin-right:10px;} .submit-btn{margin-top:20px; margin-left:-20px;} .submit-btn>*{padding-left:20px;} .submit-btn>*>*{height:50px; display:flex; align-items:center; justify-content:center; border-radius:5px; color:#fff; background-color:var(--color-red);} .submit-btn>*:last-child>*{background-color:var(--color-yellow);} .lohas-layer{position:fixed; left:0; right:0; bottom:0; top:0; background:rgba(0,0,0,.5); align-items:center; justify-content:flex-end; z-index:1000; display:none;} .lohas-layer-cont{width:1285px; height:638px; border-radius:10px 0 0 10px; padding:80px;} .lohas-close{position:absolute; right:80px; top:40px; font-size:20px;} .lohas-layer-main{width:80%;} .lohas-layer-main>.left{width:390px;} .lohas-layer-main>.left .l-imgs{height:290px; border-radius:10px;} .lohas-layer-main>.left .label{overflow:hidden;} .lohas-layer-main>.left .label>*{padding:10px 40px; margin-top:20px; margin-right:20px; border:1px solid var(--color-yellow); border-radius:30px; float:left;} .lohas-layer-main>.right{width:calc(100% - 390px); padding-left:40px;} .lohas-scrolls{margin-top:20px; max-height:420px; overflow-y:auto;} .lohasLayer .lohas-layer{display:flex;} .toggle-nav{width:100%;} .news-item>* .text .time>*.view i{margin-right:4px;} .course-text{flex:1;} .course-banner{height:600px;padding-right:90px; padding-bottom:10px;} .course-item .num{line-height:100px;} .course-banner .text{display:none;} .course-btn a{position:absolute; left:50%; margin-left:-90px; background-color:#fff; border-color:#fff; color:var(--color-red);} .course-btn a.prevs{top:0;} .course-btn a.nexts{bottom:0;} .course-cont{padding:100px 0;} .course-text{padding-top:300px; color:#fff; left:-100px; position:relative;} .about-course>*.right{position:relative; left:90px;} .culture-hd>* a>*{opacity:.8;} .index-ewm-item>*:first-child{margin-left:0;} .footer-top>*.right>*:first-child{margin-left:0;} .culture-hd>* .cont{display:none; padding:30px 15px;} .lh-fixed{position:fixed; right:20px; top:50%; transform:translateY(-50%); z-index:100;} .lh-fixed .ewm{position:absolute; right:120%; top:50%; transform:translateY(-50%); opacity:0;pointer-events:none;} .lh-fixed .ewm>*{width:120px; height:120px; background-color:var(--color-red); padding:10px; position:relative; border-radius:6px;} .lh-fixed .ewm>*::after{content:''; display:block; width:0; height:0; border:8px solid transparent; border-left:8px solid var(--color-red); position:absolute; right:-16px; top:50%; margin-top:-8px;} .lh-fixed:hover .ewm{opacity:1;pointer-events:auto; transition:var(--transition);} .lh-video-layer{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.7); align-items: center; justify-content: center; padding: 10%; z-index: 1000; display: flex;} .lh-video-layer video{width: 100%;} .lh-videoLayer-close{position: absolute; right: 0; top: 0; width: 50px; height: 50px; color:#fff; font-size: 24px; display: flex; align-items: center; justify-content: center;} /* --color-wathet linear-gradient(0deg,rgba(255,255,255,.4),rgba(255,255,255,0)); F5AB00 transparent font-family: "ebrimabd"; .hRegular{font-family: "hRegular";} .hLight{font-family: "hLight";} .hBold{font-family: "hBold";} l-uppercase transition:cubic-bezier(0.215,.61,.355,1) .45s; */ @media all and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 4.1), (-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 4.1), (min-resolution: 1.09dppx) and (max-resolution: 4.1dppx){ .toggle-nav>* dt{margin-bottom:20px;} .header-toggle{padding: 100px calc(14.583333333333334vw - 50px) 0;} .toggle-bottom{align-items:center;} .NavToggle .lh-logo{transform:scale(1);} .toggle-bottom .right{align-items:center !important;} .l-font58{font-size:42px;} .l-font18{font-size:16px;} .banner-news{height:120px;} .l-font134{font-size:92px;} .banner-news>.right{padding-left:50px; width:calc(100% - 150px); padding-right:50px;} .banner-num{width:150px;} .news-banner-item>* .name{line-height:22px;font-size:14px;} .banner-btn{bottom:160px;} .banner-btn>*{width:30px; margin-left:20px;} .l-font46{font-size:32px;} .l-font46.din{line-height:32px;} .l-font32{font-size:26px;} .index-public .ccont{margin-top:40px;} .sector-btn{margin-top:30px;} .index-btn a{width:60px; height:60px; margin-top:10px;} .sector-other{left:-800px;} .index-sector>.right{padding-left:40px;} .sector-hd>*.on{width:60px;} .sector-banner .bd li .text{padding:20px;} .l-font20{font-size:18px;} .l-lh32{line-height:26px;} .l-font28{font-size:24px;} .concept-btn{margin-top:60px;} .concept-banner{margin-top:40px; padding-top:40px;} .index-ewm-item>*{margin-left:30px;} .l-container{padding-left:200px; padding-right:200px;} .index-ewm-item>* .img{width:120px; height:120px; padding:10px;} .index-ewm>*.left .text>*:first-child{margin-top:0;} .l-font24{font-size:20px;} .footer-top>*.right>*{margin-left:30px;} .footer-top>*.right dt{margin-bottom:10px;} .lohas-banner .bd li .text{padding-left:50px; padding-right:20px; width:calc(100% - 240px); padding-top:20px;} .l-font100{font-size:80px;} .video-hd .bd li{padding:0 10px;} .video-hd .bd li>* .img{padding:5px;} .l-font70{font-size:60px;} .about-res>*.left{flex:none; width:60%;} .about-res>*.right{flex:none; width:40%; padding-left:20px;} .l-font40{font-size:32px;} .about-res>*.right .img{left:10vw;} .about-culture>*.left{padding-bottom:20px; padding-top:40px;} .culture-banner{margin-top:40px;} .l-font16{font-size:14px;} .lohas-banner .bd li,.lohas-banner .bd li a{height:180px;} .lohas-banner{height:540px;} .lohas-banner .bd li .img{width:240px;} .lohas-banner .bd li .text .ccont{margin-top:10px;} .course-item .num{line-height:60px; font-size:60px;} .course-banner{height:400px;} .index-public .name{margin-top:10px;} .video-bottom{margin-top:20px;} } @media screen and (min-width: 2000px){ } @media screen and (max-width: 1600px){ } @media screen and (max-width: 1500px){ } @media screen and (max-width: 1366px){ .toggle-nav>* dt{margin-bottom:20px;} .header-toggle{padding: 100px calc(14.583333333333334vw - 50px) 0;} .toggle-bottom{align-items:center;} .NavToggle .lh-logo{transform:scale(1);} .toggle-bottom .right{align-items:center !important;} .l-font58{font-size:42px;} .l-font18{font-size:16px;} .banner-news{height:120px;} .l-font134{font-size:92px;} .banner-news>.right{padding-left:50px; width:calc(100% - 150px); padding-right:50px;} .banner-num{width:150px;} .news-banner-item>* .name{line-height:22px;font-size:14px;} .banner-btn{bottom:160px;} .banner-btn>*{width:30px; margin-left:20px;} .l-font46{font-size:32px;} .l-font46.din{line-height:32px;} .l-font32{font-size:26px;} .index-public .ccont{margin-top:40px;} .sector-btn{margin-top:30px;} .index-btn a{width:60px; height:60px; margin-top:10px;} .sector-other{left:-800px;} .index-sector>.right{padding-left:40px;} .sector-hd>*.on{width:60px;} .sector-banner .bd li .text{padding:20px;} .l-font20{font-size:18px;} .l-lh32{line-height:26px;} .l-font28{font-size:24px;} .concept-btn{margin-top:60px;} .concept-banner{margin-top:40px; padding-top:40px;} .index-ewm-item>*{margin-left:30px;} .l-container{padding-left:200px; padding-right:200px;} .index-ewm-item>* .img{width:120px; height:120px; padding:10px;} .index-ewm>*.left .text>*:first-child{margin-top:0;} .l-font24{font-size:20px;} .footer-top>*.right>*{margin-left:30px;} .footer-top>*.right dt{margin-bottom:10px;} .lohas-banner .bd li .text{padding-left:50px; padding-right:20px; width:calc(100% - 240px); padding-top:20px;} .l-font100{font-size:80px;} .video-hd .bd li{padding:0 10px;} .video-hd .bd li>* .img{padding:5px;} .l-font70{font-size:60px;} .about-res>*.left{flex:none; width:60%;} .about-res>*.right{flex:none; width:40%; padding-left:20px;} .l-font40{font-size:32px;} .about-res>*.right .img{left:10vw;} .about-culture>*.left{padding-bottom:20px; padding-top:40px;} .culture-banner{margin-top:40px;} .l-font16{font-size:14px;} .lohas-banner .bd li,.lohas-banner .bd li a{height:180px;} .lohas-banner{height:540px;} .lohas-banner .bd li .img{width:240px;} .lohas-banner .bd li .text .ccont{margin-top:10px;} .course-item .num{line-height:60px; font-size:60px;} .course-banner{height:400px;} .index-public .name{margin-top:10px;} .video-bottom{margin-top:20px;} } /*骞虫澘*/ @media screen and (max-width: 1024px){ .l-font20{font-size:16px;} .l-font26,.l-font24{font-size:18px;} .l-font12{font-size:12px;} .l-font14{font-size:14px;} .l-font16{font-size:14px;} .l-font18{font-size:14px;} .l-font130{font-size:32px;} .l-font32{font-size:24px;} .l-font70{font-size:24px;} .l-font30{font-size:18px;} .l-font40{font-size:20px;} .l-lh30{line-height:24px;} .l-font36{font-size:20px;} .l-lh24{line-height:20px;} .l-font48{font-size:24px;} .l-col-1,.l-col-2,.l-col-3,.l-col-4,.l-col-5,.l-col-6,.l-col-7,.l-col-8,.l-col-9,.l-col-10,.l-col-11,.l-col-12{width:100%;} .l-grid-2>*,.l-grid-3>*,.l-grid-4>*,.l-grid-5>*,.l-grid-6>*,.l-grid-7>*,.l-grid-8>*{width:100%;} .lh-cursor{display:none;} header{left:0; right:0; height:50px; background-color:#fff; padding:0 15px; box-shadow:0 0 20px rgba(0,0,0,.1);} .lh-logo{width:80px;} .lh-nav{display:none;} .lh-logo .logo1{opacity:0;} .lh-logo .logo2{opacity:1;} .nav-btn:before, .nav-btn:after,.nav-btn i{background-color:#000;} .NavToggle .lh-logo{transform:scale(1);} .toggle-nav{padding-left:10px;} .toggle-nav>*{flex:none; width:33.3%; margin-top:20px;} .toggle-bottom{display:none;} .toggle-nav>* dt{margin-bottom:10px; font-weight:bold;} .l-font58{font-size:24px;} .banner-news{display:none;} .banner-btn{bottom:20px; right:15px;} .banner-btn>*{width:30px; margin-left:20px;} header.Fixed{padding:0 15px;} .index-sector{padding-left:15px;} .l-pd120{padding-top:40px; padding-bottom:40px;} .l-font46{font-size:30px;} .l-font46.din{line-height:30px;} .l-font32{font-size:20px;} .l-lh26{line-height:24px;} .index-public .ccont{margin-top:30px;} .index-sector{display:block;} .index-sector>.left{width:100%;} .index-sector>.right{width:100%; padding-left:0; margin-top:30px;} .sector-banner .bd li{width:100%; padding-right:15px;} .sector-banner .bd li a{height:240px;} .sector-other{display:none;} .sector-btn{margin-top:30px; justify-content:flex-start;} .sector-btn>*{display:flex;} .sector-btn a{margin-top:0; margin-right:15px;} .index-btn a{width:52px; height:52px;} .index-public .name{margin-top:10px;} .sector-banner .bd li .text{height:20%; padding:15px;} .sector-banner .bd li.swiper-slide-active a, .sector-banner .bd li.swiper-slide-duplicate-active a{transform:scaleY(1);} .sector-hd{margin-top:20px;} .sector-hd>*.on{width:30px;} .sector-hd>*.on + li{width:18px;} .l-pd90{padding-top:40px; padding-bottom:40px;} .l-container{padding-left:15px; padding-right:15px;} .index-news-hd>*{margin-left:20px;} .index-news-bottom{margin-top:0;} .news-item>*{margin-top:20px;} .news-item>* .text{padding:20px 0;} .l-font28{font-size:20px;} .news-item>* .text .ccont{margin-top:10px;} .index-concept{display:block;} .index-concept>*.left{width:100%; padding-left:15px; padding-right:15px;} .concept-banner{margin-top:30px; padding-top:30px;} .concept-btn{margin-top:40px;} .index-concept>*.right{display:none;} .index-ewm{display:block;} .l-pd60{padding-top:40px; padding-bottom:40px;} .index-ewm>*.left .text>*:first-child{margin-top:0;} .index-ewm-item{justify-content:center; margin-top:30px;} .index-ewm-item>*{margin:0 20px;} .index-ewm-item>* .img{width:130px; height:130px; padding:5px;} .index-ewm-item>* .text{margin-top:10px;} .index-into{padding:15px;} .into-item{margin-top:30px;} .into-item>*>*{padding:20px;} .l-font22{font-size:16px;} footer{padding-left:15px; padding-right:15px; padding-top:40px;} .footer-top>*.right{display:none;} .footer-top{display:block;} .footer-top>*.left>img{width:180px;} .footer-contact{margin-top:30px;} .footer-copy{margin-top:40px; padding:20px 0; display:block; line-height:20px;} .footer-copy span{display:block; margin-left:0;} .footer-copy>*.right{display:block;} .lh-loading p span{margin:0 20px;} .lh-ban{height:200px;} .lh-ban>img{width:16px; bottom:-8px;} .about-res{display:block;} .res-text>.title{margin-top:20px;} .about-res>*.right{padding-left:0; margin-top:40px; display:block;} .about-res>*.right .img{height:220px; width:100%;} .res-total>* .time span{font-size:12px; top:-6px;} .about-culture>*.left{width:100%; padding-left:15px; padding-right:15px; padding-bottom:40px;} .culture-banner{margin-top:30px;} .l-lh32{line-height:26px;} .about-culture>*.right{width:100%;} .culture-hd>*{width:100%;} .l-font120{font-size:60px;} .culture-hd>* a:before{display:none;} .culture-hd>* a{padding:15px;} .culture-hd>* .text{margin-left:20px;} .index-btn>div{display:flex; align-items:center;} .index-btn a{margin-left:20px;} .index-btn a:first-child{margin-left:0;} .about-lohas>.right{width:100%; margin-top:30px; padding-left:0;} .lohas-banner .bd li a{height:auto;} .lohas-banner .bd li .img{width:100%; height:200px;} .lohas-banner .bd li.swiper-slide-active .img, .lohas-banner .bd li.swiper-slide-duplicate-active .img{transform:scale(1);} .lohas-banner .bd li .text{width:100%; padding:15px;} .lohas-banner .bd li .text .ccont{margin-top:10px;} .l-lh28{line-height:24px;} .lohas-banner{height:360px;} .about-course{display:block;} .about-course>*.right{padding-left:0; padding-top:200px; position:relative;} .l-font100{font-size:50px;} .course-item{display:flex;} .course-item>*{position:static; margin:0 5px;} .course-item .num{font-size:20px; color:#000; position:relative; z-index:3;} .course-item>*.on .num span{transform:scale(1);} .course-item>* .text{top:30px !important; bottom:auto!important;} .course-item .num:before{display:none;} .honor-top{display:block;} .honor-top>*.right{margin-top:30px;} .honor-top>*.right .ccont{white-space:normal;} .honor-banner-box{margin-top:30px;} .honor-banner li .img{height:auto; min-height:inherit;} .enterprise-bottom{display:block;} .enterprise-bottom>.left{width:100%; padding-top:40px;} .enterprise-bottom>.right{width:100%; padding-left:0; margin-top:30px;} .enterprise-banner .bd li .img{min-height:480px;} .enterprise-banner{width:100%;} .lohas-layer-cont{width:90%; height:auto; padding:20px;} .lohas-layer-main>.left{width:100%;} .lohas-layer-main{width:100%; display:block;} .lohas-layer-main>.left .l-imgs{height:200px;} .lohas-layer-main>.left .label>*{padding:4px 20px; margin-right:10px; margin-top:10px; font-size:12px;} .lohas-layer-main>.right{width:100%; padding-left:0; margin-top:20px;} .lohas-scrolls{max-height:200px;} .lohas-close{right:101%; top:50%; width:30px; height:30px; border-radius:50%; background-color:#fff; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:bold;} .book-close{width:40px; height:40px; right:15px; top:15px;} .bb-bookblock{width:100vw; height:70vw; top:40%;} .book-btn{position:absolute; left:0; bottom:50px; text-align:center; right:0;} .book-btn a{position:static; display:inline-block; height:42px; width:110px; margin:0 10px;} .video-banner .video{height:310px;} .video-bottom{margin-top:0;} .video-hd .bd li{padding:0 5px;} .video-hd .bd li>* .img{padding:5px;} .lh-more{width:120px;} .industry-cont{display:block;} .industry-l .img{height:200px;} .dynamic-banner .bd a{display:block;} .dynamic-banner .bd a .img{height:200px;} .dynamic-banner .bd a>*.text{padding:20px;} .dynamic-banner .bd a>*.text .icon{width:120px;} .dynamic-banner .bd a>*.text .name{margin-top:20px;} .social-banner{margin-top:40px; width:100%;} .social-item>*{width:100%;} .social-item>* .text{padding:20px 0;} .estate-devel>*.left .title{margin-top:30px;} .estate-devel{display:block;} #myChart{height:320px;} .regional-top .bd a>*.left{width:100%;} .regional-top .bd a>*.right{width:100%; margin-top:30px;} .regional-top .bd .img{min-height:180px;} .regional-top{margin-top:30px;} .regional-top .bd a>*.left .ccont{margin-top:0px;} .regional-bottom{display:none;} .project-item{margin-top:30px;} .strategy-about{display:block;} .strategy-about>*.left{padding:0 15px;} .strategy-about>*.left .come{margin-top:20px;} .strategy-about-total>*{margin-top:30px;} .strategy-about-total>* i{top:-20px;} .strategy-about>*.right{margin-top:30px;} .strategy-about .view{min-height:200px;} .strategy-about .view>*{width:100px; height:100px;} .strategy-about .view>* i{font-size:24px; margin-bottom:2px;} .strategy-business .title{margin-top:30px;} .l-font34{font-size:24px;} .business-item>*{margin-top:30px; margin-left:20px;} .recom-banner>.bd>*{width:100%;} .strategy-partners{display:block;} .strategy-partners>.left .ccont{margin-top:30px;} .strategy-partners>.right{width:100%; padding-left:0; padding-top:30px;} .join-cont{margin-top:30px; padding-left:0;} .lh-join>.right{display:none;} .lh-join>.left{width:100%;} .job-res-item{margin-top:0;} .join-banner .job-res-item>* .bottom{margin-top:10px;} .join-banner .job-res-item>*>*{padding:20px 0;} .addr-top{display:block;} .addr-top>*.right{display:block; margin-top:20px;} .addr-map{margin-top:30px; height:220px;} .contact-company>*.left{padding-left:15px; padding-right:15px;} .contact-company{display:block;} .contact-company>*.right{padding-right:15px; padding-left:15px;} .company-item{margin:0 0 0 -30px;} .company-item>*{margin-bottom:10px;} .company-submit .l-btn{width:100%;} .l-font50{font-size:32px;} .supervision-cont{margin-top:30px; display:block;} .supervision-cont>*.right{padding-left:0; margin-top:30px;} .supervision-item>*{margin-top:10px;} .supervision-item>* span{top:80%; right:0;} .submit-btn>*{width:50%;} .detail-cont{display:block;} .detail-l,.detail-r{width:100%;} .detail-l{padding:20px;} .detail-l>.time{margin-top:10px;} .detail-page{margin-top:0;} .detail-r{margin-top:20px;} .detail-ewm>*{padding:20px;} .detail-ewm>* .right{padding-left:20px;} .projectDetail-btn{right:10px; bottom:10px;} .l-font60{font-size:30px;} .projectDetail-cont{padding:20px; display:block;} .projectDetail-cont>*.left .addr{margin-top:10px;} .projectDetail-cont>*.right{margin-top:30px;} .news-newest{padding:20px;} .partners-items>*{width:50%;} .js-item>*{padding:20px 30px; height:auto; display:block;} .js-item>* .nname{top:0; margin-top:10px;} .core-item{margin-top:0; display:block; height:auto;} .core-item>*{width:250px; height:250px; margin-top:30px;} .jy-item>*{margin-top:15px;} .jy-item{margin:50px 0 0 -3.38vw;} .jy-text{display:block; margin-top:20px;} .l-lh46{line-height:28px;} .about-course>*.right{left:0; padding-top:0; display:block;} .course-text{left:0; padding-top:30px;} .course-banner{height:100px;} .course-cont{padding:0 60px;} .course-btn a{left:auto; top:50%; transform:translateY(-50%); margin:0;} .course-btn a.prevs{top:50%; left:0;transform:translateY(-50%) rotate(-90deg);} .course-btn a.nexts{top:50%; right:0;transform:translateY(-50%) rotate(-90deg);} .dynamic-btn{bottom:200px; right:15px;} .core-item>*:before{display:none;} .core-item>*{border:none; background:none; width:100%; height:auto; display:block; transform:scale(1); text-align:left;} .core-item>* .ccont{margin-top:10px; padding-left:50px;} .about-res>*.left{width:100%;} .about-res>*.right{width:100%;} .lh-crumbs>*.right{display:flex; flex:none; width:100%;} .news-filter{width:100%; margin-left:0; margin-top:10px;} .lh-crumbs>*{flex:none;} .about-culture>*.left{padding-bottom:20px;} .culture-banner{display:none;} .culture-hd>*.on .cont{display:block;} .project-old{display:block; padding:20px; margin-top:0;} .project-old .left,.project-old .right{width:100%;} .project-old-scroll{max-height:inherit;} .old-item>* .nname{width:100px;} .index-news-top{display:block;} .index-news-top>.right{display:block;} main{width:100vw; overflow-x:hidden;} .lh-fixed{top:auto; transform:translateY(0); bottom:20px;} .lh-fixed>a img{width:50px; margin:auto;} .lh-fixed:hover .ewm{top:auto; transform:translateY(0); bottom:0;} } /*鎵嬫満*/ @media screen and (max-width: 980px){ }