#header .nav .hed_lastLi .box { width: 100px; margin-left: -50px; } #header .nav>ul .hed_lastLi>a:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); margin-left: -17px; width: 2px; height: 15px; background: #e8e8e8; } body::-webkit-scrollbar,html::-webkit-scrollbar{width:6px;border-radius:6px} body::-webkit-scrollbar-button,html::-webkit-scrollbar-button{display:none} body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background-color:#eee} body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background-color:#999} ::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(210,210,210,0.48);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:0} ::-webkit-scrollbar-thumb{background-color:#cbcbcb;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} img{display:block} .index{margin:auto} .w1200{width:1280px;margin:auto} video{object-fit:cover} body{background-color:#fff;position:relative;width:100%;margin:0 auto !important;min-width:1200px;overflow-x:hidden;max-width:2200px;left:0} #luxy{width:100%;margin:0 auto;min-width:1200px;overflow-x:hidden;background-color:#fff;padding-bottom:0 !important;left:0;right:0} .header{width:100%} #header{width:100%;min-width:1200px;max-width:2200px;margin:auto;height:86px;position:fixed;box-sizing:border-box;top:0;left:0;right:0;z-index:999;border-bottom:3px solid #e40007;background:#fff;transition:all .6s;-webkit-transition:all .6s} #header.on{background:#fff} #header.on .logo{background-image:url(/static/reception/images/logo.png)} #header .logo{float:left;box-sizing:border-box;margin:2px 0 0 0;background:url(/static/reception/images/logo.png) no-repeat center;width:371px;height:79px} .header{padding:0 3px 0 30px} #header .Version{float:left;height:90px;line-height:90px;padding-left:20px;padding-top:10px} #header .nav{float:right} #header .nav> ul{float:left;position:relative;padding-right:37px} #header .nav>ul li{float:left;text-align:center;position:relative;margin-left:35px} #header .nav>ul li>a{line-height:83px;font-weight:600;color:#434343;display:inline-block;font-size:17px;position:relative;-webkit-transition:all .3s;transition:all .3s} #header .nav>ul li>a:hover,#header .nav>ul li.on>a{color:#e50012} #header .nav .box{display:none;position:absolute;left:50%;right:0;width:160px;padding:18px 0;margin-left:-80px;top:100%;border-top:3px solid #e40007;background:#fff;box-shadow: 0 0 20px rgba(0,0,0,.1);} #header .nav .max-box{width:180px;margin-left:-90px} #header .nav .box a{display:inline-block;position:relative;font-size:14px;color:#434343;line-height:30px;transition:all .3s} #header .nav .box a.on,#header .nav .box a:hover{color:#d80912} #header .nav .box a.on:after,#header .nav .box a:hover:after{position:absolute;left:-12px;top:50%;margin-top:-2px;content:"";display:block;width:4px;height:4px;background:#e62129} .header .nav .inner_bor{height:3px;background-color:#d72f27;position:absolute;bottom:0px;left:0;display:none} #header .nav>ul .nav_er{width:100%;min-width:1200px;max-width:2200px;position:absolute;top:100%;left:0;display:none} #header .nav > ul .nav_er .div_dl{background:rgba(0,0,0,0.5);overflow:hidden} #header .nav > ul .nav_er .div_dl a{float:left;color:#fff} .head_ri{float:right;width:20px;height:83px;background:url(/static/reception/images/about/head_ri.png) no-repeat center;margin:0 35px 0 0;cursor:pointer;display: none;} .contains{height:313px;overflow:hidden} .banner{width:100%;margin:auto !important;height:684px !important;position:relative;overflow:hidden} .banner .content{width:1280px;height:100%;position:absolute;left:0;right:0;top:0;margin:auto;z-index:3} .banner .content .ban_t{position:relative;height:100%;width:1400px;margin:0 auto} .banner .content .ban_t .txt1{animation-duration:2s;animation-delay:.3s} .banner .content .ban_t .txt1 img{max-width:100%;height:auto;box-sizing:border-box;border:0;vertical-align:middle} .banner-pagination{width:1200px;position:absolute;left:0;right:0;bottom:50px;margin:auto;text-align:right} .banner-pagination .swiper-pagination-bullet{display:inline-block;vertical-align:top;width:12px;height:6px;overflow:hidden;background-color:#e50012;margin-left:6px;transition:all .4s;cursor:pointer;position:relative;left:0;font-size:0;z-index:10;border-radius:0;opacity:1} .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff;width:50px} .banner-wrapper{position:relative;z-index:1;display:flex} .banner-slide{overflow:hidden;flex-shrink:0;width:100%;height:684px;position:relative;background: #fff;} .banner-slide .bg,.banner-slide .video{height:100%;background:no-repeat center;background-size:cover} .banner-slide .video{position:relative} .banner-slide .video .loading{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 55; animation:identifier 2s linear infinite; -webkit-animation:identifier 2s linear infinite; } @keyframes identifier { 0%{ transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); } 100%{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } } .banner-slide .video.on:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index: 3;} .banner-slide .vdo2:after{background:rgba(0,0,0,.5)} .banner-slide video{width:100%;height:100%; position:relative; z-index: 6;} .banner-slide .h1{font-size: 68px; color: #fff; font-weight: 300; line-height: 70px; margin-bottom: 18px;} .banner-slide .h2{font-size: 48px; color: #da2228; line-height: 1; font-family:"Rajdhani-Bold"; letter-spacing: -2px;} .banner .txt{position:absolute;left:0;top:0;right:0;width:90%;height:100%;max-width:1280px;margin:0 auto;z-index:10} .banner .txt img{position:absolute;animation-duration:1.6s} .banner .pop{position: absolute; animation-duration:1.6s;} .banner .t1{left:0;top:50%;margin-top:-110px;} .banner .t2{right:0;top:50%;margin-top:-86px} .banner .t3{left:0;top:50%;margin-top:-142px} .banner .switch_btn{height:64px;position:absolute;top:50%;z-index:20;transform:translateY(-50%);width:100%} .banner .switch_btn>div{width:64px;height:64px;border:2px solid #dbdbdb;cursor:pointer;top:0;transition:all .6s} .banner .switch_btn .prev{position:absolute;left:-64px;border-left:0 none;background:url(/static/reception/images/about/icon-prev2.png) no-repeat center} .banner .switch_btn .next{border-right:0 none;position:absolute;right:-64px;background:url(/static/reception/images/about/icon-next2.png) no-repeat center} .banner .switch_btn>div:hover{background-color:#e50012;border-color:#e50012} .banner:hover .prev{left: 0;} .banner:hover .next{right: 0;} .sub-nav{height:90px;background:#f4f8f9;display:none} .sub-nav .right{position:relative;float:right} .sub-nav .right a{float:left;font-size:15px;line-height:90px;color:#666;margin-right:28px} .sub-nav .right a:last-child{margin-right:0} .sub-nav .right .line{position:absolute;bottom:0;height:3px;background:#e50007} #content{background:no-repeat top center} /* .product a,.about2 a{height:100%} a[href^=javascript]{cursor:default} */ #content.index{margin-top:86px} footer a,.about-lump4 ul *,.about-lump5 .hd li,.about-lump6 .hd li *,.about-lump6 .hd li:after,.about-lump6 .map,.about-lump6 .map *,.about-lump6 .map .line,.about3-lump2 .btns *,.about3-pop .submit,.fabricate-new2 .hd *,.product6-lump2 .cnt,.product6-lump2 .til-en,.product6-lump2 .til-cn,.product1-lump1 .hd .li,.modularity1-lump2 .hd .li{transition:all .4s;} .about-lump1 .vdo .pic,.about3-lump1 .pic img{transition:all .6s} .about-lump1 .vdo:hover .pic,.about3-lump1 .pic:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .c-return{position:fixed;right:-70px;bottom:60px;width:66px;transition:all .4s;cursor:pointer !important;height:66px;background:#c2b281 url(/static/reception/images/about/return-icon.png) no-repeat center;z-index:50} .c-return.on{right:40px} .c-return:hover{background-color:#a89b72} .w1280{width:1280px;margin:0 auto} .w1280:after{content:"";display:block;height:0;clear:both} p{font-size:15px;line-height:24px;color:#6d6d6d} .c-til-box{padding-bottom:20px} .c-til-box .til-cn{font-size:22px;color:#d40003;line-height:30px} .c-til-box .til-en{font-size:20px;color:rgba(175,175,174,.5);line-height:18px;text-transform:uppercase;font-family:"Rajdhani-Bold"} .sub-ban{position:relative;height:400px;margin-top:0px;overflow:hidden} .sub-ban .bg{height:100%;width: 100%;} .sub-ban .w1280{position:absolute;left:0;top:0;right:0;height:100%;z-index:20;padding-top:212px} .sub-ban .cnt{position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .sub-ban .til-h1{font-size:48px;line-height:1;font-weight:600;color:rgba(255,255,255,1);margin-bottom:12px} .sub-ban .til-h2{font-size:22px;line-height:24px;color:rgba(255,255,255,.4);font-family:"Rajdhani-Bold";text-transform:uppercase} .sub-ban .p-box{margin-top: 10px;} .sub-ban .p-box p{font-size: 16px; color: #fff; line-height: 30px;} .vdo-pop{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000} .vdo-pop .bg{width:100%;height:100%;background:rgba(0,0,0,0.5)} .vdo-pop .cnt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1000px;background:#fff} .vdo-pop .cnt .close-btn{position:absolute;right:-50px;top:0;width:30px;height:30px;background:url(/static/reception/images/about/icon-close.png) no-repeat center;cursor:pointer} .vdo-pop .cnt video{display: block; width: 100%;} .c-h1{font-size:42px;color:#333;line-height:48px;font-weight:600;letter-spacing:-2px} #footer{height:520px;border-top:1px solid #fff;background:#f9f6ef} footer{padding:0 30px} footer a:hover{color:#e50012} footer .t-box{padding-bottom:27px;border-bottom:3px solid #e50012} footer .t-box .til{float:left;margin-right:30px;padding-top:37px} footer .t-box .cn{font-size:16px;color:#81807e;line-height:20px} footer .t-box .en{font-size:18px;color:#6abd4b;line-height:20px;text-transform:uppercase;font-family:"Rajdhani-Bold"} footer .t-box .share{float:left;padding-top:38px} footer .t-box .share .icon{position:relative;float:left;margin-right:7px} footer .t-box .share .ma{display:none;position:absolute;left:50%;bottom:40px;width:105px;height:114px;margin-left:-53px;background:url(/static/reception/images/about/f_ma_bg.png) no-repeat center} footer .t-box .ri{padding-top:34px} footer .t-box .btn{float:left;margin-left:34px;font-size:15px;color:#81807e;line-height:54px} footer .t-box .btn:hover{color:#e50012} footer .t-box .web-box{position: relative; float: left; margin-left:52px;} footer .t-box .web-btn{display: block; box-sizing: border-box; cursor: pointer; position:relative;height:54px;line-height:54px;width:140px;padding-left:54px;font-size:15px;color:rgba(255,255,255,.8);background:url(../images/foot-web-bg.jpg) repeat-x center} footer .t-box .web-btn:before{position:absolute;left:15px;top:0;content:"";display:block;width:25px;height:100%;background:url(/static/reception/images/about/icon-web.png) no-repeat center} footer .t-box .web-box ul{display: none; position: absolute; right: 0; top: 100%; width: 240px; background: #fff; padding: 16px 0;} footer .t-box .web-box ul a{padding: 4px 15px 4px 25px; line-height: 18px; text-align: left; font-size: 14px; color: #73716a;} footer .t-box .web-box ul a:hover{color: #e50012;} footer .b-box .le{padding-top:48px} footer .b-box .le .p{font-size:15px;color:#a4a29f;line-height:30px} footer .b-box .le a{display:inline-block} footer .b-box .le .p img{display: inline-block; margin-right: 6px;} footer .b-box .ri{padding-top:60px} footer .b-box li{float:left;margin-left:100px} footer .b-box .til{font-size:16px;color:#434343;line-height:30px} footer .b-box .a-box{margin-top:16px} footer .b-box .a-box a{font-size:15px;color:#898784;line-height:28px} footer .b-box .a-box a:hover{color:#e50012} .index-lump2{height:900px;background:url(/static/reception/images/about/idx-k2-bg.jpg) no-repeat center} .index-lump2 .le{float:left;margin-top:166px} .index-lump2 .til-box img{float:left;margin-right:10px} .index-lump2 .til-box .til-cn{padding-top:35px;font-size:36px;color:#fff;line-height:1;white-space:nowrap;margin-bottom:3px} .index-lump2 .til-box .til-en{font-size:22px;line-height:1;color:rgba(255,255,255,.19);font-family:"Rajdhani-Bold";white-space:nowrap} .index-lump2 .cnt{margin-top:25px;border-top:2px solid rgba(255,255,255,.27);width:515px;padding-top:25px} .index-lump2 .cnt h3{font-size:30px;line-height:40px;color:#fff;margin-bottom:12px} .index-lump2 .cnt p{font-size:16px;color:rgba(223,240,255,.7);margin-bottom:0;} .index-lump2 .tags{margin-top: 30px;} .index-lump2 .tags .li{float:left;margin-right:34px} .index-lump2 .tags .li:last-child{margin-right:0} .index-lump2 .tags .icon{float:left;margin-right:12px} .index-lump2 .tags .em{float:left;font-size:16px;color:rgba(223,240,255,.7);padding-top:9px} .index-lump2 .btns{margin-top:30px;overflow:hidden;margin-right:-6px} .index-lump2 .btns *{transition:all .4s} .index-lump2 .btn{position:relative;float:left;width:256px;height:78px;color:#5b5b5b;padding-left:84px;line-height:78px;font-size:18px;color:#5b5b5b;background:#fff;margin-right:4px;} .index-lump2 .btn .icon{position:absolute;left:30px;top:0;font-size:18px;bottom:0;margin:auto 0} .index-lump2 .btn em{margin-left:5px;font-size:22px;font-family:"Rajdhani-Bold";transition:none} .index-lump2 .btn:hover{background:#ed0101;color:#fff} .index-lump3{padding:30px 0 60px;min-width: 1300px} .index-lump3 .h1{font-size:40px;color:#09308a;line-height:40px;font-weight:600;margin-bottom:6px;text-align: center;} .index-lump3 .h2{font-size:20px;color:rgba(175,175,174,.5);line-height:20px;text-transform:uppercase;font-family:"Rajdhani-Bold";margin-bottom:20px;text-align: center;} .index-lump3 .til-box{padding-bottom:40px} .index-lump3 .til-cn{font-size:36px;color:#0083c7;text-align:center;line-height:40px;margin-bottom:4px} .index-lump3 .til-en{font-size:30px;color:rgba(200,192,177,.6);text-align:center;line-height:28px;font-family:"Rajdhani-Bold";text-transform:uppercase} .index-lump3 .ul{margin-right:-14px;overflow: hidden;} .index-lump3 a{position:relative;float:left;margin:0 12px 12px 0;overflow:hidden;background:#000} .index-lump3 .ul2 a:nth-child(2):hover,.index-lump3 .ul2 a:nth-child(4):hover{cursor: default;} .index-lump3 a .txt{position:absolute;left:0;bottom:0;width:100%;z-index:5;padding:0 40px 32px} .index-lump3 a .cn{font-size:22px;color:#003a8c;line-height:24px;} .index-lump3 a .en{font-size:14px;color:#fff;line-height:24px;font-family:"Rajdhani-Bold";text-transform:uppercase} .index-lump3 a img{ filter: brightness(90%);ransition:all 1s} .index-lump3 a:hover img{transform:scale(1.1);opacity:.6} .index-lump3 .ul2 .it1{float:right} .index-lump3 a .txt2{position:absolute;left:20px;top:40px;width:100%;z-index:5;padding:0 40px 32px} .index-lump3 a .cn{ font-size:22px;color:#c7b788;line-height:24px; } .index-lump3 a .en{ font-size:16px;color:#fff;line-height:20px;font-family:"黑体"; } .index-lump3 a .span_y{ font-family: FuturaCondensedNormal; font-size: 34px; width: 98%; overflow: hidden; height: 50px; line-height: 50px; color: #fff; } .index-lump3 a .span_z{ line-height: 50px; font-size: 20px; color: #fff; height: 200px; overflow: hidden; width: 98%; margin: 20px auto; } .index-lump3 .txt2 .more { color: #fff; font-size: 14px; height: 40px; width: 150px; background: #fe9d00; display: block; text-align: center; line-height: 40px; } .index-lump4{padding-top:173px;height:900px;background:url(/static/reception/images/about/i-k4-bg.jpg) no-repeat center} .index-lump4 .cnt{position:relative;float:right;width:410px;height:520px;padding:56px 48px 0;border-top:6px solid #ff0000;background:#fff} .index-lump4 .til-cn{font-size:36px;color:#ff0000;line-height:40px;margin-bottom:4px} .index-lump4 .til-en{font-size:30px;color:rgba(180,163,138,.3);line-height:30px;margin-bottom:18px;font-family:"Rajdhani-Bold";text-transform:uppercase;letter-spacing:-1px} .index-lump4 ul{margin-top:20px;margin-right:-30px} .index-lump4 li{float:left;width:120px;position:relative;padding-top:50px;margin:0 30px 12px 0} .index-lump4 li .icon{position:absolute;left:0;bottom:28px} .index-lump4 li .cn{font-size:16px;color:#767577;line-height:20px} .index-lump4 li .en{font-size:15px;color:#b7b7b9;line-height:20px;letter-spacing:-1px} .index-lump4 .more{position:absolute;left:0;bottom:-55px;transition:all .4s;height:55px;line-height:55px;padding-left:25px;font-size:16px;text-transform:uppercase;font-family:"Rajdhani-Bold";color:rgba(255,255,255,.6);width:167px;background:#e52129} .index-lump4 .more:after{content:"";display:block;position:absolute;right:0;top:0;width:55px;height:55px;background:#222323 url(/static/reception/images/about/i-k4-next.png) no-repeat center} .index-lump4 .more:hover{width:176px} .index-lump5{text-align:center;height:790px;padding-top:175px;background:url(/static/reception/images/about/i-k5-bg.jpg) no-repeat center} .index-lump5 .til-en{font-size:30px;color:rgba(143,143,143,.5);line-height:40px;font-family:"Rajdhani-Bold";text-transform:uppercase;letter-spacing:-1px;margin-bottom:8px} .index-lump5 h3{position:relative;display:inline-block;font-size:42px;color:#e70012;line-height:50px;margin-bottom:8px} .index-lump5 h3:after{position:absolute;right:-112px;top:-30px;content:"";display:none;width:104px;height:75px;background:url(/static/reception/images/about/i-k5-icon.png) no-repeat center} .index-lump5 p{font-size:15px;line-height:25px;color:rgba(57,57,57,.8);text-align:center} .index-lump5 .en-bg{margin:20px auto 46px} .index-lump5 .more{font-size:18px;display:inline-block;transition:all .4s;padding-right:42px;color:rgba(34,34,34,.7);font-family:"Rajdhani-Bold";text-transform:uppercase;background:url(/static/reception/images/about/icon-more.png) no-repeat right center} .index-lump5 .more:hover{padding:0 52px 0 10px} .index-lump5 ul{margin:-160px auto 90px;width:620px} .index-lump5 li{float:left;margin:0 13px;height:66px;line-height:66px;text-align:center;width:129px;background:url(/static/reception/images/about/i-k5-honor.png) no-repeat center} .index-lump5 li em{display:inline-block;font-size:15px;color:#c5996d;font-weight:600;line-height:24px;vertical-align:middle;margin-top:-4px} .about-lump1{padding:86px 0 52px} .about-lump1 .le{float:left;width:404px;margin-bottom:25px} .about-lump1 .le .til-cn{font-size:42px;color:#0083c7;line-height:50px;letter-spacing:-2px;font-weight:300} .about-lump1 .le .til-cn2{font-size:36px;color:#0083c7;line-height:50px;letter-spacing:-2px;font-weight:500;text-transform: uppercase;} .about-lump1 .le .til-en{font-size:20px;color:rgba(175,175,175,.5);line-height:20px;font-family:"Rajdhani-Bold";text-transform:uppercase;letter-spacing:-1px} .about-lump1 .le .vdo{position:relative;margin-top:12px;overflow:hidden;background:#000} .about-lump1 .le .vdo:hover .pic{opacity:.6} .about-lump1 .le .btn{position:absolute;z-index:10;cursor:pointer;left:50%;top:50%;margin:-31px 0 0 -31px;width:63px;height:63px;background:url(/static/reception/images/about/icon-play.png) no-repeat center} .about-lump1 .ri{padding-top:7px;float:right;width:796px} .about-lump1 .ri .h1{font-size:46px;color:#ef2525;line-height:40px;font-family:"Rajdhani-Bold";letter-spacing:-3px;text-transform:uppercase} .about-lump1 .ri .h4{font-size:20px;color:#404040;line-height:22px} .about-lump1 .ri .p-box{margin-top:27px} .about-lump1 .ri .p-box p{color:#8e8a7d;margin-bottom:18px} .about-lump1 .ri ul{margin-top:40px; margin-right: -10px;} .about-lump1 .ri li{position: relative; z-index: 5; float:left;margin:0 9px 30px 0;height:66px;line-height:66px;text-align:center;width:190px;} .about-lump1 .ri li em{display:inline-block;font-size:15px;color:#003a8c;line-height:20px;font-weight:600;vertical-align:middle;margin-top:-4px} .about-lump1 .ri li:before,.about-lump1 .ri li:after{position: absolute; top: 0; z-index: -1; content: ""; display: block; width: 28px; height: 100%; background: no-repeat center;} .about-lump1 .ri li:before{left: 0; background-image: url(../images/about/about-k1-honor-l.png);} .about-lump1 .ri li:after{right: 0; background-image: url(../images/about/about-k1-honor-r.png);} .about-lump2{padding-top:168px;background:url(/static/reception/images/about/about-k2-bg.jpg) no-repeat top center} .about-lump2 .top-txt{height:385px} .about-lump2 .h1{font-size:42px;color:#fff;text-align:center;line-height:56px;font-weight:300;margin-bottom:20px} .about-lump2 .h1 em{font-weight: 600;} .about-lump2 p{text-align:center;color:#fff} .about-lump2 .chart-box{height:520px;padding:60px 0 0;background:url(/static/reception/images/about/about-k2-chart-bg.jpg) no-repeat top center} .about-lump2 .chart-box .t{position:relative;width:328px;margin:0 auto 114px} .about-lump2 .chart-box .t .em{position:absolute;left:106%;white-space:nowrap;top:0;font-size:23px;color:#808080;line-height:36px} .about-lump2 .chart-box ul{padding-left:124px;height:177px} .about-lump2 .chart-box li{float:left;width:162px;margin-right:12px} .about-lump2 .chart-box .icon{height:68px} .about-lump2 .chart-box .icon img{margin:0 auto} .about-lump2 .chart-box ul .p{font-size:16px;color:#808080;line-height:24px;text-align:center} .about-lump2 .chart-box .on .p{color:#fff} .about-lump2 .item{margin-left:382px} .about-lump2 .item .li{overflow:hidden} .about-lump2 .item .img{float:left;width:342px;height:78px;padding:26px 0 0 76px;margin-right:15px} .about-lump2 .item .p{font-size:14px;color:#808080;line-height:78px} .about-lump3{padding:87px 0 0} .about-lump3 .c-h1{margin-bottom:26px;font-weight: 600;} .about-lump3 .hd{border-top:1px solid #d7dbde;width:1280px;margin:0 auto} .about-lump3 .hd ul{margin-top:-1px} .about-lump3 .hd li{float:left;width:25%;height:130px;padding-top:32px;border-top:3px solid transparent;cursor:pointer;transition:all .4s} .about-lump3 .hd .num{font-size:36px;color:#be9c72;line-height:32px;font-family:"Rajdhani-SemiBold";text-transform:uppercase;letter-spacing:-1px} .about-lump3 .hd .p{font-size:18px;color:#666666;line-height:30px} .about-lump3 .hd li.on{border-color:#ef2525} .about-lump3 .hd li.on .num{color:#ef2525} .about-lump3 .bd{height:400px;background:url(/static/reception/images/about/about-k3-bg.jpg) no-repeat center} .about-lump3 .bd ul{width:1280px;margin:0 auto} .about-lump3 .bd .p-box{max-height:270px;overflow:hidden;overflow-y:auto} .about-lump3 .bd p{color:#828689;margin-bottom:12px} .about-lump3 .bd li{display:none;position:relative;padding-top:107px} .about-lump3 .bd li:after{content:"";display:block;position:absolute;left:0;top:40px;width:3px;height:54px;background:#0083c7} .about-lump4{padding-bottom:80px;background:#fff url(/static/reception/images/about/about-k4-bg.jpg) no-repeat right center} .about-lump4 .top-box{padding:97px 0 12px} .about-lump4 .top-box .c-h1{color:#003a8c;margin-bottom:20px} .about-lump4 .top-box p{margin-bottom:24px} .about-lump4 ul{width:1300px} .about-lump4 li{float:left;position:relative;width:221px;height:405px;margin-right:20px;background:no-repeat center;overflow:hidden} .about-lump4 li .txt{position:absolute;left:0;top:0;width:798px;padding:55px 0 0 62px} .about-lump4 li h4{font-size:24px;color:#fff;line-height:30px;margin-bottom:15px} .about-lump4 li p{color:rgba(255,255,255,.68);opacity:0} .about-lump4 li.on{width:798px} .about-lump4 li.on .txt{top:0;padding:285px 50px 0} .about-lump4 li.on p{opacity:1} .about-lump5{position:relative;padding-top:65px;padding-bottom:30px;background:#e4eaec url(../images/about/about-k5-bg.jpg) no-repeat bottom center} .about-lump5 .w1280{position:relative;z-index:10} .about-lump5:after{content:"";display:block;position:absolute;right:0;top:0;width:300px;height:800px;background:url(../images/about/about-k5-adorn.png) no-repeat top center} .about-lump5 .top-box .h1{font-size:42px;color:#003a8c;line-height:50px;font-weight:600;text-align:center;margin-bottom:8px} .about-lump5 .top-box p{font-size:15px;color:#808080;line-height:26px;text-align:center} .about-lump5 .labels{height:264px;position:relative;margin-top:46px} .about-lump5 .labels .li{position:absolute;width:164px;height:164px} .about-lump5 .labels .li:after{content:"";display:block;width:100%;height:100%;background:url(../images/about/about-k5-item-bg.png) no-repeat center} .about-lump5 .labels .li .p{position:absolute;z-index:5;padding-top:18px;font-size:16px;color:#fff;text-align:center;line-height:24px;left:0;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .about-lump5 .labels .p em{font-size:60px;font-family:"Rajdhani-Bold"} .about-lump5 .labels .it2:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .about-lump5 .labels .it3:after{-webkit-transform:rotate(78deg);transform:rotate(78deg)} .about-lump5 .labels .it4:after{-webkit-transform:rotate(168deg);transform:rotate(168deg)} .about-lump5 .labels .it5:after{-webkit-transform:rotate(168deg);transform:rotate(168deg)} .about-lump5 .labels .it6:after{-webkit-transform:rotate(246deg);transform:rotate(246deg)} .about-lump5-slideBox{margin-top:44px;overflow-x: auto; } .about-lump5 .bd ul{padding-left:75px} .about-lump5 .bd li{float:left;width:226px;height:208px;position:relative} .about-lump5 .bd li img{position:absolute;left:0;right:0;bottom:0;margin:0 auto;max-width:200px;max-height:180px} .about-lump5 .hd ul{text-align:center;margin-top:100px} .about-lump5 .hd li{display:inline-block;vertical-align:top;width:7px;height:4px;background:#003a8c;margin:0 2px} .about-lump5 .hd li.on{width:45px;background:#a9c5d3} .about-lump6{padding:85px 0 84px;background:#fff} .about-lump6 .c-h1{margin-bottom:20px} .about-lump6 .top-box{padding-bottom:25px} .about-lump6 .buju{float:left;position:relative;width:1280px;height:600px;background:url(../images/about/yewubuju.png); background-size: 100% 100%; background-repeat: no-repeat; /* 防止图片重复 */} .about-lump6 .map{float:left;position:relative;width:680px;height:511px;background:url(../images/about/about-k6-map1.jpg) no-repeat} .about-lump6 .map.on2{background-image:url(../images/about/about-k6-map2.jpg)} .about-lump6 .map.on3{background-image:url(../images/about/about-k6-map3.jpg)} .about-lump6 .map.on4{background-image:url(../images/about/about-k6-map4.jpg)} .about-lump6 .map li{position:absolute;width:14px;height:18px;background:url(../images/about/about-k6-dot.png) no-repeat center;z-index:30} .about-lump6 .map li.on{background-image:url(../images/about/about-k6-dot-on.png)} .about-lump6 .map .line{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center} .about-lump6 .map .line.on{opacity:1} .about-lump6 .pic-box{float:right;width:600px} .about-lump6 .pic-box .bd{height:445px;padding:29px 29px 0;border:1px solid #dbccbd} .about-lump6 .bd .item{display:none} .about-lump6 .bd .pic{height:300px} .about-lump6 .bd .txt{padding:24px 0 0} .about-lump6 .bd .txt h3{font-size:30px;color:#be9c73;line-height:40px} .about-lump6 .bd .txt p{font-size:16px;color:#808080;line-height:28px} .about-lump6 .hd ul{overflow:hidden;margin-right:-20px;padding-top:10px} .about-lump6 .hd li{float:left;width:141px; height:70px; position:relative; margin:0 12px 12px 0;background:#000; cursor: pointer;} .about-lump6 .hd li .img{width:100%;height:100%;background:no-repeat center;background-size:cover;opacity:.7} .about-lump6 .hd li:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #e50007;box-sizing:border-box;opacity:0} /* .about-lump6 .hd li:last-child{width:84px} */ .about-lump6 .hd li em{position:absolute;left:0;top:50%;right:0;margin-top:-10px;font-size:16px;color:#fff;line-height:20px;height:20px;text-align:center} .about-lump6 .hd li.on:after{opacity:1} .about-lump6 .hd li.on .img{opacity:.4} .about-lump7{height:615px;background:url(../images/about/about-k7-bg.jpg) no-repeat center} .about-lump7 .w1280{position:relative;padding-top:114px} .about-lump7 .cnt{width:398px;height:398px;margin:0 auto;text-align:center;padding-top:87px;background:url(../images/about/about-k7-cnt.png) no-repeat center} .about-lump7 .cnt .h2{font-size:24px;color:#333333;letter-spacing:35px;padding-left:35px} .about-lump7 ul{position:relative} .about-lump7 li{position:absolute;width:150px;height:150px;padding-top:30px;background:#e62129 no-repeat center; border-radius: 50%;} .about-lump7 li .icon{width:60px;height:60px;margin:0 auto;background:no-repeat center} .about-lump7 li .p{font-size:16px;color:#fff;line-height:26px;text-align:center} .about-lump8{padding-top:125px;height:675px;background:url(../images/about/about-k8-bg.jpg) no-repeat center} .about-lump8 .c-h1{color:#fff;text-align:center;margin-bottom:46px} .about-lump8 .h1-cn{padding-left:20px;color:#fff;text-align:center;font-size:46px;line-height:52px;font-weight:300;letter-spacing:20px;margin-bottom:10px} .about-lump8 .h1-en{color:rgba(255,255,255,.5);font-family:"Rajdhani-Bold";text-align:center;font-size:22px;line-height:22px;text-transform:uppercase} .about-lump8-2{padding-top:220px;height:557px;background:url(../images/about/about-k8-2-bg.jpg) no-repeat center} .about-lump8-2 .h1{text-align: center; font-size: 64px; line-height: 72px; color: #fff; font-weight: 600;} .about-lump9{height: 900px; padding-top: 115px; background: url(../images/about/about-k9-bg.jpg) no-repeat top center;} .about-lump9 .c-h1{text-align: center; margin-bottom: 20px;} .about-lump9 .top-box{padding-bottom: 75px;} .about-lump9 .top-box p{color: #736e66; text-align: center;} .about-lump9 ul{width: 1200px; margin: 0 auto; height: 300px; background: url(../images/about/about-k9-ul-bg.png) no-repeat top center;} .about-lump9 li{position: relative; float: left; width: 202px; margin-right: 130px;} .about-lump9 li:last-child{margin-right: 0;} .about-lump9 li .img{height: 156px; width: 156px; margin: 7px auto 0; background: url(../images/about/about-k9-num-bg.png) no-repeat center;} .about-lump9 li .num,.about-lump9 li .i{height: 100%; background: no-repeat center;} .about-lump9 li .txt{position: absolute; left: 50%; top: 217px; width: 272px; margin-left: -136px; z-index: 5;} .about-lump9 li .txt:before{content: ""; display: block; position: absolute; left: 50%; margin-left: -6px; top: -55px; z-index: -1; width: 12px; height: 79px; background: url(../images/about/about-k9-line.png) no-repeat center;} .about-lump9 li h4{font-size: 20px; color: #7c6f5a; line-height: 30px; text-align: center; margin-bottom: 14px; font-weight: 600;} .about-lump9 li p{font-size: 14px; color: #999; line-height: 24px; text-align: center;} .about-lump10{height: 795px; background: url(../images/about/about-k10-bg.jpg) no-repeat center;} .about-lump10 .w1200{padding-top: 100px;} .about-lump10 h3{font-size: 40px; font-weight: 600; color: #fff; line-height: 48px; margin-bottom: 36px;} .about-lump10 .item{float: left;} .about-lump10 .item .hide{overflow: hidden; background: no-repeat center;} .about-lump10 .item .box{height: 469px;} .about-lump10 .it1 .box{width: 629px; padding: 36px 40px; background-image: url(../images/about/about-k10-box1.jpg);} .about-lump10 .it2 .box{width: 651px; padding: 46px 55px; background-image: url(../images/about/about-k10-box2.jpg);} .about-lump10 .item h4{font-size: 22px; font-weight: 600; color: #706759; line-height: 30px; margin-bottom: 5px;} .about-lump10 .item .p,.about-lump10 .item p{font-size: 14px; color: #99948e; line-height: 24px; margin-bottom: 24px;} .about-lump10 .item .p{line-height: 22px; margin-bottom: 32px;} .about-lump10 .item .p-box{padding-bottom: 7px;} .about-lump10 .it2 h4{color: #fff;} .about-lump10 .it2 .p,.about-lump10 .it2 p{color: rgba(255,255,255,.55);} .about-lump10 .item ul{overflow: hidden;} .about-lump10 .item li{padding-left: 10px; position: relative; float: left; width: 48%; font-size: 14px; line-height: 24px; color: rgba(255,255,255,.55);} .about-lump10 .item li:before{content: ""; display: block; width: 4px; height: 4px; background: #c8c2ba; position: absolute; left: 0; top: 10px;} .about-lump10 .item li:nth-child(even){float: right;} .about-lump10 .p{margin-top: 25px;} .about-lump10 .p p{color: rgba(255,255,255,.6);} .about-lump10 .p em{font-family: "Rajdhani-Bold"; text-transform: uppercase;} .about-lump10-2{height: 540px; padding-top: 115px; background: url(../images/about/about-k10-2-bg.jpg) no-repeat center;} .about-lump10-2 .cnt{margin-left: 200px;} .about-lump10-2 .box{float: left; width: 714px; height: 344px; padding: 5px 118px; background: url(../images/about/about-k10-2-box.png) no-repeat center;} .about-lump10-2 .box img{width: 478px; height: 334px;} .about-lump10-2 .txt{position: relative; z-index: 5; float: left; margin-left: -42px; padding-top: 105px;} .about-lump10-2 .txt .h1{font-size: 38px; color: #1faa44; line-height: 48px; margin-bottom: 5px;} .about-lump10-2 .txt p{font-size: 20px; color: #938777; line-height: 30px;} .about2-lump1{padding:100px 0 60px} .about2-lump1 a{overflow:hidden} .about2-lump1 .pic{position:relative;float:left;width:594px;height:319px;overflow:hidden;background:#000} .about2-lump1 .pic .img{width:100%;height:100%;background:no-repeat center;background-size:cover;transition:all .8s} .about2-lump1 .txt{float:left;width:686px;height:319px;padding:47px 50px 0;border:2px solid #e8ecee;border-left:0 none} .about2-lump1 .til{font-size:30px;color:#505050;line-height:36px;margin-bottom:6px;transition:all .4s} .about2-lump1 .time{font-size:26px;color:#e40007;line-height:30px;font-family:"Rajdhani-Bold";margin-bottom:10px} .about2-lump1 .more{display:inline-block;font-size:18px;color:#7e7e7e;transition:all .4s;line-height:30px;padding-right:42px;margin-top:30px;font-family:"Rajdhani-Bold";text-transform:uppercase;background:url(../images/about/icon-more.png) no-repeat right center} .about2-lump1 a:hover .img{transform:scale(1.1);opacity:.6} .about2-lump1 a:hover .more{padding-right:52px} .about2-lump1 a:hover .til{color:#e40007} .about2-lump2{padding:60px 0 80px;background:#e8ecee} .about2-lump2 .item{float:left;width:419px;margin-right:11px;background:#fff} .about2-lump2 .item:last-child{margin-right:0} .about2-lump2 .pic{height:267px;overflow:hidden;background:#000} .about2-lump2 .pic .img{opacity: 1; height: 100%; transition:all .8s; background: no-repeat center; background-size: cover;} .about2-lump2 .pic img{transition:all .8s} .about2-lump2 .txt{position:relative;height:280px;padding:37px 40px 0} .about2-lump2 .txt .til{font-size:20px;color:#494949;line-height:26px;margin-bottom:8px;transition:all .4s} .about2-lump2 .txt .time{font-size:16px;color:#494949;line-height:20px;margin-bottom:8px;font-family:"Rajdhani-Bold"} .about2-lump2 .txt .more{position:absolute;left:40px;bottom:28px;transition:all .4s;line-height:26px;font-size:18px;font-family:"Rajdhani-Bold";color:#7e7e7e;text-transform:uppercase;padding-right:42px;background:url(../images/about/icon-more.png) no-repeat right center} .about2-lump2 .item:hover img,.about2-lump2 .item:hover .img{transform:scale(1.1);opacity:.6} .about2-lump2 .item:hover .more{padding-right:52px} .about2-lump2 .item:hover .til{color:#003a8c} .about2-lump3{padding:80px 0 90px;text-align:center} .news-list a{position:relative;height:84px;padding:30px 0;background:#f9f9f9 url(../images/about/about2-item-bg.jpg) no-repeat center;transition:all .4s;margin-bottom:10px;overflow:hidden} .news-list a .time{float:left;margin-left:20px;width:130px;font-size:22px;line-height:24px;color:#c7b788;font-family:"黑体";transition:all .4s} .news-list a .til{float:left;text-align:left;width:930px;font-size:17px;line-height:24px;color:#787878;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .4s} .news-list a .more{opacity:0;position:absolute;transition:all .4s;left:1158px;top:0;bottom:0;margin:auto 0;font-size:18px;height:24px;line-height:24px;text-transform:uppercase;font-family:"Rajdhani-Bold";color:rgba(255,240,210,.7);padding-right:42px;background:url(../images/about/icon-more2.png) no-repeat right center} .news-list a:hover{background-image:url(../images/about/about2-item-bg-on.jpg)} .news-list a:hover .more{opacity:1;left:1178px} .about2-lump3 .c-more{font-size:18px;display:inline-block;margin:40px auto 0;transition:all .4s;cursor:pointer;padding-right:42px;color:rgba(34,34,34,.7);font-family:"Rajdhani-Bold";text-transform:uppercase;background:url(../images/about/icon-more.png) no-repeat right center} .about2-lump3 .c-more:hover{padding:0 52px 0 10px} .news-list a:hover .time,.news-list a:hover .til{color:#fff} .about2-d .main{padding:76px 0 0; background: #f4f3ef;} .about2-d-left{position: relative; padding: 85px 60px 56px; background: #fff;} .about2-d-left .return-btn{position: absolute; right: 0; top: -68px; width: 105px; height: 60px; transition: all .4s; border: 2px solid #ede8df; text-align: center; line-height: 56px; font-size: 16px; color: #a6abab;} .about2-d-left .return-btn:hover{background: #003a8c; border-color: #003a8c; color: #fff;} .about2-d-left .til-box{padding:0 0 20px;margin-bottom:20px;border-bottom: 2px solid #dfddd9;} .about2-d-left .til-box .til{font-size:30px;line-height:36px;color:#505050;margin-bottom:6px;text-align: center;} .about2-d-left .til-box .time{font-size:26px;color:#e40007;line-height:30px;font-family:"Rajdhani-Bold";text-align: right;} .about2-d-left p{margin-bottom:24px} .about2-d-left img{display:block;margin:0 auto;max-width: 800px;} .about2-d-right{float:right;width:419px} .about2-d-right .box{position:relative;margin-bottom:10px} .about2-d-right .box .txt{position:absolute;left:0;top:0;width:100%;padding:40px 30px 0} .about2-d-right .box .til-cn{font-size:20px;color:#5d9e98;line-height:26px;margin-bottom:4px} .about2-d-right .box .til-en{font-size:23px;color:rgba(157,166,165,.3);line-height:20px;font-family:"Rajdhani-Bold";text-transform:uppercase;letter-spacing:-1px} .about2-d-right .b2 .til-cn{color:#1870a3} .about2-d-right .b2 .til-en{color:rgba(255,255,255,.16)} .about2-d-right .b2 .icon{margin-top:12px} .about2-d-right .ret-btn{height:72px;line-height:68px;text-align:center;border:2px solid #ede8df;font-size:16px;color:#a6abab;transition:all .4s} .about2-d-right .ret-btn:hover{border-color:#e40007;background-color:#e40007;color:#fff} .about2-d .bom{padding:50px 0;background:#e7e9ea} .about3{padding-bottom:100px} .about3-lump1{padding:100px 0 70px} .about3-lump1 .txt{float:left;width:500px;padding-top:8px} .about3-lump1 .item:last-child{margin-top: 37px;} .about3-lump1 .h1{font-size:36px;color:#444;line-height:46px;margin-bottom:6px;font-weight: 600;} .about3-lump1 .h2{font-size:24px;color:#ddd7cf;line-height:22px;font-family:"Gilroy-Bold";letter-spacing:-1px;margin-bottom:18px} .about3-lump1 p{font-size:16px;color:#919191;line-height:24px} .about3-lump1 p em{font-family: "Rajdhani-Bold";} .about3-lump1 .phone {margin: 10px 0 14px;line-height: 34px;padding-left: 39px;font-size: 22px;color: #e40007;font-family: "Gilroy-Bold";background: url(../images/about/about3-k1-phone.png) no-repeat left center} .about3-lump1 .pic{float:right;overflow:hidden} .about3-lump1 .ma-box{overflow: hidden; margin-top: 18px;} .about3-lump1 .ma-box .ma{float: left; width: 120px; height: 120px; padding: 7px; border-radius: 6px; margin-right: 15px; background: #ededed;} .about3-lump1 .ma-box .ma img{width: 100%;} .about3-lump1 .ma-box .p{font-size: 20px; line-height: 26px; color: #8d8d8d; margin: 34px 0 0;} .about3-lump1 .subscribe-btn{cursor: pointer; margin-top: 20px; width: 358px; height: 104px; padding: 33px 0 0 120px; border-radius: 6px; background: #e51c1c url(../images/about/about3-subscribe-icon.png) no-repeat 60px center; -webkit-transition: all .4s; transition: all .4s;} .about3-lump1 .subscribe-btn .cn{font-size: 16px; color: #f4e6d2; line-height: 22px;} .about3-lump1 .subscribe-btn .en{font-size: 16px; color: rgba(255,129,129,.8); line-height: 22px; font-family: "Rajdhani-Bold"; text-transform: uppercase; letter-spacing: -1px;} .about3-lump1 .subscribe-btn:hover{background-color: #cb1919;} #about3-map{position:relative;height:486px} #about3-map:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3)} .about3-lump2 .btns{position:relative;width:1280px;z-index:5;margin:-48px auto 0;overflow:hidden} .about3-lump2 .btn{height:112px;line-height:112px;text-align:center;width:638px;background:#f9f6ef} .about3-lump2 .btn .txt{display:inline-block;vertical-align:middle;padding:10px 0 10px 62px;background:url(../images/about/about3-k2-icon1.png) no-repeat left center} .about3-lump2 .b2 .txt{background-image:url(../images/about/about3-k2-icon2.png)} .about3-lump2 .btn .cn{font-size:14px;color:#898784;line-height:20px;text-align:left} .about3-lump2 .btn .en{font-size:16px;color:#dcd6ce;text-transform:uppercase;line-height:1;font-family:"Rajdhani-Bold";text-align:left} .about3-lump2 .btn:hover{background:#e51c1c} .about3-lump2 .btn:hover .txt{background-image:url(../images/about/about3-k2-icon1-on.png)} .about3-lump2 .b2:hover .txt{background-image:url(../images/about/about3-k2-icon2-on.png)} .about3-lump2 .btn:hover .cn{color:#f4e6d2} .about3-lump2 .btn:hover .en{color:rgba(255,129,129,.8)} .about3-lump2 .b1{cursor:pointer} #about3-map img{max-width:none} .BMap_scaleCtrl{display:none} .BMapLabel{border:none !important} .bMap-posTit:after{content:"";width:0;height:0;border:4px solid transparent;border-top:6px solid #FFF;position:absolute;bottom:-9px;left:0;right:0;margin:auto} .bMap-posTit{width:230px;height:56px;background-color:#FFF;text-align:center;line-height:56px;color:#666666;font-weight:bold;font-size:14px;letter-spacing:1px;position:absolute;left:-106px;top:-63px;box-shadow:0 2px 3px 2px rgba(0,0,0,.1);border-radius:4px} .about3-pop{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000} .about3-pop .bg{width:100%;height:100%;background:rgba(0,0,0,.7)} .about3-pop .close-btn{position:absolute;right:-50px;top:0;width:30px;height:30px;background:url(../images/about/icon-close.png) no-repeat center;cursor:pointer} .about3-pop .cnt{position:absolute;left:50%;top:50%;padding:42px 40px 0;margin:-350px 0 0 -272px;width:544px;height:700px;background:#fff;border-radius:4px;z-index:10} .about3-pop .h1{font-size:30px;color:#cf3430;line-height:40px} .about3-pop .p{font-size:14px;color:#8e8a7d;line-height:24px} .about3-pop .txt{margin-top:15px;display:block;width:100%;border-radius:4px;height:106px;padding:12px 22px;font-size:14px;color:#8e8a7d;border:1px solid #ddd;background:url(../images/about/about3-pop-icon.png) no-repeat right bottom} .about3-pop input{position: relative; display:block;width:100%;padding:10px 22px;line-height:38px;height:60px;font-size:14px;color:#8e8a7d;margin-top:10px;border-radius:4px;border:1px solid #ddd} .about3-pop .essential{position: relative;} .about3-pop .essential:before{content: "*"; display: block; position: absolute; left: 12px; bottom: 0; height: 60px; line-height: 60px; font-size: 16px; color: red;} .about3-pop .ma-box input{float:left;width:314px} .about3-pop .ma-box .ma{float:right;width:140px;height:60px;margin-top:10px} .about3-pop .ma-box .ma img{width: 100%; height: 100%;} .about3-pop .submit{width:100%;height:60px;line-height:60px;padding:0 23px;font-size:16px;color:#fff;background:#e50808;margin-top:20px;border-radius:4px;cursor:pointer} .about3-pop .submit:hover{background:#cc0a0a} .modularity{padding-top:86px} .modularity .fabricate-lump1 .le .h1{color:#09308a} .modularity-lump2{height:680px;background:url(../images/about/modularity-k2-bg.jpg) no-repeat center} .modularity-lump2 .cnt{position: relative;} .modularity-lump2 .i img{margin-right: 10px; } .modularity-lump2 .ri{float:right;width:630px;margin-right:40px;padding-top:120px} .modularity-lump2 .cnt h3{font-size:46px;line-height:46px;font-weight:300;color:#fff;margin-bottom:12px;font-weight: 600; padding-top: 22px;} .modularity-lump2 .cnt h4{font-size:28px;line-height:24px;color:#2b79c3;font-family:"Rajdhani-Bold";white-space:nowrap;margin-bottom:14px;text-transform: uppercase;letter-spacing: -1px;} .modularity-lump2 .cnt p{font-size:15px;color:#fff;line-height:26px;margin-bottom:50px;clear: both;} .modularity-lump2 .tags{margin-left: -10px;} .modularity-lump2 .tags .li{float:left;width: 110px; margin-right:20px;text-align: center;} .modularity-lump2 .tags .li:last-child{margin-right:0} .modularity-lump2 .tags .icon{text-align: center; width: 90px; height: 90px; line-height: 90px; background: #fff; margin: 0 auto; border-radius: 50%;} .modularity-lump2 .tags .icon img{display: inline-block; vertical-align: middle;} .modularity-lump2 .tags .em{font-size:20px;color:#fff; line-height: 30px; padding-top:6px;text-align: center;} .modularity-lump2 .tags .p{font-size:14px;color:#226eb6; line-height: 22px;text-align: center; white-space: nowrap;} .modularity-lump2 .btns{margin-top:30px;overflow:hidden;margin-right:-6px} .modularity-lump2 .btns *{transition:all .4s} .modularity-lump2 .btn{position:relative;cursor:pointer;float:left;width:256px;height:78px;color:#5b5b5b;padding-left:84px;line-height:78px;font-size:18px;color:#5b5b5b;background:#fff;margin-right:4px} .modularity-lump2 .btn .icon{position:absolute;left:30px;top:0;font-size:18px;bottom:0;margin:auto 0} .modularity-lump2 .btn em{margin-left:5px;font-size:22px;font-family:"Rajdhani-Bold";transition:none} .modularity-lump2 .btn:hover{background:#ed0101;color:#fff} .modularity-lump2 .btn:after{content:"";display:block;opacity:0;position:absolute;transition:all .4s;right:25px;top:0;bottom:0;margin:auto 0;width:24px;height:14px;background:url(../images/icon-more3.png) no-repeat center} .modularity-lump2 .btn:hover:after{right:20px;opacity:1} .modularity-chart{padding-top:100px;height:1137px;text-align:center;background:#fff} .modularity-chart .til{font-size:28px;color:#a59180;line-height:32px;margin-bottom:12px} .modularity-chart .til2{font-size:44px;color:#9c704b;line-height:50px;margin-bottom:1px} .modularity-chart .til2 em{position:relative;padding:0 10px;margin-left:30px} .modularity-chart .til2 em:before,.modularity-chart .til2 em:after{position:absolute;content:"";display:block;width:18px;height:16px;border:2px solid #9c704b} .modularity-chart .til2 em:before{left:0;top:0;border-right-width:0;border-bottom-width:0} .modularity-chart .til2 em:after{right:0;bottom:0;border-left-width:0;border-top-width:0} .modularity-chart .en{font-size:26px;color:#e1e1e1;line-height:30px;font-family:"Rajdhani-Bold";text-transform:uppercase;margin-bottom:22px} .modularity-chart p{color:#838382;text-align:center} .modularity-chart .chart{position:relative;height:794px} .modularity-chart .chart .bg{position:absolute;left:0;top:0;bottom:0;right:0;margin:auto} .modularity-chart .chart .bg2{animation:turn 20s linear infinite} .modularity-chart .chart li{position:absolute;width:181px;height:181px;border-radius:50%;background:#f3ece7;z-index:50;overflow:hidden} .modularity-chart .chart .txt{position:absolute;left:0;right:0;top:52px;text-align:center;opacity:1;transition:all .4s} .modularity-chart .chart .num{font-size:26px;color:#a67e5b;line-height:30px} .modularity-chart .chart .p{font-size:16px;color:#9c704b;line-height:20px} .modularity-chart .chart li img{position:relative;z-index:5;opacity:0;transition:all .4s;transform:scale(1.5)} .modularity-chart .chart .item1{left:408px;top:54px} .modularity-chart .chart .item2{left:295px;top:434px} .modularity-chart .chart .item3{left:702px;top:544px} .modularity-chart .chart .item4{left:798px;top:160px} .modularity-chart .chart .num{font-size:26px;color:#a67e5b;font-family:"Gilroy-Bold";margin-bottom:4px} .modularity-chart .chart .cnt{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;padding-top:80px;width:264px;height:264px;border-radius:50%;background:url(../images/modularity/modularity-chart-cnt.png) no-repeat center} .modularity-chart .chart .h1{position:relative;z-index:5;font-size:26px;color:#fff;line-height:32px;text-align:center} .modularity-chart .chart li:hover .txt{opacity:0} .modularity-chart .chart li:hover img{opacity:1;transform:scale(1)} .modularity-chart .chart .bg-col{position:absolute;left:50%;top:50%;width:100%;height:100%;border-radius:50%;margin:-50% 0 0 -50%;background:#f3ece7;z-index:-1;animation:breathe 3s linear infinite alternate} .modularity1{padding-bottom:110px} .modularity1-lump1.fabricate-lump1{padding-top:102px} .modularity1-lump1.fabricate-lump1 .top{padding-bottom:38px} .modularity1-lump1.fabricate-lump1 .le .h1{color:#09308a} .modularity1-lump1 .bom-le{float:left;padding:51px 36px 0;height:675px;width:573px;background:url(../images/about/modularity1-k1-img.jpg) no-repeat center} .modularity1-lump1 .bom-le .line{width:40px;height:3px;background:#f10000;margin-bottom:12px} .modularity1-lump1 .bom-le .til-cn{font-size:22px;color:#6c6c6c;line-height:26px;margin-bottom:6px} .modularity1-lump1 .bom-le .til-en{font-size:20px;color:rgba(175,175,174,.5);line-height:18px;text-transform:uppercase;font-family:"Rajdhani-Bold"} .modularity1-lump1 .bom-le .pop{position:absolute;left:40px;bottom:60px} .modularity1-lump1 .bom-le .pop .h4{font-size:18px;color:#94928c;line-height:24px} .modularity1-lump1 .bom-le .pop .p{font-size:14px;color:#94928c;line-height:22px} .modularity1-lump1 .bom-ri{float:right;width:707px} .modularity1-lump1 .bom-ri .li{position:relative;padding:64px 0 0 175px;border:1px solid #dee2e6;height:225px;border-bottom:0} .modularity1-lump1 .bom-ri .li:last-child{border-bottom:1px solid #dee2e6} .modularity1-lump1 .bom-ri .til-cn{font-size:18px;color:#3a3a3a;line-height:24px;font-weight:600} .modularity1-lump1 .bom-ri .til-en{font-size:20px;color:rgba(175,175,174,.5);line-height:20px;text-transform:uppercase;font-family:"Rajdhani-Bold";letter-spacing:-1px;margin-bottom:8px} .modularity1-lump1 .bom-ri .icon{position:absolute;right:565px;top:64px} .modularity1-lump2{position:relative;} .modularity1-lump2:after{content:"";display:block;position:absolute;left:0;top:0;right:0;height:800px;background:#f5f8f9} .modularity1-lump2 .w1280{position:relative;z-index:5;text-align:center;padding-top:80px} .modularity1-lump2 .h1{font-size:40px;color:#09308a;line-height:40px;font-weight:600;margin-bottom:6px;} .modularity1-lump2 .h1 img{} .modularity1-lump2 .h2{font-size:20px;color:rgba(175,175,174,.5);line-height:20px;text-transform:uppercase;font-family:"Rajdhani-Bold";margin-bottom:20px} .modularity1-lump2 p{width:1000px;margin:0 auto;text-align:center} .modularity1-lump2 .wrap{height: 478px; margin-top: 20px;} .modularity1-lump2 .wrap:after{content: ""; display: block; height: 0; clear: both;} .modularity1-lump2 .slidsBox{position: relative; float: left; width: 50%; height: 100%; background: #f8f6f2;} .modularity1-lump2 .slidsBox .bd li{height: 478px;} .modularity1-lump2 .hd{position: absolute; left: 25px; bottom: 20px; z-index: 10;} .modularity1-lump2 .hd .li{float: left; width: 12px; height: 12px; border-radius: 50%; opacity: .5; border: 3px solid #fff; margin-right: 6px; cursor: pointer;} .modularity1-lump2 .hd .li.on{opacity: 1;} .modularity1-lump2 .ri{position: relative; float: right; width: 50%; height: 100%; background: #f8f6f2;text-align:left;} .modularity1-lump2 .ri ul{position: absolute; padding-top: 0px; left: 30px; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .modularity1-lump2 .ri li{margin-bottom: 40px; min-height: 50px; padding-left: 120px; position: relative;} .modularity1-lump2 .ri .h1{font-size: 24px; color: #4c4c4c; line-height: 30px; margin-bottom: 8px;} .modularity1-lump2 .ri .h2{font-size: 16px; color: rgba(60,60,60,.5); line-height: 18px;text-transform: uppercase;font-family: "Rajdhani-Bold"; letter-spacing: -.7px;} .modularity1-lump2 .ri .h3{font-size: 20px; color: #969696; line-height: 30px;} .modularity1-lump2 .ri .icon{position: absolute; left: 24px; top: 0; padding-top: 3px; width: 76px; height: 100px;} .modularity1-lump2 .ri .icon img{margin:0 auto;} .modularity1-lump2 .wrap2 .img{margin-top:46px} .modularity1-lump2 .wrap2 {margin-top:0px;padding:86px 0 80px 55px;background-color:#fdfdfe} .modularity1-lump2 .wrap2 li{position:relative;float:left;width:360px;height:258px;padding-top:75px;border:1px solid #e6f0fa;border-radius:5px;margin:0 15px} .modularity1-lump2 .wrap2 li .icon{position:absolute;left:0;right:0;top:-55px;width:170px;height:80px;margin:0 auto;background:#fff} .modularity1-lump2 .wrap2 li .icon img{position:absolute;left:0;right:0;bottom:0;margin:0 auto} .modularity1-lump2 .wrap2 li .h1{font-size:18px;color:#3a3a3a;line-height:24px;font-weight:600} .modularity1-lump2 .wrap2 li .h2{font-size:20px;color:rgba(175,175,174,.5);line-height:23px;text-transform:uppercase;font-family:"Rajdhani-Bold";margin-bottom:6px} .modularity1-lump2 .wrap2 li .h3{font-size:15px;color:#838382;line-height:20px} /* 公司简介*/ .external-about{position:relative;} .external-about:after{content:"";display:block;position:absolute;left:0;top:0;right:0;height:500px;background:#f5f8f9} .external-about .w1280{position:relative;z-index:5;text-align:center;padding-top:20px} .external-about p{width:1000px;margin:0 auto;text-align:left;} .external-about .wrap{height: 478px; margin-top: 30px;} .external-about .wrap:after{content: ""; display: block; height: 0; clear: both;} .external-about .slidsBox{position: relative; float: left; width: 50%; height: 100%;} .external-about .ri{position: relative; float: right; width: 50%; height: 100%; text-align:left; margin-top: 10px; } .external-about .ri .h1{font-size:40px;color:#09308a;line-height:40px;font-weight:600;margin-bottom:6px; margin-top: 50px;margin-left: 30px;} .external-about .ri .h2{font-size:20px;color:rgba(175,175,174,.5);line-height:20px;text-transform:uppercase;font-family:"Rajdhani-Bold";margin-bottom:20px;margin-left: 30px;} .external-about .ri p { margin-left: 30px; line-height: 30px; height: 150px; overflow: hidden; width: 98%; } .external-about .ri .more { margin-left: 30px; color: #fff; font-size: 14px; height: 40px; width: 150px; background: #fe9d00; display: block; text-align: center; line-height: 40px; } /*装配式内装*/ .modularity-interior{height:440px;background:url(../images/products/zhuangxiu.jpg) no-repeat center} .modularity-interior .cnt{position: relative;} .modularity-interior .i img{margin-right: 10px; } .modularity-interior .ri{float:right;width:730px;margin-right:40px;padding-top:120px} .modularity-interior .cnt h3{font-size:46px;line-height:46px;font-weight:300;color:#fff;margin-bottom:12px;font-weight: 600; padding-top: 22px;} .modularity-interior .cnt h4{font-size:24px;line-height:24px;color:#147639;font-family:"黑体";white-space:nowrap;margin-bottom:14px;text-transform: uppercase;letter-spacing: -1px;} .modularity-interior .cnt p{font-size:15px;color:#fff;line-height:26px;margin-bottom:50px;clear: both;} .index-interior{position:relative;} .index-interior:after{content:"";display:block;position:absolute;left:0;top:0;right:0;height:1000px;background:#f5f8f9} .index-interior .w1280{position:relative;z-index:5;text-align:center;padding-top:80px} .index-interior .h1{font-size:40px;color:#09308a;line-height:40px;font-weight:600;margin-bottom:6px;} .index-interior .h1 img{} .index-interior .h2{font-size:20px;color:rgba(175,175,174,.5);line-height:20px;text-transform:uppercase;font-family:"Rajdhani-Bold";margin-bottom:20px} .index-interior p{width:1000px;margin:0 auto;text-align:center} .index-interior .pic-wr {margin-top: 20px;} .index-interior a{position:relative;float:left;margin:0 12px 12px 0;overflow:hidden;background:#000} .index-interior .ul2 a:nth-child(2):hover,.index-lump3 .ul2 a:nth-child(4):hover{cursor: default;} .index-interior a .txt{position:absolute;left:0;bottom:0;width:100%;z-index:5;padding:0 40px 32px} .index-interior a .txt .cn{font-size:22px;color:#fff;line-height:24px;text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;} .index-interior a .txt .en{font-size:16px;color:#c0b297;line-height:20px;font-family:"Rajdhani-Bold";text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;} .index-interior a img{transition:all 1s} .index-interior a:hover img{transform:scale(1.1);opacity:.6} .index-interior .ul2 .it1{float:right} .index-interior a .txt2{position:absolute;left:0px;top:40px;width:100%;z-index:5;padding:0 40px 32px} .index-interior a .txt2 .cn{font-size:22px;color:#fff;line-height:50px;} .index-interior a .txt2 .en{font-size:16px;color:#fff;line-height:20px;font-family:"黑体";} /*外挂墙板*/ external_wall {} .external-lump2{position:relative;} .external-lump2:after{content:"";display:block;position:absolute;left:0;top:0;right:0;height:800px;background:#f5f8f9} .external-lump2 .w1280{position:relative;z-index:5;text-align:center;padding-top:20px} .external-lump2 p{width:1000px;margin:0 auto;text-align:left;} .external-lump2 .wrap{height: 478px; margin-top: 30px;} .external-lump2 .wrap:after{content: ""; display: block; height: 0; clear: both;} .external-lump2 .slidsBox{position: relative; float: left; width: 50%; height: 100%; background: #f8f6f2;} .external-lump2 .ri{position: relative; float: right; width: 50%; height: 100%; background: #f8f6f2;text-align:left;} .external-lump2 .ri .h1{font-size:40px;color:#09308a;line-height:40px;font-weight:600;margin-bottom:6px; margin-top: 50px;} .external-lump2 .ri .h2{font-size:20px;color:rgba(175,175,174,.5);line-height:20px;text-transform:uppercase;font-family:"Rajdhani-Bold";margin-bottom:20px} .external-lump2 .ri ul{position: absolute; padding-top: 0px; left: 10px; right: 20px; top: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .external-lump2 .ri li{margin-bottom: 40px; min-height: 50px; padding-left: 60px; position: relative;} .external-lump2 .ri .h3{font-size: 24px; color: #4c4c4c; line-height: 30px; margin-bottom: 8px;} .external-lump2 .ri .h4{font-size: 20px; color: rgba(60,60,60,.8); line-height: 30px;text-transform: uppercase;font-family: "黑体"; letter-spacing: -.7px;} .external-lump2 .ri .h5{font-size: 20px; color: #969696; line-height: 30px;} .external-lump2 .ri .icon{position: absolute; left: 0px; top: 0; padding-top: 3px; width: 50px; height: 30px;} .external-lump2 .ri .icon img{margin:0 auto;} .external-lump2 .ri p { line-height: 30px; height: 150px; overflow: hidden; width: 98%; margin: 20px auto; } .external-lump2 .ri .more { color: #fff; font-size: 14px; height: 40px; width: 150px; background: #fe9d00; display: block; text-align: center; line-height: 40px; } .modularity2 .modularity1-lump1 .bom-le{background-image:url(../images/about/modularity2-k1-img.jpg)} .fabricate{padding-top:86px} .fabricate-lump1{padding:85px 0 60px;min-height:320px} .fabricate-lump1 .le{float:left;width:500px} .fabricate-lump1 .le .h1{font-size:40px;color:#e40007;line-height:50px;margin-bottom:6px;font-weight:300;letter-spacing:-1px} .fabricate-lump1 .le .h2{font-size:24px;color:#d9d9d9;line-height:22px;text-transform:uppercase;letter-spacing:-1px;font-family:"Rajdhani-Bold"} .fabricate-lump1 .ri{float:right;width:700px} .fabricate-lump1 .ri p{margin-bottom:24px} .fabricate-lump1 .ri p em{color:#395289} .fabricate-lump2{height:940px;background:url(../images/about/fabricate-k2-bg.jpg) no-repeat center} .fabricate-lump2 .w1280{position:relative;padding-top:64px;height:100%} .fabricate-lump2 .k1-icon{position:absolute;top:-59px;left:1px} .fabricate-lump2 .circle-box{position:relative;margin:0 auto;width:830px;height:830px;background:url(../images/about/fabricate-k2-irem-scope.png) no-repeat center} .fabricate-lump2 .circle-box .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center} .fabricate-lump2 .circle-box .b1{background-image:url(../images/about/fabricate-k2-adorn1.png);animation:turn 22s linear infinite} .fabricate-lump2 .circle-box .b2{background-image:url(../images/about/fabricate-k2-adorn2.png);animation:turn 19s linear infinite} .fabricate-lump2 .circle-box .b3{background-image:url(../images/about/fabricate-k2-adorn3.png);animation:turn 20s linear infinite} .fabricate-lump2 .circle-box .b4{background-image:url(../images/about/fabricate-k2-adorn4.png);animation:turn 18s linear infinite} .fabricate-lump2 ul{height:100%} .fabricate-lump2 li{position:absolute;z-index:5;width:216px;height:187px;background:url(../images/about/fabricate-k2-irem-bg.png) no-repeat center;opacity:.8} .fabricate-lump2 li img{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto} .fabricate-lump2 .it1{left:138px;top:225px} .fabricate-lump2 .it2{left:305px;top:130px} .fabricate-lump2 .it3{left:471px;top:225px} .fabricate-lump2 .it4{left:471px;top:416px} .fabricate-lump2 .it5{left:307px;top:511px} .fabricate-lump2 .it6{left:141px;top:416px} .fabricate-lump2 .cnt{position:absolute;top:390px;width:220px;left:0;right:0;margin:0 auto;text-align:center} .fabricate-lump2 .cnt .h1{font-size:68px;color:#e40007;line-height:30px;font-family:"Rajdhani-Bold";letter-spacing:-2px} .fabricate-lump2 .cnt .h1 em{font-size:30px} .fabricate-lump2 .cnt .h2{font-size:14px;color:#4d8695;line-height:22px} .fabricate-lump2 .hid-wr .item{display:none;position:absolute;left:0;top:0;width:100%;height:940px;z-index:20;pointer-events:none} .fabricate-lump2 .hid-wr .num{margin-bottom:8px} .fabricate-lump2 .hid-wr .h4{font-size:24px;color:#e70012;line-height:30px;margin-bottom:10px} .fabricate-lump2 .hid-wr p{font-size:16px;color:#545b5e;line-height:22px} .fabricate-lump2 .hid-wr .txt{position:absolute} .fabricate-lump2 .hid-wr .it3 .txt *,.fabricate-lump2 .hid-wr .it4 .txt *,.fabricate-lump2 .hid-wr .it5 .txt *{text-align:right} .fabricate-lump2 .hid-wr .it3 .txt img,.fabricate-lump2 .hid-wr .it4 .txt img,.fabricate-lump2 .hid-wr .it5 .txt img{margin-left:auto} .fabricate-lump2 .hid-wr .it1 .txt{left:0;bottom:662px} .fabricate-lump2 .hid-wr .it2 .txt{left:0;bottom:722px} .fabricate-lump2 .hid-wr .it3 .txt{right:0;bottom:722px} .fabricate-lump2 .hid-wr .it4 .txt{right:0;bottom:530px} .fabricate-lump2 .hid-wr .it5 .txt{right:0;bottom:208px} .fabricate-lump2 .hid-wr .it6 .txt{left:0;bottom:318px} .fabricate-lump3{padding-bottom:93px} .fabricate-lump3 .fabricate-lump1{padding:98px 0 66px} .fabricate-lump3 .fabricate-lump1 .le .h1{color:#ad815c} .fabricate-lump3 .fabricate-lump1 .ri{padding-top:10px} .fabricate-lump3 .fabricate-lump1 .ri p{color:#8e8a7d} .fabricate-lump3 .chart{height:660px;position:relative;padding-top:123px} .fabricate-lump3 .chart .cnt{width:500px;margin:0 auto} .fabricate-lump3 .chart .cnt .h1{font-size:22px;color:#ba8e61;line-height:28px;margin-bottom:34px;text-align:center} .fabricate-lump3 .chart li{position:absolute} .fabricate-lump3 .chart li .p{position:absolute;width:128px;height:44px;line-height:44px;font-size:16px;color:#fff;background:#b69375;border-radius:44px;text-align:center} .fabricate-lump3 .chart .li1{left:111px;top:0} .fabricate-lump3 .chart .li2{right:111px;top:0} .fabricate-lump3 .chart .li3{left:111px;bottom:16px} .fabricate-lump3 .chart .li4{right:111px;bottom:16px} .fabricate-lump3 .chart .li1 .p{left:-111px;top:40px} .fabricate-lump3 .chart .li2 .p{right:-111px;top:40px} .fabricate-lump3 .chart .li3 .p{left:-111px;top:120px} .fabricate-lump3 .chart .li4 .p{right:-111px;top:120px} .fabricate-lump4{height:258px;background:url(../images/about/fabricate-k4-bg.jpg) no-repeat center} .fabricate-lump4 .til-box{float:left;padding-top:85px} .fabricate-lump4 .til-box .til-cn{font-size:40px;color:#fff;line-height:50px;font-weight:300;letter-spacing:-1px} .fabricate-lump4 .til-box .til-en{font-size:24px;color:rgba(255,255,255,.5);line-height:26px;font-family:"Rajdhani-Bold";text-transform:uppercase} .fabricate-lump4 .txt{float:right;width:700px;padding-top:93px} .fabricate-lump4 .txt p{font-size:15px;color:#cddee9;line-height:26px} .fabricate-lump5{height:763px;padding-top:133px;background:url(../images/about/fabricate-k5-bg.jpg) no-repeat center} .fabricate-lump5 .le{float:left;margin:21px 0 0 -79px} .fabricate-lump5 .ri{float:right;width:701px} .fabricate-lump5 .ri .chart{height:407px;padding-top:67px;background:url(../images/about/fabricate-k5-r-bg.png) no-repeat center;margin-bottom:20px} .fabricate-lump5 .ri .box{position:relative;padding-top:58px;margin-left:183px;width:300px;height:300px;border-radius:50%;border:4px solid rgba(119,150,75,.1)} .fabricate-lump5 .ri .box .cnt{position:relative;width:178px;height:178px;padding-top:65px;font-size:18px;color:#fff;text-align:center;margin:0 auto;background:url(../images/fabricate/fabricate-k5-cnt.png) no-repeat center} .fabricate-lump5 .ri li{position:absolute} .fabricate-lump5 li .icon{width:64px;height:64px;background:#fff no-repeat center;border-radius:50%} .fabricate-lump5 li .p{position:absolute;left:78px;top:0;white-space:nowrap;font-size:14px;color:#4b71b4;line-height:20px} .fabricate-lump5 li .p em{font-size:24px;} .fabricate-lump5 .it1{left:115px;top:-35px} .fabricate-lump5 .it2{left:255px;top:67px} .fabricate-lump5 .it3{left:218px;top:220px} .fabricate-lump5 .it4{right:218px;top:220px} .fabricate-lump5 .it5{right:255px;top:67px} .fabricate-lump5 .it1 .p{top:-7px} .fabricate-lump5 .it4 .p,.fabricate-lump5 .it5 .p{right:78px;left:auto;text-align:right} .fabricate-lump5 .txt p{color:#656c75} .fabricate-new1{height:500px;background:url(../images/about/fabricate-k1-bg.jpg) no-repeat center} .fabricate-new1 .le{float:left;padding-top:185px;width:380px} .fabricate-new1 .le .h1{font-size:48px;color:rgba(255,255,255,.8);line-height:52px;font-weight:600;padding-bottom:4px} .fabricate-new1 .le .h2{font-size:20px;color:rgba(255,255,255,.2);line-height:1;padding-bottom:6px;text-transform:uppercase} .fabricate-new1 .le p{color:rgba(255,255,255,.5)} .fabricate-new1 ul{position:relative;float:right;margin-top:80px;width:820px} .fabricate-new1 li{position:absolute;width:217px;height:187px;background:url(../images/about/fabricate-k1-it-bg.png) no-repeat center} .fabricate-new1 li .p{position:absolute;left:0;right:0;bottom:16px;z-index:5;font-size:13px;color:#b3bcd4;line-height:16px;text-align:center} .fabricate-new1 .it1{left:0;top:95px} .fabricate-new1 .it2{left:164px;top:0} .fabricate-new1 .it3{left:328px;top:95px} .fabricate-new1 .it4{left:492px;top:0} .fabricate-new1 .it5{left:492px;top:189px} .fabricate-new1 .it6{left:656px;top:95px} .fabricate-new2{position: relative; height:890px;padding-top:110px;background:url(../images/fabricate/fabricate-k2-bg.jpg) no-repeat bottom center} .fabricate-new2 #div1{position: absolute; top: -86px; height: 0;} .fabricate-new2 .w1280{overflow: hidden;} .fabricate-new2 .til-box{padding-bottom:34px} .fabricate-new2 .til-box .h1{font-size:36px;color:#fff;line-height:44px;font-weight:600; margin-bottom: 6px;} .fabricate-new2 .til-box .h2{font-size:26px;color:rgba(121,121,128,.5);line-height:24px;text-transform:uppercase;letter-spacing: -1px;} .fabricate-new2 .tab-wr{position:relative;width:880px;height:514px;} .fabricate-new2 .bd{float:left;position:relative;width:880px;height:514px;background:rgba(238,238,238,.18)} .fabricate-new2 .bd .item{position: relative; height:514px} .fabricate-new2 .bd video{width:880px;height:514px} .fabricate-new2 .bd:after{content:"";display:block;height:50%;width:100%;position:absolute;left:0;bottom:0;background:url(../images/fabricate/fabricate-vdo-shade.png) repeat-x bottom} .fabricate-new2 .bd .txt{position:absolute;left:0;right:0;bottom:0;padding:0 25px 20px;z-index:10} .fabricate-new2 .bd .txt p{font-size:14px;line-height:24px;color:rgba(255,255,255,.7)} .fabricate-new2 .hd{float:right;width:394px;position: absolute; right: -400px; top: 0;} .fabricate-new2 .hd li{position:relative;height:98px;padding:38px 0 0 100px;background:rgba(238,238,238,.18);margin-bottom:6px;cursor:pointer} .fabricate-new2 .hd .h1{font-size:18px;color:#c8c9d8;line-height:24px} .fabricate-new2 .hd .h2{font-size:15px;color:rgba(255,255,255,.3);line-height:17px;text-transform:uppercase;padding-top: 3px; opacity:0} .fabricate-new2 .hd .icon{position:absolute;left:34px;top:24px;width:50px;height:50px;background:no-repeat center} .fabricate-new2 .hd .it1 .icon{background-image:url(../images/fabricate/fabricate-k2-icon1.png)} .fabricate-new2 .hd .it2 .icon{background-image:url(../images/fabricate/fabricate-k2-icon2.png)} .fabricate-new2 .hd .it3 .icon{background-image:url(../images/fabricate/fabricate-k2-icon3.png)} .fabricate-new2 .hd .it4 .icon{background-image:url(../images/fabricate/fabricate-k2-icon4.png)} .fabricate-new2 .hd .it5 .icon{background-image:url(../images/fabricate/fabricate-k2-icon5.png)} .fabricate-new2 .hd li:hover,.fabricate-new2 .hd li.on{padding-top:32px;background:#e62129} .fabricate-new2 .hd li:hover .h1,.fabricate-new2 .hd li.on .h1{color:#fff} .fabricate-new2 .hd li:hover .h2,.fabricate-new2 .hd li.on .h2{opacity:1} .fabricate-new2 .hd .it1:hover .icon,.fabricate-new2 .hd .it1.on .icon{background-image:url(../images/fabricate/fabricate-k2-icon1-on.png)} .fabricate-new2 .hd .it2:hover .icon,.fabricate-new2 .hd .it2.on .icon{background-image:url(../images/fabricate/fabricate-k2-icon2-on.png)} .fabricate-new2 .hd .it3:hover .icon,.fabricate-new2 .hd .it3.on .icon{background-image:url(../images/fabricate/fabricate-k2-icon3-on.png)} .fabricate-new2 .hd .it4:hover .icon,.fabricate-new2 .hd .it4.on .icon{background-image:url(../images/fabricate/fabricate-k2-icon4-on.png)} .fabricate-new2 .hd .it5:hover .icon,.fabricate-new2 .hd .it5.on .icon{background-image:url(../images/fabricate/fabricate-k2-icon5-on.png)} .fabricate-new3{position: relative; height: 500px; padding-top: 100px; background: url(../images/fabricate/fabricate-k3-bg.jpg) no-repeat center;} .fabricate-new3 #div2{position: absolute; top: -86px; height: 0;} .fabricate-new3 .til-box{float: left; width: 300px; padding-top: 75px; margin-right: 100px;} .fabricate-new3 .til-box .h1{font-size:36px;color:#fff;line-height:44px;font-weight:600;margin-bottom: 6px;} .fabricate-new3 .til-box .h2{font-size:26px;color:rgba(255,255,255,.2);line-height:24px;text-transform:uppercase;letter-spacing: -1px;} .fabricate-new3 .vdo {float: left; width: 480px; height: 280px; position: relative;overflow: hidden;background: #000} .fabricate-new3 .vdo:hover .pic {opacity: .6} .fabricate-new3 .btn {position: absolute;z-index: 10;cursor: pointer;left: 50%;top: 50%;margin: -31px 0 0 -31px;width: 63px;height: 63px;background: url(../images/icon-play.png) no-repeat center} .product{position: relative;} .product .adorn{position: absolute;} .product .adorn1{left: 0; top: 795px; left: 114px;} .product .adorn2{right: 0; top: 83px;} .product-ban-txt{position: absolute; right: 0; top: 205px; width: 700px; z-index: 5;} .product-ban-txt p{font-size: 15px; color: #fff; margin-bottom: 26px;} .product{padding-top: 100px;} .product .index-lump3{padding:0 0 88px; position: relative; z-index: 20;} .product-lump3{display:none;height:612px;background:url(../images/product/product-k3-bg.jpg) no-repeat center} .product-lump3 .txt{padding-top:255px} .product-lump3 .txt .h1{font-size:46px;color:#bfcbe1;line-height:56px;font-weight:300;margin-bottom:4px} .product-lump3 .txt .h2{font-size:22px;color:rgba(99,144,230,.3);line-height:1;text-transform:uppercase} .product-case{position:relative;height:727px;overflow:hidden} .product-case .bd{position:relative; } .product-case .bd:after{content:"";display:block;height:100%;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:2} .product-case .bd .item{height:727px;background:no-repeat center} .product-case .w1280{position:absolute;left:0;right:0;top:0;height:100%;z-index:20} .product-case .h-til{padding-top:60px} .product-case .h-til .h1{font-size:36px;color:#fff;line-height:43px;text-align:center} .product-case .h-til .h2{font-size:26px;color:rgba(255,255,255,.3);line-height:26px;text-align:center;text-transform:uppercase;} .product-case .hd{position:absolute;left:0;right:128px;bottom:66px; height: 450px;} .product-case .hd li{display:none;-webkit-animation-delay:.5s;animation-delay:.5s} .product-case .hd .til{position: relative; font-size:40px;line-height:48px;color:#fff;font-weight:300; margin-bottom: 30px;} .product-case .hd .til:after{position: absolute; left: 0; bottom: -17px; content: ""; display: block; width: 58px; height: 3px; background: rgba(255,255,255,.3);} .product-case .hd .p-box{width: 500px;} .product-case .hd p{position: relative; font-size:14px;line-height:22px;color:#fff;margin-bottom: 10px;} .product-case .hd p:before{content: ""; display: block; position: absolute; left: -11px; top: 11px; width: 4px; height: 3px; background: #fff;} .product-case .hd .btns{position:absolute;right:-128px;bottom:-6px} .product-case .hd .btn{float:left;margin-left:12px;width:58px;height:58px;background:no-repeat center;transition:all .4s;cursor:pointer} .product-case .hd .prev{background-image:url(../images/products/icon-prev3.png)} .product-case .hd .prev:hover{background-image:url(../images/products/icon-prev3-on.png)} .product-case .hd .next{background-image:url(../images/products/icon-next3.png)} .product-case .hd .next:hover{background-image:url(../images/products/icon-next3-on.png)} .product1-ban .ri-til{position: absolute; right: 0; top: 8px;} .product1-ban .ri-til .i1{margin-right: 82px;} .product1-ban .ri-til .i2{margin-left: auto;} .product1-lump1{padding: 56px 0 70px; background: #fff no-repeat center;} .product1-lump1 .til-box{margin-bottom: 22px;} .product1-lump1 .til-cn{font-size: 36px; color: #ad815c; line-height: 44px; font-weight: 600;} .product1-lump1 .til-en{font-size: 26px; color: rgba(175,175,175,.5); line-height: 30px; text-transform: uppercase; letter-spacing: -1px;} .product1-lump1 .wrap{height: 478px;} .product1-lump1 .wrap:after{content: ""; display: block; height: 0; clear: both;} .product1-lump1 .slidsBox{position: relative; float: left; width: 750px; height: 100%; background: #e1e1e1;} .product1-lump1 .slidsBox video{width: 100%; height: 100%;} .product1-lump1 .slidsBox .bd li{height: 478px;} .product1-lump1 .hd,.product2-lump3 .hd{position: absolute; left: 25px; bottom: 20px; z-index: 10;} .product1-lump1 .hd .li,.product2-lump3 .hd .li{float: left; width: 12px; height: 12px; border-radius: 50%; opacity: .5; border: 3px solid #fff; margin-right: 6px; cursor: pointer;} .product1-lump1 .hd .li.on,.product2-lump3 .hd .li.on{opacity: 1;} .product1-lump1 .ri{position: relative; float: right; width: 530px; height: 100%; background: #f8f6f2;} .product1-lump1 .ri ul{position: absolute; padding-top: 40px; left: 50px; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .product1-lump1 .ri li{margin-bottom: 40px; min-height: 76px; padding-left: 120px; position: relative;} .product1-lump1 .ri .h1{font-size: 24px; color: #4c4c4c; line-height: 30px; margin-bottom: 8px;} .product1-lump1 .ri .h2{font-size: 16px; color: rgba(175,175,175,.5); line-height: 18px;text-transform: uppercase;letter-spacing: -.7px;} .product1-lump1 .ri .h3{font-size: 20px; color: #969696; line-height: 30px;} .product1-lump1 .ri .icon{position: absolute; left: 24px; top: 0; padding-top: 3px; width: 76px; height: 100px;} .product1-lump1 .ri .icon img{margin:0 auto;} .product1-lump2{background: #edf4f8 url(../images/product/product1-k2-bg.jpg) no-repeat bottom center;} .product1-lump2 .ri{background: #3c587e;} .product1-lump2 .ri .h1{color: #d2d0d0;} .product1-lump2 .ri .h2{color: rgba(137,144,164,.5);} .product1-lump4{background-image: url(../images/product/product1-k3-bg.jpg);} .product1-lump4 .ri{background: #fff;} .product2-ban .ri-til{position: absolute; left: 380px; top: 30px;} .product2-ban .ri-til .i2{margin:11px 0 0 77px;} .product2-lump3{padding: 80px 0 100px; background: #f8f8f8 no-repeat center;} .product2-lump3 .wrap{height: 478px;} .product2-lump3 .wrap:after{content: ""; display: block; height: 0; clear: both;} .product2-lump3 .slidsBox{float: left; width: 850px; height: 100%;} .product2-lump3 .ri{position: relative; float: right; width: 430px; height: 100%; background: #fff;} .product2-lump3 .ri ul{position: absolute; left: 100px; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);padding-top: 0;} .product2-lump3 .ri li{position: relative;padding: 0;margin: 0;} .product2-lump3 .ri .til{margin-bottom: 6px;} .product2-lump3 .ri .icon{display: inline-block; margin-right: 10px;position: static;width: auto;height: auto;padding-top: 0;} .product2-lump3 .ri .h1{display: inline-block; vertical-align: bottom; font-size: 24px; color: #81725c; line-height: 40px; font-weight: 600;margin-bottom: 0;} .product2-lump3 .ri .h2{clear: both; font-size: 20px; color: #84827f; line-height: 30px;} .product2-lump1{background-image: url(../images/product/product2-k1-bg.jpg);} .product2-lump2{background: #fff;} .product2-lump2 .ri{background: #f8f8f8;} .product2-lump2 .ri .adorn{position: absolute; right: -130px; bottom: 0;} .product3-ban .cnt{padding-top: 50px;} .product3-ban .til-h1{color: #4c6272;} .product3-ban .til-h2{color: #d7c5bb;} .product3-top-txt{padding:50px 0 40px;} .product3-top-txt .icon{margin: 0 auto 25px;} .product3-top-txt .h4{font-size: 20px; color: #838382; line-height: 30px; text-align: center;} .h-til1{font-size:36px;color:#ad815c;line-height:44px;font-weight: 600;} .h-til2{font-size:24px;color:rgba(175,175,175,.5);line-height:30px;font-family:"Rajdhani-Bold";letter-spacing:-1px;text-transform: uppercase; margin-bottom: 18px;} .product3-lump1{padding-bottom: 70px;} .product3-lump1 .chart{padding: 60px 25px; background: #eeece3; overflow: hidden;} .product3-lump1 .chart .le{position: relative; float: left; width: 686px; background: #fff; height: 423px; border-radius: 4px;} .product3-lump1 .chart .le:after{position: absolute; right: -34px; top:0; bottom: 0; margin: auto 0; content: ""; display: block; width: 22px; height: 15px; background: url(../images/product/product3-k1-excessive.png) no-repeat center;} .product3-lump1 .box1{padding: 28px 0 0 55px; overflow: hidden; margin-bottom: 32px;} .product3-lump1 .box1 .item{position: relative; padding-right: 160px; float: left; margin-right: 55px;} .product3-lump1 .box1 .pic{position: absolute; left: 105px; top: 0; bottom: 0; margin: auto 0;} .product3-lump1 .box1 .name{font-size: 16px; color: #919191; height: 120px; line-height: 120px; font-weight: bold;} .product3-lump1 .box2{overflow: hidden; margin-right: -20px;} .product3-lump1 .box2 .item{float: left; margin-right: 13px;} .product3-lump1 .box2 .name{position: relative; font-size: 16px; color: #fff; text-align: center; font-weight: 600; line-height: 70px; height: 70px; width: 70px; background: #bb8b51; border-radius: 50%; margin:0 auto 34px;} .product3-lump1 .box2 .name:after{content: ""; position: absolute; left: 50%; bottom: -40px; width: 1px; height: 40px; background: rgba(184,190,191,.5);} .product3-lump1 .box2 img{position: relative; z-index: 5;} .product3-lump1 .chart .ri{float: right; width: 496px; background: #fff; height: 423px; border-radius: 4px; background: url(../images/product/product3-k1-i8.jpg) no-repeat center;} .slideBox2{position: relative;} .slideBox2 .bd li{height: 600px; position: relative; overflow: hidden;} .slideBox2 .bd .le{float: left; width: 750px; height: 100%;} .slideBox2 .bd .ri{float: right; position: relative; width: 530px; height: 100%;} .slideBox2 .bd h4{font-size: 16px; color: #4b6b8f; line-height: 24px; position: absolute; left: 56px; top: 30px; font-weight: 600;} .slideBox2 .btn-box .btn{position: absolute;top:50%;margin-top:-29px;width:58px;height:58px;background:no-repeat center;transition:all .4s;cursor:pointer} .slideBox2 .btn-box .prev{left: -108px; background-image:url(../images/icon-prev3.png)} .slideBox2 .btn-box .prev:hover{background-image:url(../images/icon-prev3-on.png)} .slideBox2 .btn-box .next{right: -108px; background-image:url(../images/icon-next3.png)} .slideBox2 .btn-box .next:hover{background-image:url(../images/icon-next3-on.png)} .product3-lump1 .w1280,.product3-lump2 .w1280{position: relative; z-index: 5;} .product3-lump2{position: relative; padding: 80px 0 116px; background: #f5f8f9;} .product3-lump2 .adorn{position: absolute; right: 0; top: -200px;} .product3-lump3 .wrap{height: 478px;} .product3-lump3 .ri .h1{margin-bottom: 4px; font-weight: 600; color: #81725c;} .product3-lump4{padding-bottom: 100px;} .product3-lump4 ul{overflow: hidden; height: 548px; padding: 80px 0 0 150px; background: linear-gradient(to bottom,#f7f4ee,#fcfbf8);} .product3-lump4 li{float: left; width: 300px; margin: 0 40px 30px 0;} .product3-lump4 li .icon{position: relative; height: 70px; margin-bottom: 10px;} .product3-lump4 li .icon img{position: absolute; left: 0; bottom: 0;} .product3-lump4 li h4{font-size: 24px; color: #4c4c4c; line-height: 34px; margin-bottom: 4px;} .product3-lump4 li p{font-size: 16px; color: #a7a7a7; line-height: 24px;} .product4-lump1{padding: 90px 0 80px;} .product4-lump1 ul{overflow: hidden; margin-right: -25px;} .product4-lump1 li{position: relative; float: left; width: 411px; height: 473px; margin-right: 23px; background: #000; overflow: hidden;} .product4-lump1 li:after{content: ""; display: block; position: absolute; left: 0; bottom: 0; z-index: 5; width: 100%; height: 300px; background: url(../images/product/product4-k1-shade.png) no-repeat bottom center;} .product4-lump1 li img{-webkit-transition: all .6s; transition: all .6s;} .product4-lump1 .pop{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 34px 36px; z-index: 10;} .product4-lump1 .pop .h3{font-size: 24px; color: #fff; line-height: 24px; font-family: "Rajdhani-Bold"; text-transform: uppercase; margin-bottom: 6px;} .product4-lump1 .pop .h4{font-size: 18px; color: #fff; line-height: 24px;} .product4-lump1 li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); opacity: .6;} .product6-lump1{padding: 60px 0 14px;} .product6-lump1 .w1280{position: relative; min-height: 480px;} .product6-lump1 .pic{position: absolute; left: -84px; top: -30px; width: 720px;} .product6-lump1 .txt{float: right; width: 600px; margin-top: 70px;} .product6-lump1 .txt p{font-size: 20px; color: #838382; line-height: 30px; margin-bottom: 30px;} .product6-lump2{padding: 66px 0 0; height: 938px; background: url(../images/product/product6-k2-bg.jpg) no-repeat top center;} .product6-lump2 .h-til1{color: #1f1f1f;} .product6-lump2 .li{position: relative; width: 419px; height: 253px; background: no-repeat center;} .product6-lump2 .li:after{content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #dadada;} .product6-lump2 .li .cnt{position: absolute; left: 0; bottom: 0; width: 100%; padding: 38px 30px 32px; z-index: 5; background: transparent;} .product6-lump2 .li .til-en{font-size: 24px; color: #fff; line-height: 20px; font-family: "Rajdhani-Bold"; text-transform: uppercase; margin-bottom: 8px;} .product6-lump2 .li .til-cn{font-size: 18px; color: #fff; line-height: 22px; margin-bottom: 10px; font-weight: 600;} .product6-lump2 .cnt{transition-timing-function: linear;} .product6-lump2 .p-box{display: none; max-height: 94px; overflow: hidden; overflow-y: auto; padding-right: 10px; margin-right: -10px;} .product6-lump2 .item3 .p-box{max-height: 357px;} .product6-lump2 .p-box p{font-size: 14px; color: #838382; line-height: 22px;} .product6-lump2 .item1{margin-right: 12px;} .product6-lump2 .item2{margin-top: 10px;} .product6-lump2 .item2 .til-en,.product6-lump2 .item3 .til-en{color: #585858;} .product6-lump2 .item2 .til-cn,.product6-lump2 .item3 .til-cn{color: #ff0014;} .product6-lump2 .item3{height: 516px; margin: 0;} .product6-lump2 .item3 .cnt{padding-bottom: 248px;} .product6-lump2 .item4 .til-en{color: #fff;} .product6-lump2 .li:hover .cnt{padding-bottom: 42px; background: #dadada;} .product6-lump2 .li:hover .til-en{color: #585858;} .product6-lump2 .li:hover .til-cn{color: #ff0014;} .product6-lump2 .icon-list{overflow: hidden; margin:40px -100px 0 -20px;} .product6-lump2 .icon-list .box{float: left; width: 120px; margin-right: 50px;} .product6-lump2 .icon-list .icon{height: 60px; line-height: 60px; vertical-align: middle; text-align: center; margin-bottom: 12px;} .product6-lump2 .icon-list .icon img{display: inline-block;} .product6-lump2 .icon-list .txt{text-align: center;} .product6-lump2 .icon-list .h4{display: inline-block; font-size: 20px; color: #4c4c4c; line-height: 26px; text-align: left;} .product6-lump3{padding: 56px 0 90px;} .product6-lump3 .h-til1{color: #1f1f1f;} .product6-lump3 ul{margin-right: -40px; overflow: hidden;} .product6-lump3 li{float: left; width: 405px; margin-right: 32px;} .product6-lump3 li .t{margin-bottom: 20px;} .product7-ban .til-h1{color: #4278ae;} .product7-ban .til-h2{color: #b9d3e3;} .product7-lump1{position: relative;} .product7-lump1 .adorn{position: absolute;} .product7-lump1 .adorn1{right: 0; top: 523px;} .product7-lump1 .adorn2{left: 114px; top: 1022px;} .product7-lump1 .img{position: relative; overflow: hidden;} .product7-lump1 .img .p{position: absolute; font-size: 16px; color: #fff; line-height: 26px; right: 75px; bottom: 75px;} .product7-lump1 .diagrammatize{position: relative; z-index: 5; width: 1130px; height: 440px; padding-left: 174px; padding-top: 44px; background: #fff; margin: -58px auto 0; overflow: hidden;} .product7-lump1 .diagrammatize li{position: relative; float: left; width: 158px; margin-right: 50px;} .product7-lump1 .diagrammatize li:after{content: ""; display: block; position: absolute; right: -30px; top: 124px; width: 0; border: 4px solid #a67e58; border-right: 0; border-left-width: 9px; border-top-color: transparent; border-bottom-color: transparent;} .product7-lump1 .diagrammatize .txt{margin: 12px auto 0; width: 122px; height: 42px; line-height: 40px; font-size: 15px; color: #b39572; border: 1px solid #eae3de; border-radius: 42px; text-align: center;} /* .product7-lump1 .diagrammatize li:nth-child(3):after{right: 0;} */ .product7-lump1 .diagrammatize li:last-child:after{display: none;} .product7-lump2{height: 760px; padding-top: 100px; background: url(../images/product/product7-k2.jpg) no-repeat center;} .product7-lump2 .til-le .h-til1{color: #09308a;} .product7-lump2 .til-le{float: left; width: 400px;} .product7-lump2 .ri-txt{float: right; width: 700px;} .product7-lump2 .ri-txt p{margin-bottom: 24px;} .product7-lump2 .ul{padding-top: 100px;} .product7-lump2 .item{position: relative; float: left; width: 400px; height: 317px; padding: 80px 40px 0; margin-right: 40px; background: #fff url(../images/product/product7-k2-frame.png) no-repeat center;} .product7-lump2 .item:last-child{margin-right: 0;} .product7-lump2 .item .icon{position: absolute; left: 50%; top: -31px; margin-left: -49px; z-index: 20; width: 98px; height: 92px; border-radius: 4px; background: #ce240e no-repeat center;} .product7-lump2 .item .h1{font-size: 20px; color: #434343; line-height: 30px; text-align: center; margin-bottom: 2px;} .product7-lump2 .item .h2{font-size: 20px; color: rgba(175,175,175,.3); font-family: "Rajdhani-Bold"; line-height: 30px; text-align: center; margin-bottom: 20px;} .modularity-list{position:relative;padding-bottom:70px} .modularity-list .til{margin-bottom:30px} .modularity-list .h1{font-size:36px;color:#ad815c;line-height:50px;font-weight:600;text-align: center;} .modularity-list .h2{font-size:26px;color:rgba(175,175,174,.5);line-height:1;font-family:"Rajdhani-Bold";text-transform:uppercase;text-align: center;} .info-box-items{position:relative} .info-box-items .swiper-container:hover{cursor:url(../images/cursor.png),auto} .modularity-list .pic{height:293px;background:#6c787d;overflow:hidden} .modularity-list .txt{padding:17px 0} .modularity-list .txt .p{font-size:18px;color:#79797e;line-height:24px} .modularity-list .swiper-slide{width:431px;transition:all 0.3s ease 0s} .modularity-list .info-box{width:418px} .nav-block{position:absolute;top:-52px;left:1190px;height:50px;width:140px;z-index:50} .nav-block .swi_prev{position:absolute;left:0;background:url(../images/prev11.png) no-repeat right;width:30px;height:14px;cursor:pointer;transition:all.5s} .nav-block .swi_prev:hover{background:url(../images/icon-prev-on.png) no-repeat right;width:68px;transition:all.5s;left:-38px} .nav-block .swi_next:hover{background:url(../images/icon-next-on.png) no-repeat left;width:68px;transition:all.5s;right:12px} .nav-block .swi_next{position:absolute;right:50px;background:url(../images/next11.png) no-repeat left;width:30px;height:14px;cursor:pointer;transition:all.5s} .nav-block span{width:2px;height:16px;background-color:#acacac;position:absolute;right:94px} @keyframes turn{0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }@keyframes breathe{0%{transform:scale(1)} 100%{transform:scale(1.1)} } .picScroll-left .bd li{width:300px} .imgSlideWr{margin-bottom: 14px;} .imgSlideWr .bd li{position: relative; width: 419px; height: 293px; background: #000; margin: 0 7px; overflow: hidden;} .imgSlideWr .bd li:after{position: absolute; left: 0; top: 0; z-index: 2; content: ""; display: block; height: 100%; width: 100%; background: url(../images/modularity/modularity-shade.png) no-repeat bottom center;} .imgSlideWr .bd li img{transition: all .6s; opacity: 1;} .imgSlideWr .bd li:hover img{opacity: .6; -webkit-transform: scale(1.1); transform: scale(1.1);} .imgSlideWr .bd .p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 17px 10px; font-size: 18px; color: #fff; line-height: 24px; z-index: 5; user-select: none;} .imgSlideWr .tempWrap{width: 100% !important;} .maintain-pop{display: none; position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%;} .maintain-pop .bg{width: 100%; height: 100%; background: rgba(0,0,0,.8);} .maintain-pop .cnt{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 5;} .maintain-pop .cnt .close{position: absolute; width: 37px; height: 37px; right: -50px; top: 0;} .law-pop{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000} .law-pop .bg{width:100%;height:100%;background:rgba(0,0,0,0.5)} .law-pop .cnt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1200px;height:600px;padding:66px 70px 0;background:#fff url(../images/law-bg.jpg) no-repeat top center;border-radius: 10px;} .law-pop .cnt .close-btn{position:absolute;right:-50px;top:0;width:30px;height:30px;background:url(../images/icon-close.png) no-repeat center;cursor:pointer} .law-pop .cnt .til-box{margin-bottom: 46px;} .law-pop .cnt .h1{font-size: 24px; color: #6f6f6f; line-height: 32px;} .law-pop .cnt .h2{font-size: 24px; color: #f11010; line-height: 32px; font-family: "Gilroy-Bold";text-transform: uppercase;} .law-pop .cnt h4{font-size: 16px; color: #525252; line-height: 24px; margin-top: 24px; font-weight: 600;} .law-pop .cnt p{font-size: 14px; color: #8e8e8e; line-height: 24px;} video::-internal-media-controls-download-button{display: none;} video::-webkit-media-controls-enclosure{overflow: hidden;} video::-webkit-media-controls-panel{width: calc(100% + 30px);} @media (max-width: 1300px) { .w1280{width: 1200px;} .index-lump3 a{width: 392px;} .index-lump3 a.it3{width: 796px;} .modularity1-lump2 .chart-wrap video{width: 569px; height: 320px;} .modularity1-lump2 ul{padding-left: 30px;} .modularity1-lump2 li{margin: 0 10px;} .product1-lump1 .wrap{height: 466px;} .product1-lump1 .slidsBox{width: 61%; overflow: hidden;} .product1-lump1 .ri{width: 39%;} .product1-lump1 .ri ul{left: 30px;} .product1-lump1 .ri .h1{font-size: 22px; line-height: 28px;} .product2-lump3 .slidsBox{width: 66%; overflow: hidden;} .product2-lump3 .wrap{height: 445px;} .product2-lump3 .ri{width: 34%;} .product2-lump3 .ri ul{left: 80px;} .product3-lump1 .chart .le{width: 55.7%;} .product3-lump1 .box2 .item{margin-right: 4px;} .product3-lump1 .chart .ri{width: 40.3%;} .slideBox2 .bd li{height: 562px;} .slideBox2 .bd .le{width: 58.6%;} .slideBox2 .bd .ri{width: 41.4%;} .product3-lump4 ul{padding-left: 110px;} .product4-lump1 li{width: 386px; height: 444px; margin-right: 21px;} .product6-lump2 .li{width: 392px; height: 236px; overflow: hidden;} .product6-lump2 .item3{height: 482px;} .product6-lump2 .p-box{max-height: 76px;} .product6-lump2 .icon-list .box{margin-right: 40px;} .product6-lump3 li{width: 390px; margin-right: 15px;} .product7-lump2 .item{width: 380px; margin-right: 30px;} .fabricate-new1 .le{width: 360px;} .fabricate-new2 .hd{width: 314px; right: -320px;} .about-lump1 .ri{width: 746px;} .about-lump5 .labels{margin-left: -20px;} .about-lump5 .bd ul{padding-left: 35px;} .about-lump2 .chart-box ul{padding-left: 84px;} .about-lump2 .item{margin-left: 342px;} .about-lump3 .hd{width: 1200px;} .about-lump3 .bd ul{width: 1200px;} .about-lump6 .map-wr{width: 1280px; -webkit-transform: scale(.94) translateX(-40px); transform: scale(.94) translateX(-40px);} .about2-lump1 .txt{width: 606px;} .about2-lump2 .item{width: 392px;} .about2-lump2 .pic{height: 249px;} .about2-lump2 .txt .til{font-size: 19px;} .about2-lump2 .txt p{font-size: 14px;} .about3-lump2 .btns{width: 1200px;} .about3-lump2 .btn{width: 590px;} .law-pop .cnt{max-width: calc(100vw - 120px);} .news-list a .more{left: 1078px;} .news-list a:hover .more{left: 1098px;} } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .banner-slide video{position: absolute; left: 0; top: 50%; height:auto; width: 100%; transform: translateY(-50%);} } /* 画册 */ .Brochure .w1460{ width: 1460px; margin: 0 auto; } .Brochure .w1280{ position: relative; } .Brochure{ background: url(../images/Brochure/Brochure_Bg.jpg) no-repeat center/cover; max-height: 960px; height: 100vh; padding-top: 9.2%; } .Brochure h4{ text-align: center; font-size: 30px; color: #333333; font-weight: 600; margin-bottom: 50px; } .Brochure .Brochure_slide { position: relative; width: 1280px; margin: 0 auto; overflow: hidden; height: 480px; } .Brochure .Brochure_slide .swiper-wrapper{ /* overflow: hidden; */ } .Brochure .Brochure_slide .swiper-slide{ background: url(../images/Brochure/Brochure_item.jpg) no-repeat center; width: 305px !important; height: 474px; margin-right: 20px; padding-top: 50px; position: relative; } .Brochure .Brochure_slide .swiper-slide h6{ color: #4c4c4c; font-size: 18px; text-align: center; margin-bottom: 30px; font-weight: 500; } .Brochure .Brochure_slide .swiper-slide .img{ position: relative; margin: 0 auto; width: 205px; text-align: center; } .Brochure .Brochure_slide .swiper-slide .img::before{ /* content: ''; */ position: absolute; top: 0; left: 0; width: 182px; height: 274px; background: url(../images/Brochure/Brochure_border.png) no-repeat center; } .Brochure .Brochure_slide .swiper-slide .img::after{ content: ''; position: absolute; bottom: 0; left: -32px; margin: 0 auto; width:263px; height: 16px; background: url(../images/Brochure/Brochure_mask.png) no-repeat center; } .Brochure .Brochure_slide .download_btn{ width: 150px; height: 55px; line-height: 55px; border-radius: 30px; color: #fff; text-align: center; background-color: #e62129; margin: -27.5px auto 0; z-index: 100; position: relative; transition: all .5s; } .Brochure .Brochure_slide .download_btn:hover{ background-color: #c91a21; transition: all .5s; } .Brochure .slide_btn{ position: absolute; top: 50%; width: 60px; height: 60px; border-radius: 50%; transform: translateY(-50%); transition: all .5s; opacity: 0; margin: 24px auto 0; } .Brochure .Brochure_slide:hover .slide_btn, .Brochure .slide_btn.on{ opacity: 1; transition: all .5s; } .Brochure .next{ right: -90px; background: #cccccc url(../images/Brochure/next.png) no-repeat center; } .Brochure .prev{ left: -90px; background: #cccccc url(../images/Brochure/prev.png) no-repeat center; } .Brochure .next:hover{ transition: all .5s; background: #e62129 url(../images/Brochure/nexton.png) no-repeat center; } .Brochure .prev:hover{ transition: all .5s; background: #e62129 url(../images/Brochure/prevon.png) no-repeat center; } .prev.swiper-button-disabled{ background: #cccccc url(../images/Brochure/prev.png) no-repeat center !important; cursor: inherit; } .next.swiper-button-disabled{ background: #cccccc url(../images/Brochure/next.png) no-repeat center !important; cursor: inherit; } .swiper_btn{ width: 1280px; height: 100%; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); margin: 0 auto 0; } .Brochure .tips{ font-size: 14px; text-align: center; margin-top: 40px; color: #808080 } /*联系我们*/ .contact_map { width: 100%; background: url(../images/con_bg.png) center center no-repeat; min-height: 319px; position: relative; } .contact_map #map { width: 210px; height: 210px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position: absolute; left: 50%; margin-left: -202px; top: 20px; } .contact_map .BMap_stdMpCtrl { display: none; } .contact_map .BMap_noprint { display: none; } @media (max-width: 480px) { .contact_map { background: none; min-height: auto; } .contact_map #map { width: 100%; height: 200px; border-radius: 0px; position: inherit; top: 0px; left: 0px; margin: 0px; } } .contact_zi { padding-top: 5%; } .external-contact{position:relative;} .external-contact .w1280{position:relative;z-index:5;text-align:center;padding-top:20px} .external-contact .wrap{height: 478px; margin-top: 30px;} .external-contact .wrap:after{content: ""; display: block; height: 0; clear: both;} .external-contact .ri{position: relative; float: left; width: 40%; height: 100%; text-align:left; padding-left: 40px} .external-contact .ri .h1{font-size:40px;color:#09308a;line-height:40px;font-weight:600;margin-bottom:6px; margin-top: 50px;} .external-contact .ri .h2{font-size:20px;color:rgba(175,175,174,.5);line-height:20px;text-transform:uppercase;font-family:"Rajdhani-Bold";margin-bottom:20px} .external-contact .ri ul{position: absolute; padding-top: 0px; left: 10px; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .external-contact .ri li{margin-bottom: 40px; min-height: 50px; padding-left: 60px; position: relative;} .external-contact .ri .h3{font-size: 28px; color: #4c4c4c; line-height: 30px; margin-bottom: 8px;} .external-contact .ri .h4{font-size: 16px; color: rgba(60,60,60,.8); line-height: 30px;font-family: "黑体"; letter-spacing: -.7px;} .external-contact .ri .h5{font-size: 20px; color: #969696; line-height: 30px;} .external-contact .ri .icon{position: absolute; left: 0px; top: 0; padding-top: 3px; width: 50px; height: 30px;} .external-contact .ri .icon img{margin:0 auto;} .external-contact .contact_zi{position: relative; float: left; width: 60%; height: 100%; } /*装配式地下车库*/ .underground-index1{position:relative;} .underground-index1 .w1280{position:relative;z-index:5;text-align:center;padding-top:20px} .underground-index1 .wrap{height: 478px; margin-top: 60px;} .underground-index1 .wrap:after{content: ""; display: block; height: 0; clear: both;} .underground-index1 .slidsBox{position: relative; float: right; width: 50%; height: 400px; background: linear-gradient(to bottom, #fff, #444);} .underground-index1 .ri{position: relative; float: left; width: 50%; height: 400px; background: url(../images/about/about-k10-box2.jpg); backgroud-size:100% 100%;text-align:left; padding: 10px 50px;} .underground-index1 .ri .h1{font-size:40px;color:#fff;line-height:40px;font-weight:600;margin-bottom:6px; margin-top: 50px;} .underground-index1 .ri .h2{font-size:20px;color:rgba(255,255,255,.8);line-height:20px;text-transform:uppercase;font-family:"Rajdhani-Bold";margin-bottom:20px} .underground-index1 .ri ul{position: absolute; padding-top: 0px; left: 10px; right: 20px; top: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .underground-index1 .ri li{margin-bottom: 40px; min-height: 50px; padding-left: 60px; position: relative;} .underground-index1 .ri .h3{font-size: 24px; color: #4c4c4c; line-height: 30px; margin-bottom: 8px;} .underground-index1 .ri .h4{font-size: 20px; color: rgba(60,60,60,.8); line-height: 30px;text-transform: uppercase;font-family: "黑体"; letter-spacing: -.7px;} .underground-index1 .ri .h5{font-size: 20px; color: #969696; line-height: 30px;} .underground-index1 .ri .icon{position: absolute; left: 0px; top: 0; padding-top: 3px; width: 50px; height: 30px;} .underground-index1 .ri .icon img{margin:0 auto;} .underground-index1 .ri p { height: 150px; overflow: hidden; width: 100%; margin: 20px auto; font-family: 黑体; } .underground-index1 .ri .more { color: #fff; font-size: 14px; height: 40px; width: 150px; background: #fe9d00; display: block; text-align: center; line-height: 40px; } .underground-index2{position:relative;} .underground-index2 .w1280{position:relative;z-index:5;text-align:center;padding-top:20px} .underground-index2:after{content:"";display:block;position:absolute;left:0;top:0;right:0;height:800px;background:#f5f8f9} .underground-index2 .wrap{height: 558px; margin-top: 60px;} .underground-index2 .wrap:after{content: ""; display: block; height: 0; clear: both;} .underground-index2 .slidsBox{position: relative; float: left; width: 45%; height: 480px; padding-top: 50px; } .underground-index2 .ri{position: relative; float: right; width: 55%; height: 480px; background:#fdfdfe ; backgroud-size:100% 100%;text-align:left; padding: 10px 50px;} .underground-index2 .ri .h1{font-size:36px;color:#003a8c;line-height:40px;font-weight:600;margin-bottom:6px; margin-top: 30px;} .underground-index2 .ri .h2{font-size:20px;color:rgba(0,0,0,.5);line-height:20px;text-transform:uppercase;font-family:"Rajdhani-Bold";margin-bottom:20px;float: left;} .underground-index2 .ri ul{position: absolute; padding-top: 0px; left: 10px; right: 20px; top: 65%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .underground-index2 .ri li{margin-bottom: 20px; min-height: 40px; padding-left: 90px; position: relative;} .underground-index2 .ri .h3{font-size: 20px; color: #4c4c4c; line-height: 25px; margin-bottom: 8px; font-weight: bold;} .underground-index2 .ri .h4{font-size: 18px; color: rgba(60,60,60,.8); line-height: 30px;text-transform: uppercase;font-family: "黑体"; letter-spacing: -.7px;} .underground-index2 .ri .h5{font-size: 20px; color: #969696; line-height: 30px;} .underground-index2 .ri .icon{position: absolute; left: 0px; top: 0; padding-top: 3px; width: 110px; height: 30px;} .underground-index2 .ri .icon img{margin:0 auto;} .underground-index2 .ri p { height: 150px; overflow: hidden; width: 100%; margin: 20px auto; font-family: 黑体; } .underground-index2 .ri .more { color: #fff; font-size: 14px; height: 40px; width: 150px; background: #fe9d00; display: block; text-align: center; line-height: 40px; } .underground-index3{position:relative;} .underground-index3 .w1280{position:relative;z-index:5;text-align:center;padding-top:20px} .underground-index3:after{content:"";display:block;position:absolute;left:0;top:0;right:0;height:800px;background:#fff} .underground-index3 .wrap{height: 478px; margin-top: 40px;} .underground-index3 .wrap:after{content: ""; display: block; height: 0; clear: both;} .underground-index3 .slidsBox{position: relative; float: right; width: 50%; height: 450px; } .underground-index3 .ri{position: relative; float: left; width: 50%; height: 415px; background:#f8f6f2 ; text-align:left; padding: 10px 50px;} .underground-index3 .ri .h1{font-size:36px;color:#003a8c;line-height:40px;font-weight:600;margin-bottom:6px; margin-top: 50px;} .underground-index3 .ri .h2{font-size:20px;color:rgba(0,0,0,.5);line-height:20px;text-transform:uppercase;font-family:"Rajdhani-Bold";margin-bottom:20px;float: left; font-weight: bold;} .underground-index3 .ri ul{position: absolute; padding-top: 0px; left: 10px; right: 20px; top: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .underground-index3 .ri li{margin-bottom: 20px; min-height: 40px; padding-left: 30px; position: relative;} .underground-index3 .ri .h3{font-size: 26px; color: #4c4c4c; line-height: 40px; margin-bottom: 8px; font-weight: bold; margin-left: 50px} .underground-index3 .ri .h4{font-size: 20px; color: rgba(60,60,60,.8); line-height: 30px;text-transform: uppercase;font-family: "黑体"; letter-spacing: -.7px;} .underground-index3 .ri .h5{font-size: 18px; color: #969696; line-height: 30px;} .underground-index3 .ri .icon{position: absolute; left: 0px; top: 0; padding-top: 8px; width: 110px; height: 30px;} .underground-index3 .ri .icon img{margin:0 auto;} .underground-index3 .ri p { height: 150px; overflow: hidden; width: 100%; margin: 20px auto; font-family: 黑体; } .underground-index2 .ri .more { color: #fff; font-size: 14px; height: 40px; width: 150px; background: #fe9d00; display: block; text-align: center; line-height: 40px; } /*装配式部品部件*/ .modularity-components{height:700px;background:url(../images/products/jianzhubupin.jpg) no-repeat center} .modularity-components .cnt{position: relative;} .modularity-components .ri{float:right;width:730px;margin-left:40px;padding-top:300px} .modularity-components .cnt h3{font-size:48px;line-height:50px;font-weight:600;color:rgba(255,255,255,1);margin-bottom:12px;} .modularity-components .cnt h4{font-size:22px;line-height:24px;color:rgba(255,255,255,.4);font-family:"Rajdhani-Bold";text-transform:uppercase} .product-components{padding:30px 0 60px;min-width: 1300px} .product-components .w1280{position:relative;z-index:5;text-align:center;padding-top:60px} .product-components .h1{font-size:40px;color:#09308a;line-height:40px;font-weight:600;margin-bottom:6px;text-align: center;} .product-components .h2{font-size:20px;color:rgba(175,175,174,.5);line-height:20px;text-transform:uppercase;font-family:"Rajdhani-Bold";margin-bottom:20px;text-align: center;} .product-components p{width:1000px;margin:0 auto;text-align:center;margin-bottom: 20px;} .product-components .ul{margin-right:-14px;overflow: hidden;} .product-components a{position:relative;float:left;margin:0 12px 12px 0;overflow:hidden;background:#000} .product-components a .txt{position:absolute;left:0;bottom:0;width:100%;z-index:5;padding:0 40px 32px} .product-components a .cn{font-size:22px;color:#c7b788;line-height:24px;font-weight: 600} .product-components a .en{font-size:14px;color:#fff;line-height:24px;font-family:"Rajdhani-Bold";text-transform:uppercase} .product-components a img{ filter: brightness(90%);ransition:all 1s} .product-components a:hover img{transform:scale(1.1);opacity:.6} .product-components a .span_y{ font-family: FuturaCondensedNormal; font-size: 34px; width: 98%; overflow: hidden; height: 50px; line-height: 50px; color: #fff; } .product-components a .span_z{ line-height: 50px; font-size: 20px; color: #fff; height: 200px; overflow: hidden; width: 98%; margin: 20px auto; } .product-components .ri{position: relative; float: left; width: 46%; height: 460px; background: #f8f6f2;text-align:left;} .product-components .ri ul{position: absolute; padding-top: 0px; left: 0px; top: 55%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: left; width: 90%;} .product-components .ri li{margin-bottom: 40px; min-height: 50px; padding-left: 100px; position: relative;} .product-components .ri .h1{font-size: 24px; color: #4c4c4c; line-height: 30px; margin-bottom: 8px;text-align: left;} .product-components .ri .h2{font-size: 16px; color: rgba(60,60,60,.5); line-height: 18px;text-transform: uppercase;font-family: "Rajdhani-Bold"; letter-spacing: -.7px;text-align: left;} .product-components .ri .h3{font-size: 20px; color: #969696; line-height: 30px;} .product-components .ri .icon{position: absolute; left: 25px; top: 0; padding-top: 3px; width: 50px; height: 50px;} .product-components .ri .icon img{margin:0 auto;}