锘?indexban{position:relative} .m-bann{display:none} .indexban .textbox{position:absolute;top:55%;opacity:0;left:50%;margin-left:-42.85%;z-index:5} .indexban .swiper-slide-active .textbox{top:32%;opacity:1} .indexban .textbox .title{color:#fff;font-size:60px;font-weight:bold;font-family:"Source Han Sans CN";line-height:1;text-shadow:2.5px 4.33px 5px rgba(0, 0, 0, 0.13)} .indexban .textbox .btn{width:158px;height:44px;margin-top:24px;border-radius:44px;letter-spacing:2px;display:block;color:#fff;font-weight:bold;line-height:42px;text-align:center;background-image:-moz-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);background-image:-webkit-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);background-image:-ms-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);} .indexban .swiper-pagination-bullets{width:100%;bottom:30px} .indexban .swiper-pagination-bullets .swiper-pagination-bullet{opacity:1;border:1px solid #46b052;background-color:transparent;vertical-align:middle;margin:0 4px;outline:none} .indexban .swiper-pagination-bullets .swiper-pagination-bullet-active{width:13px;height:13px;background-color:#ed7020;border-color:#ed7020} .banbot{height:74px;background-color:#fff;position:absolute;bottom:-10px;left:50%;margin-left:-42.85%;padding:0 30px;z-index:3;border-top-left-radius:30px;border-top-right-radius:30px} .banbot .btnbox{position:relative;margin-top:32px} .banbot .btnbox:before{content:"";width:1px;height:10px;background-color:#dadada;position:absolute;top:1px;left:50%} .banbot .swiper-button-next, .banbot .swiper-button-prev{width:6px;height:11px;position:static;background-size:100% 100%;margin-top:0} .banbot .swiper-button-next{background-image:url(../img/addimg/banright.png)} .banbot .swiper-button-prev{background-image:url(../img/addimg/banleft.png);margin-right:42px} .banbot .icon{height:74px;line-height:74px} .banbot .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px} .banbot .name{color:#666;height:74px;line-height:74px;margin:0 7px 0 10px} .banbot .tel{color:#ed7020;font-size:25px;font-weight:bold;font-family:'din';height:74px;line-height:74px} @media (min-width:1024px){ } @media (min-width:1280px){ } @media (min-width:1440px){ } @media (max-width:1620px){ .banbot, .indexban .textbox{margin-left:-43.85%} .indexban .textbox .title{font-size:52px} } @media (max-width:1440px){ .banbot, .indexban .textbox{margin-left:-45.35%} .indexban .textbox .title{font-size:44px} .indexban .textbox .btn{width:128px;height:40px;line-height:40px} } @media (max-width:1367px){ } @media (max-width:1280px){ .indexban .textbox .title{font-size:36px} } @media (min-width:1024px){ } @media (max-width:1024px){ .m-bann{display:block} .pcbanner{display:none} .indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px} .indexban .bantext{width:88%} .indexban .swiper-slide-active .textbox{top:25%} .indexban .textbox{left:0} .banicon{display:none} .indexban .swiper-button-next, .indexban .swiper-button-prev{width:30px;height:30px;margin-top:-15px} .indexban .swiper-button-next{right:15px} .indexban .swiper-button-prev{left:15px} } @media (max-width:400px){ .iavideobox{width:268px} .iapublicity{width:calc(100% - 268px);padding:15px;height:237px} .indexenavlist{width:50%;margin:3px -4px 3px 0} .indexenavlist:nth-of-type(3):after{display:none} } @media (max-width:370px){ .iavideobox{width:238px} .iapublicity{width:calc(100% - 238px);padding:15px;height:211px;padding:8px} } .pagetitlebox .cntitle{font-size:30px;margin-top:10px;font-weight:bold} .pagetitlebox .entitle{font-size:50px;font-weight:bold;line-height:1;color:#ed7020;font-family:Arial} .pagetitlebox .line{margin-top:36px} .about1{padding:72px 0 94px;background-image:url(../img/about1bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .about1 .textbox{width:auto;float:none} .about1 .textbox .text{margin-top:44px;line-height:2.846;color:#666} .about1slide{position:relative;width:600px;margin-left:52px;margin-top:44px;z-index:3} .about1slide-r{width:138px;height:410px;padding:28px 24px;background-image:url(../img/about1bg2.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .about1slide-r .cntitle{width:18px;color:#fff;font-size:18px;font-weight:bold} .about1slide-r .entitle{width:132px;font-size:12px;font-family:Arial;color:rgba(255,255,255,0.5);transform:rotate(90deg) translate3d(-34px, -32px, 0);-webkit-transform:rotate(90deg) translate3d(-34px, -32px, 0);-moz-transform:rotate(90deg) translate3d(-34px, -32px, 0)} .about1slide .swiper-container{width:462px;height:410px} .about1slide .titlebox{width:100%;height:76px;background-color:rgba(0,0,0,0.3);position:absolute;bottom:0;left:0;padding:5px 80px 5px 32px} .about1slide .titlebox .title{color:#fff;line-height:66px;height:66px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .about1slide .swiper-button-next, .about1slide .swiper-button-prev{width:39px;height:39px;top:auto;margin-top:0;bottom:16px;background-size:100% 100%;opacity:1} .about1slide .swiper-button-next{background-image:url(../img/a1right.png);right:72px} .about1slide .swiper-button-prev{background-image:url(../img/a1left.png);left:auto;right:162px} .about2{padding:72px 0 90px} .about2 .pagetitlebox .entitle, .about2 .pagetitlebox .cntitle, .about5 .pagetitlebox .entitle, .about5 .pagetitlebox .cntitle, .about3 .pagetitlebox .entitle, .about4 .pagetitlebox .entitle, .about3 .pagetitlebox .cntitle, .about4 .pagetitlebox .cntitle{text-align:center} .about2 .pagetitlebox .line, .about3 .pagetitlebox .line, .about4 .pagetitlebox .line, .about5 .pagetitlebox .line{width:54px;margin:14px auto 0} .about2one{margin-top:38px} .about2onelist{width:18.5%;margin-right:1.875%} .about2onelist:nth-of-type(5n){margin-right:0} .about2onelist .icon{width:93px;margin:0 auto -46px} .about2onelist .icon img{width:100%} .about2onelist .textbox{padding:58px 18px 24px;background-color:#f9f9f9;border-radius:10px;min-height:192px} .about2onelist .textbox .title{color:#ed7020;font-size:18px;font-weight:bold;text-align:center} .about2onelist .textbox .text{color:#666;margin-top:18px;line-height:1.6;text-align:center} .about2onelist:hover .icon img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)} .about2two{margin-top:44px} .about2twolist .img{width:50%;text-align:left;font-size:0} .about2twolist .img img{display:inline-block} .about2twolist .textbox{width:50%} .about2twolist.leftbox .textbox{padding:5px calc((100% - 1200px) / 2) 0 52px} .about2twolist.rightbox .textbox{padding:0 0 0 calc((100% - 1200px) / 2)} .about2twolist .img:hover img, .about3slide .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .about3{padding:86px 0 76px 0;background-color:#f9f9f9} .about3slide{margin-top:62px} /* .about3slide .titlebox{margin:18px 0 76px;padding-right:120px;transform:translateY(40px);-webkit-transform:translateY(40px);-moz-transform:translateY(40px);opacity:0} */ /* .about3slide .swiper-slide-active .titlebox{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);opacity:1} */ .about3slide .titlebox{margin:18px 0 0} .about3slide .swiper-button-next, .about3slide .swiper-button-prev{width:39px;height:39px;top:auto;margin-top:0;bottom:65px;background-size:100% 100%;opacity:1} .about3slide .swiper-button-next{background-image:url(../img/ab3right.png);right:calc((100% - 1200px) / 2)} .about3slide .swiper-button-prev{background-image:url(../img/ab3left.png);left:auto;right:calc((100% - 1200px) / 2 + 58px)} .about3slide .swiper-button-next:hover{background-image:url(../img/ab3right_cur.png)} .about3slide .swiper-button-prev:hover{background-image:url(../img/ab3left_cur.png)} .about4{padding:80px 0} .about4box{margin-top:54px} .about4box .img{width:50%;border:10px solid #fff;box-shadow:0px 0px 40px 0 rgba(150,150,150,0.15);margin-top:4px} .about4box .textbox{width:50%;padding-left:42px} .about4box .text{color:#666;font-size:13px;line-height:2.308} .about4box .bot{margin-top:18px} .about4box .t{color:#666;font-size:13px;line-height:56px;margin-right:8px} .about5{padding:68px 0 80px;background-color:#f9f9f9} .about5slide{margin-top:38px} .about5slide .swiper-slide{background-color:#fff;padding:36px 38px 32px;border-radius:12px;box-shadow:0px 0px 40px 0px rgba(150, 150, 150, 0.15)} .about5slide .swiper-slide .img{height:414px} .about5slide .textbox{margin-top:22px} .about5slide .textbox .title{text-align:center;color:#666} .about5slide .w1200{position:relative} .about5slide .swiper-button-next, .about5slide .swiper-button-prev{width:39px;height:39px;margin-top:-19px;background-size:100% 100%;opacity:1} .about5slide .swiper-button-next{background-image:url(../img/ab3right.png);right:-80px} .about5slide .swiper-button-prev{background-image:url(../img/ab3left.png);left:-80px} .about5slide .swiper-button-next:hover{background-image:url(../img/ab3right_cur.png)} .about5slide .swiper-button-prev:hover{background-image:url(../img/ab3left_cur.png)} .about5slide .swiper-container{padding:30px 0} @media (max-width:1620px){ .about5slide .swiper-button-next{right:-60px} .about5slide .swiper-button-prev{left:-60px} } @media (max-width:1440px){ .pagetitlebox .entitle{font-size:38px} .pagetitlebox .cntitle{font-size:24px} .about1 .textbox .text{line-height:2.4} .about1slide{margin-top:25px} .about5slide .swiper-button-next{right:-49px} .about5slide .swiper-button-prev{left:-49px} } @media (max-width:1280px){ .about2twolist.leftbox .textbox{padding:0 calc((100% - 92.3333vw) / 2) 0 35px} .about2twolist.rightbox .textbox{padding:0 0 0 calc((100% - 92.3333vw) / 2)} .about5slide .swiper-slide{padding:25px 26px} .about5slide .w1200{padding:0 50px} .about5slide .swiper-button-next{right:-30px} .about5slide .swiper-button-prev{left:-30px} .about5slide .swiper-slide .img{height:328px} } @media (max-width:1180px){ .about5slide .swiper-slide .img{height:248px} } @media (max-width:1024px){ .pagetitlebox .entitle{font-size:26px} .pagetitlebox .cntitle{font-size:16px;margin-top:0} .pagetitlebox .line{margin-top:15px} .pagetitlebox .line img{width:28px} .about1, .about2{padding:45px 0 55px} .about1slide{width:100%;margin-top:0} .about1slide .swiper-container{width:100%;height:auto} .about1slide-r{width:100%;height:auto;padding:15px} .about1slide .titlebox .title{height:30px;line-height:30px} .about1slide .titlebox{height:40px;background-color:rgba(0,0,0,0.5);padding:5px 85px 5px 15px} .about1slide-r .cntitle{float:left;width:100%} .about1slide-r .entitle{width:100%;margin-top:5px;float:left;transform:rotate(0) translate3d(0, 0, 0);-webkit-transform:rotate(0) translate3d(0, 0, 0);-moz-transform:rotate(0) translate3d(0, -0, 0)} .about1slide .swiper-button-next, .about1slide .swiper-button-prev{width:25px;height:25px;bottom:80px} .about1slide .swiper-button-next{right:15px} .about1slide .swiper-button-prev{right:50px} .about1 .textbox{float:left;margin-top:25px} .about1 .textbox .text{margin-top:15px;line-height:1.8} .about2onelist{width:100%;margin-right:0;margin-bottom:20px} .about2onelist .textbox{padding:40px 10px 15px;min-height:160px} .about2onelist .icon{width:62px;margin:0 auto -31px} .about2 .pagetitlebox .line, .about3 .pagetitlebox .line, .about4 .pagetitlebox .line, .about5 .pagetitlebox .line{width:28px;margin:8px auto 0} .about2two{margin-top:25px} .about2twolist .img, .about2twolist .textbox{width:100%} .about2twolist.leftbox .textbox, .about2twolist.rightbox .textbox{padding:15px} .about3{padding:50px 0 0 0} .about3slide{margin-top:35px} .about3slide .titlebox{margin:10px 0 50px;padding-right:75px} .about3slide .swiper-button-next, .about3slide .swiper-button-prev{bottom:40px;width:25px;height:25px} .about3slide .swiper-button-next{right:15px} .about3slide .swiper-button-prev{right:55px} .about4{padding:50px 0} .about4box .img{width:100%;border:6px solid #fff} .about4box .textbox{width:100%;padding:20px 0 0 0} .about4box .text{line-height:1.8} .about4box{margin-top:30px} .about5{padding:45px 0 30px} .about5slide .swiper-slide .img{height:auto} .about5slide{margin-top:30px} .about5slide .swiper-slide{padding:20px} .about5slide .w1200{padding:0 60px} .about5slide .swiper-button-next{right:5px} .about5slide .swiper-button-prev{left:5px} .about5slide .swiper-container{padding:0;box-shadow:0px 0px 40px 0px rgba(150, 150, 150, 0.15)} .about5slide .swiper-button-next, .about5slide .swiper-button-prev{width:25px;height:25px;margin-top:-12px} } .project1{padding:82px 0 38px} .project1 .text{margin-top:28px;line-height:2.143} .project1 .pagetitlebox .line{margin-top:30px} .project2{padding:55px 0 92px;background-image:url(../img/proj2bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .proj2navlist{height:34px;margin-right:11px;line-height:30px;color:#fff;padding:0 15px;border:2px solid transparent;border-radius:34px;cursor:pointer} .proj2navlist.cur, .proj2navlist:hover{border-color:#008cd6;font-weight:bold} .proj2box{margin-top:28px} .proj2slide{display:none} .proj2slide .w1200{position:relative} .proj2slide .swiper-button-next, .proj2slide .swiper-button-prev{width:39px;height:39px;margin-top:-19px;background-size:100% 100%;opacity:1;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .proj2slide .swiper-button-next{background-image:url(../img/ab3right.png);right:-80px} .proj2slide .swiper-button-prev{background-image:url(../img/ab3left.png);left:-80px} .proj2slide .swiper-button-next:hover{background-image:url(../img/ab3right_cur.png)} .proj2slide .swiper-button-prev:hover{background-image:url(../img/ab3left_cur.png)} .proj2slide .img, .proj2slide .img img{border-radius:16px} .proj2slide .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .proj3one{padding:82px 0 307px;background-image:url(../img/proj3bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .proj3one .w1200{position:relative} .proj3one .yuan{width:463px;height:463px;position:absolute;top:50%;margin-top:-231px;left:50%;margin-left:-231px;background-image:url(../img/proj3yuan.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center} .proj3one .yuan .box{padding-left:58px} .proj3one .yuan .cntitle{color:#fbf516;font-size:30px;font-weight:bold;line-height:1;margin-top:44px} .proj3one .yuan .entitle{font-size:19px;font-weight:bold;color:#fff;font-family:Arial;margin-top:6px} .proj3onebox{width:100%;height:537px;background-image:url(../img/proj3bg2.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .proj3onelist{width:50%;height:242px;padding:0 302px 0 61px;margin-bottom:48px;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center} .proj3onelist .text{font-size:18px;font-weight:bold;line-height:1.833} .proj3onelist:nth-of-type(2n){padding:0 56px 0 326px} .proj3onelist:nth-of-type(2n) .text{text-align:right} .proj3onelist:nth-of-type(3), .proj3onelist:nth-of-type(4){margin-bottom:0} .proj3two{margin-top:-257px} .proj3twolist{width:48.5%;height:338px;border-radius:16px;line-height:338px;text-align:center;margin-right:3%;background-color:#fff;box-shadow:0px 0px 40px 0px rgba(0, 96, 141, 0.15)} .proj3twolist img{max-height:318px;max-width:90%;display:inline-block;vertical-align:middle;margin-bottom:3px} .proj3twolist:nth-of-type(2n){margin-right:0} .proj3three{margin:86px 0 128px} .proj3threelist{width:23.66%;margin-right:1.34%;background-color:#f9f9f9;position:relative;border-bottom-left-radius:14px;border-bottom-right-radius:14px} .proj3threelist .img, .proj3threelist .img img{border-top-left-radius:14px;border-top-right-radius:14px} .proj3threelist:after{content:"";width:100%;height:19px;position:absolute;bottom:-40px;left:0;background-image:url(../img/proj3yy.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .proj3threelist .textbox{padding:36px 34px 30px;border-bottom-left-radius:14px;border-bottom-right-radius:14px} .proj3threelist .title{color:#222;font-size:24px;font-weight:bold;text-align:center} .proj3threelist .text{color:#666;font-size:16px;text-align:center;margin-top:16px;line-height:1.8} .proj3threelist:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .project4{padding:66px 0 94px;background-color:#58a0c2} .project4 .titlebox .cntitle{color:#fbf516;font-size:30px;font-weight:bold;text-align:center} .project4 .titlebox .entitle{color:#fff;font-size:19px;font-weight:bold;text-align:center;font-family:Arial} .proj4box{margin-top:52px;border:2px solid #fff;border-radius:14px} .proj4list{width:11.0833%;padding:60px 26px;border-right:2px solid #fff} .proj4list:nth-of-type(9){border-right:none} .proj4list .icon{height:35px} .proj4list .textbox{margin-top:42px} .proj4list .textbox .num{color:#fff;font-size:24px;font-weight:bold;font-family:Arial} .proj4list .textbox .text{color:#fff;margin-top:8px;font-size:16px} .project5{padding:60px 0 176px;background-image:url(../img/proj5bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .project5 .toptitle{font-size:18px} .proj5form{width:818px;margin-top:30px} .proj5form .prop{height:18px;margin-bottom:10px} .proj5form .prop span{color:#ed7020;font-weight:bold;font-size:14px} .proj5form .formlist{margin-bottom:24px} .proj5form .formlist .list{width:248px;margin-right:21px} .proj5form .formlist .list:nth-last-of-type(1){margin-right:0} .proj5form .formlist .list .input input, .proj5form .formlist .inputbox .input input{width:100%;height:40px;border:2px solid #bfbfbf;background-color:transparent;padding:0 10px;border-radius:40px} .proj5form .formlist .list:nth-last-of-type(1){width:272px} .proj5form .formlist .inputbox .input{width:calc(100% - 94px)} .proj5form .formlist .inputbox .input input{border-right:none;border-top-right-radius:0px;border-bottom-right-radius:0px} .proj5form .formlist .code{width:94px;height:40px;background-color:#58a0c2;text-align:center;color:#fff;line-height:40px;cursor:pointer;border-top-right-radius:20px;border-bottom-right-radius:20px} .proj5form .formlist .code.cur{background-color:#aeaeae;color:#efefef;cursor:not-allowed} .proj5form .formsellist{width:186px;height:40px;margin-right:22px;border:2px solid #bfbfbf;line-height:36px;text-align:center;cursor:pointer;border-radius:40px} .proj5form .formsellist:nth-of-type(4n){margin-right:0} .proj5form .formsellist.cur{border-color:#008cd6} .proj5form .formbot{margin-top:22px} .proj5copy{padding-left:30px;line-height:18px;position:relative;cursor:pointer} .proj5copy a{color:#008cd6} .proj5copy:after{content:"";width:18px;border-radius:18px;height:18px;box-sizing:border-box;border:2px solid #666;position:absolute;left:0;top:0} .proj5copy.cur:after{border:none;background-image:url(../img/proj5sel.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .proj5form .formbotleft .btn{width:245px;height:46px;background-color:#ed7020;border-radius:46px;color:#fff;margin-top:38px;cursor:pointer;text-align:center;line-height:46px} .proj5form .formbotright{margin-top:52px} .proj5form .formbotright .tel{color:#ed7020;font-size:25px;line-height:0.8;font-family:'din';font-weight:bold;margin-left:6px} .proj5form .formbotright .bot{width:100%;height:22px;border-radius:22px;margin-top:3px;border:1px solid #ed7020;text-align:center;line-height:20px;letter-spacing:3px;color:#000} .inforauthbox{width:300px;height:340px;background-color:#fff;border-radius:8px;z-index:23;padding:25px;position:absolute;top:50%;left:50%;margin-left:-150px;margin-top:-170px;opacity:0;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)} .inforauthbox.cur{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)} .inforauthbox .close{cursor:pointer} .inforauthbox .bot{margin-top:15px} .inforauthbox .bot .title{font-size:18px;color:#000;text-align:center;font-weight:bold} .inforauthbox .bot .content{line-height:1.6;color:#666;margin-top:10px;max-height:212px;overflow-y:auto} .inforauthbox .bot .content::-webkit-scrollbar{width:5px} .inforauthbox .bot .content::-webkit-scrollbar-thumb{background-color:#ed7020} .inforauthbox .bot .content::-webkit-scrollbar-track{background-color:#faf6f3} @media (max-width:1280px){ .proj3onebox{height:41.95vw} .proj3onelist{height:18.9vw;margin-bottom:3.75vw;padding:0 20vw 0 35px} .proj3onelist:nth-of-type(2n){padding:0 30px 0 21vw} .proj3onelist .text{font-size:16px} .proj3one .yuan{width:36.21vw;height:36.21vw;margin-top:-18.105vw;margin-left:-18.105vw} .proj3one .yuan .box{padding-left:4vw} .proj3one .yuan .cntitle{margin-top:3.4vw;font-size:24px} .proj3one .yuan .entitle{font-size:16px} .proj3threelist .textbox{padding:30px 25px 25px} } @media (max-width:1024px){ .project1{padding:40px 0} .project1 .pagetitlebox .line{margin-top:8px} .project1 .text{margin-top:18px;line-height:1.6} .proj2slide .w1200{padding:0 55px} .proj2slide .swiper-button-next, .proj2slide .swiper-button-prev{width:25px;height:25px;margin-top:-12px} .proj2slide .swiper-button-next{right:15px} .proj2slide .swiper-button-prev{left:15px} .project2{padding:35px 0;background-size:cover} .proj2navlist{padding:0 10px;margin-right:6px} .proj3one{padding:50px 0 90px} .proj3twolist{width:100%;margin-bottom:20px;margin-right:0;height:auto;line-height:initial;padding:25px 15px} .proj3two{margin-top:-55px} .proj3threelist{width:49%;margin-right:2%;margin-bottom:40px} .proj3threelist:nth-of-type(2n){margin-right:0} .proj3threelist:after{bottom:-25px} .proj3three{margin:30px 0 45px} .proj3threelist .textbox{padding:20px 10px} .proj3threelist .title{font-size:16px} .proj3threelist .text{font-size:12px;margin-top:8px;line-height:1.6} .proj3onebox{height:auto;background-image:none} .proj3onelist{width:100%;padding:0;height:auto;margin-bottom:20px} .proj3onelist .text{font-size:14px;color:#fff} .proj3onelist:nth-of-type(2n){padding:0} .proj3onelist:nth-of-type(2n) .text{text-align:left} .proj3onelist:nth-of-type(3), .proj3onelist:nth-of-type(4){margin-bottom:20px} .proj3one .yuan{width:70vw;height:70vw;position:static;margin-top:0;margin-left:0;margin:0 auto} .proj3one .yuan .cntitle{margin-top:7vw;font-size:18px} .proj3one .yuan .entitle{font-size:13px} .project4{padding:45px 0} .project4 .titlebox .cntitle{font-size:20px} .project4 .titlebox .entitle{font-size:15px} .proj4list{width:33.3333%;padding:25px 15px} .proj4list:nth-of-type(3n){border-right:none} .proj4list .textbox .text{margin-top:0;font-size:14px} .proj4list .textbox{margin-top:10px} .proj4list .textbox .num{font-size:20px} .proj4list .icon img, .proj4list .icon{height:25px} .proj4box{margin-top:30px} .project5{padding:45px 0 65px} .project5 .toptitle{font-size:16px} .proj5form, .proj5form .formlist .list:nth-last-of-type(1){width:100%} .proj5form .formlist .list:nth-last-of-type(1) .prop{display:none} .proj5form .formlist .list{width:100%;margin-right:0;margin-bottom:15px} .proj5form .prop{margin-bottom:5px} .proj5form .formsellist{width:48%;margin-right:4%;margin-bottom:10px} .proj5form .formsellist:nth-of-type(2n){margin-right:0} .proj5form .formlist{margin-bottom:10px} .proj5form .formbot{margin-top:10px} .proj5form .formbotleft .btn{width:156px;height:40px;line-height:40px;margin-top:20px} .proj5form .formbotleft{width:100%} .proj5form .formbotright{float:left;margin-top:30px} } .proitemsbox{padding:47px 0 94px;background-color:#f9f9f9} .proitem{width:31.3333%;display:block;margin-right:3%;margin-bottom:32px} .proitem:nth-of-type(3n){margin-right:0} .proitem .img{overflow:hidden} .proitem .img, .proitem .img img{border-top-left-radius:12px;border-top-right-radius:12px} .proitem .textbox{background-color:#fff;padding:24px 35px 35px 30px;border-bottom-left-radius:12px;border-bottom-right-radius:12px} .proitem .textbox .title{font-size:18px;font-weight:bold;height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .proitem .textbox .text{color:#8c8c8c;margin-top:14px;line-height:1.714;height:46px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .proitem:hover .textbox{background-color:#ed7020} .proitem:hover .textbox .title, .proitem:hover .textbox .text{color:#fff} .proitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .promore{height:70px;background-color:#fff;margin-top:14px;text-align:center;border-radius:70px;cursor:pointer} .promore .text{color:#ed7020;font-size:16px;display:inline-block;vertical-align:middle;line-height:70px} .promore .icon{width:15px;height:70px;display:inline-block;vertical-align:middle;margin-left:20px;background-image:url(../img/promore.png);background-repeat:no-repeat;background-position:center center} .promore.cur{background-color:#b9b9b9} .promore.cur .text{color:#f4f4f4} .promore.cur .icon{background-image:url(../img/promore_cur.png)} .prod{padding:76px 0 60px;background-color:#f5f5f5} .prodleft{width:calc(100% - 350px);margin-right:70px} .prodtop{padding-bottom:18px;border-bottom:1px solid #e1e1e1} .prodtop .title{font-size:18px;font-weight:bold} .prodtop .bot{margin-top:3px} .prodtop .bot .copywriting{color:#999;line-height:28px} .prodshare .text{line-height:28px} .prodshareitem{width:28px;height:28px;margin-left:8px;background-color:#fff;border-radius:28px;cursor:pointer;background-repeat:no-repeat;background-position:center center} .prodshareitem[share="qq"]{background-image:url(../img/proqq.png)} .prodshareitem[share="qq"]:hover{background-image:url(../img/proqq_cur.png)} .prodshareitem[share="wx"]{background-image:url(../img/prowx.png)} .prodshareitem[share="wx"]:hover{background-image:url(../img/prowx_cur.png)} .prodshareitem[share="wb"]{background-image:url(../img/prowb.png)} .prodshareitem[share="wb"]:hover{background-image:url(../img/prowb_cur.png)} .prodshareitem[share="qz"]{background-image:url(../img/proqz.png)} .prodshareitem[share="qz"]:hover{background-image:url(../img/proqz_cur.png)} .prodcontent{margin-top:34px} .prodbot{margin-top:40px;border-top:1px solid #e3e3e3;padding-top:28px} .prodpagerslist:nth-of-type(1){margin-bottom:12px} .prodpagerslist .name, .prodpagerslist .text{color:#8c8c8c} .prodpagerslist a.text:hover{color:#ed7020} .prodreturn{width:162px;height:44px;border-radius:44px;border:1px solid #ccc;line-height:42px;display:block;padding-left:24px;color:#8c8c8c;background-image:url(../img/prodreturn.png);background-repeat:no-repeat;background-position:right 24px center} .prodreturn:hover{background-color:#ed7020;border-color:#ed7020;color:#fff} .prodright{width:280px} .prodright.on{ position:fixed; right:50%; margin-right:-600px; top:0;} .prodrectitle{height:52px;background-color:#ed7020;line-height:52px;color:#fff;font-size:18px;font-weight:bold;padding:0 32px;border-top-left-radius:8px;border-top-right-radius:8px} .prodrecitems{padding:24px 20px 0;background-color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px} .prodrecitem{display:block;margin-bottom:24px;border-bottom:1px solid #d6d6d6;padding-bottom:14px} .prodrecitem:nth-last-of-type(1){margin-bottom:0;border-bottom:none} .prodrecitem .textbox{margin-top:16px} .prodrecitem .textbox .title{font-weight:bold;height:19px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .prodrecitem .textbox .text{color:#8c8c8c;margin-top:10px;line-height:1.714;height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .prodrecitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .prodrecitem:hover .textbox .title{color:#ed7020} .caseitem{width:48.16%;margin-right:3.68%;margin-bottom:55px;display:block} .caseitem:nth-of-type(2n){margin-right:0} .caseitem .img, .caseitem .img img{border-top-left-radius:10px;border-top-right-radius:10px} .caseitem .textbox{padding:30px 42px;background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px} .caseitem .textbox .title{font-size:18px;font-weight:bold;height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .caseitem .textbox .text{margin-top:22px;color:#8c8c8c;line-height:1.8;height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .caseitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .caseitem:hover .textbox{background-color:#ed7020} .caseitem:hover .textbox .title, .caseitem:hover .textbox .text{color:#fff} .cooperation{padding:42px 0 92px;background-color:#f9f9f9} .cooperation .pagetitlebox .entitle, .cooperation .pagetitlebox .cntitle{text-align:center} .cooperation .pagetitlebox .line{width:54px;margin:6px auto 0} .kirabrand{margin-top:50px} .kirabrandlist{width:18%;border-radius:30px;margin-right:2.5%;margin-bottom:50px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06)} .kirabrandlist:nth-of-type(5n){margin-right:0} .kirabrandlist img{width:100%} .kirabrandlist:hover{box-shadow:0px 0px 26px 0px rgba(0,0,0,0.08);z-index:3} .kirabrandlist:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .coopbot{margin-top:50px} .download{padding:73px 0 100px;background-color:#f9f9f9} .downitem{width:47.91%;margin-right:4.18%;margin-bottom:25px} .downitem:nth-of-type(2n){margin-right:0} .downitem .top{display:block;background-color:#222;border-top-left-radius:12px;border-top-right-radius:12px} .downitem .top .right{padding:0 40px;height:98px;border-left:1px solid rgba(255,255,255,0.2)} .downitem .top .right .text{color:#fff;line-height:98px;margin-right:20px} .downitem .top .icon{height:98px;line-height:98px} .downitem .top .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px} .downitem .top .left{width:calc(100% - 176px);padding:0 20px 0 38px} .downitem .top .left .name{width:calc(100% - 36px);color:#fff;font-size:16px;font-weight:bold;height:98px;line-height:98px;margin-left:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .downitem .bot{overflow:hidden} .downitem .bot, .downitem .bot img{border-bottom-left-radius:12px;border-bottom-right-radius:12px} .downitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .downitem:hover .top{background-color:#ed7020} @media (max-width:1024px){ .proitemsbox{padding:45px 0 60px} .proitem{width:100%;margin-bottom:20px;margin-right:0} .proitem .img img{width:100%} .proitem .textbox{padding:20px 15px} .proitem .textbox .title{font-size:16px;height:22px} .proitem .textbox .text{line-height:1.6;margin-top:6px;height:42px} .prod{padding:50px 0} .prodleft{width:100%;margin-right:0} .prodtop .bot .copywriting{width:100%} .prodshare{margin-top:10px;float:left} .prodtop{padding-bottom:8px} .prodcontent{margin-top:25px} .prodbotleft{width:100%} .prodpagerslist:nth-of-type(1){margin-bottom:6px} .prodreturn{width:122px;height:38px;line-height:36px;float:left;margin-top:20px;padding-left:15px;background-position:right 15px center;background-size:22px auto} .prodpagerslist .text{width:calc(100% - 58px);height:19px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .prodright{width:100%;margin-top:35px} .prodright.on{ position: relative; right:0; margin-right:0;} .prodrecitem .textbox .text{line-height:1.6;margin-top:6px} .prodrecitem .textbox{margin-top:10px} .prodrecitem{padding-bottom:10px;margin-bottom:15px} .prodrectitle{padding:0 20px;height:44px;line-height:44px} .caseitem{width:100%;margin-right:0;margin-bottom:25px} .caseitem .textbox{padding:20px 25px} .caseitem .textbox .text{margin-top:10px;line-height:1.6;height:44px} .promore{height:54px} .promore .text{line-height:54px} .promore .icon{height:54px} .cooperation{padding:40px 0 50px} .cooperation .pagetitlebox .line{width:28px} .kirabrand{margin-top:20px;border-right:none} .kirabrandlist{width:47%;margin-bottom:20px;margin-right:6%;border-radius:16px} .kirabrandlist:nth-of-type(5n){margin-right:6%} .kirabrandlist:nth-of-type(2n){margin-right:0} .coopbot{margin-top:35px} .download{padding:40px 0 20px} .downitem{width:100%;margin-right:0;margin-bottom:20px} .downitem .top .left{width:calc(100% - 92px);padding:0 10px} .downitem .top .right{height:44px;padding:0 10px} .downitem .top .right .text{line-height:44px;margin-right:10px;font-size:12px} .downitem .top .icon{height:44px;line-height:44px;width:13px} .downitem .top .left .name{width:calc(100% - 23px);height:44px;line-height:44px;font-size:14px;margin-left:10px} } .news, .newsd{padding:57px 0 118px;background-color:#f9f9f9} .newdbox a{ font-size:18px;} .newstop .box{display:block;background-color:#fff;border-radius:16px} .newstop .box .img{width:50%} .newstop .box .img img{border-top-left-radius:16px;border-bottom-left-radius:16px} .newstop .box:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .newstop .box .textbox{width:50%;padding:44px 44px 0 58px} .newstop .textbox .date{color:#ed7020;font-family:'impact';font-size:24px;line-height:1;transform:translateY(60px);-webkit-transform:translateY(60px);-moz-transform:translateY(60px);opacity:0} .newstop .textbox .title{color:#222;font-size:18px;margin-top:8px;font-weight:bold;height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;opacity:0;transform:translateY(60px);-webkit-transform:translateY(60px);-moz-transform:translateY(60px)} .newstop .textbox .text{color:#8c8c8c;margin-top:40px;line-height:1.714;height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;opacity:0;transform:translateY(60px);-webkit-transform:translateY(60px);-moz-transform:translateY(60px)} .newstop .textbox .more{margin-top:15px} .newstop .swiper-container{padding-bottom:34px} .newstop .swiper-container .swiper-slide{width:100% !important} .newstop .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0} .newstop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#222;opacity:1} .newstop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#ed7020} .newstop .swiper-slide-active .textbox .date, .newstop .swiper-slide-active .textbox .title, .newstop .swiper-slide-active .textbox .text{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);opacity:1} .newstop .swiper-slide-active .textbox .date{transition:1.6s ease-in-out 0s;-webkit-transition:1.6s ease-in-out 0s;-moz-transition:1.6s ease-in-out 0s} .newstop .swiper-slide-active .textbox .title{transition:1.6s ease-in-out 0.4s;-webkit-transition:1.6s ease-in-out 0.4s;-moz-transition:1.6s ease-in-out 0.4s} .newstop .swiper-slide-active .textbox .text{transition:1.6s ease-in-out 0.8s;-webkit-transition:1.6s ease-in-out 0.8s;-moz-transition:1.6s ease-in-out 0.8s} .newsitems{margin-top:52px} .newsitem{display:block;margin-bottom:32px} .newsitem .img{width:365px} .newsitem .img, .newsitem .img img{border-radius:12px} .newsitem .rightbox{width:calc(100% - 365px);padding-left:38px} .newsitem .rightbox .textbox{width:calc(100% - 125px);padding-right:82px;padding-top:18px} .newsitem .date{color:#000;font-size:24px;line-height:28px;font-family:'impact'} .newsitem .year{color:#222;font-size:12px;font-family:Arial;margin-top:5px} .newsitem .title{color:#222;font-size:18px;font-weight:bold;margin:30px 0 16px;height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .newsitem .text{line-height:1.714;height:46px;color:#8c8c8c;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .newsitem .more{width:125px;height:210px;line-height:210px;position:relative;text-align:center;overflow:hidden;border-left:1px solid #e5e5e5} .newsitem .more:after{content:"";width:100%;height:100%;border-radius:12px;position:absolute;left:100%;top:0;z-index:auto;background-color:#ed7020;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .newsitem .more .icon{width:34px;height:34px;display:inline-block;margin-bottom:3px;vertical-align:middle;position:relative;z-index:3;background-image:url(../img/nmore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .newsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .newsitem:hover .title{color:#ed7020} .newsitem:hover .more{border-left:none} .newsitem:hover .more:after{left:0} .newsitem:hover .more .icon{background-image:url(../img/nmore_cur.png)} .newdrtop{background-color:#ed7020;padding:30px 30px 55px;border-radius:12px} .newdrtop .date{color:#fff;font-size:24px;line-height:30px;font-family:'impact'} .newdrtop .year{color:#fff;font-size:12px;font-family:Arial} .newdrtop .title{color:#fff;font-size:18px;line-height:1.667;margin:20px 0 28px;font-weight:bold} .newdrtop .other{margin-bottom:25px;border-top:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3);padding:22px 0;color:rgba(255,255,255,0.5)} .newdbot{margin-top:35px} .newdbot .newdbottitle{color:#434343;font-size:18px;font-weight:bold} .newdrec{margin-top:16px;background-color:#fff;padding:10px 25px;border-radius:12px} .newdreciteem{display:block;padding:18px 0;border-bottom:1px solid #e8e8e8} .newdreciteem:nth-last-of-type(1){border-bottom:none} .newdreciteem .title{color:#222;line-height:20px;font-weight:bold;max-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .newdreciteem .text{margin-top:12px;color:#8c8c8c;line-height:1.714;height:46px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .newdreciteem:hover .title{color:#ed7020} .contact{padding:57px 0 10px;background-color:#f9f9f9} .conlist{width:29.7%;margin-right:5.45%;margin-bottom:60px;height:217px;padding:36px 36px 28px;border-radius:12px;background-color:#fff;box-shadow:0px 0px 40px 0px rgba(82, 82, 82, 0.15);} .conlist:nth-of-type(3n){margin-right:0} .conlist .icon{width:63px;height:63px;margin:0 auto} .conlist .textbox{margin-top:22px} .conlist .textbox .name{color:#8c8c8c;text-align:center;margin-bottom:8px} .conlist .textbox .text1{font-size:30px;font-weight:bold;text-align:center;color:#ed7020;font-family:'din';display:block;text-align:center} .conlist .textbox .text1box{text-align:center} .conlist .textbox .text2{font-size:30px;font-weight:bold;text-align:center;color:#ed7020;font-family:'din';display:inline-block} .conlist .textbox .text1name{display:inline-block} .conlist .text2box .text3{width:138px;height:32px;display:block;background-color:#ed7020;color:#fff;line-height:32px;text-align:center;border-radius:32px;font-size:24px;font-weight:bold;;font-family:'din'} .conlist .text2box .text3:nth-of-type(1){margin-right:6px} .conlist .textbox .text4{font-weight:bold;line-height:1.643;text-align:center} .conmapbox{height:662px;overflow:hidden} .conmap{width:100%;height:100%} .recruit{padding:56px 0 96px;background-color:#f9f9f9} .recruititem{width:48.5%;margin-right:3%;border-radius:14px;padding:38px 38px 46px 40px;cursor:pointer;margin-bottom:35px;background-color:#fff;border-radius:5px;box-shadow:0px 0px 40px 0px rgba(82, 82, 82, 0.15);} .recruititem:nth-of-type(2n){margin-right:0} .recruititem .textbox{width:calc(100% - 39px);margin-right:20px} .recruititem .textbox .name{color:#444;font-size:18px;font-weight:bold} .recruititem .textbox .descbox{margin-top:18px} .recruititem .textbox .desclist, .recruitboxleft .descbox .desclist{color:#666;margin-right:18px} .recruititem .icon{width:19px;height:19px;margin-top:26px;background-image:url(../img/recmore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .recruititem:hover{background-image:url(../img/recbg.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .recruititem:hover .textbox .name, .recruititem:hover .textbox .desclist{color:#fff} .recruitbox{width:900px;height:774px;position:absolute;top:50%;left:50%;margin-top:-387px;margin-left:-450px;background-color:#fff;padding:35px 33px 70px 74px;z-index:22;opacity:0;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)} .recruitbox.cur{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)} .recruitboxleft{width:calc(100% - 67px);margin-right:35px} .recruitboxleft .name{color:#000;font-weight:bold;font-size:24px;padding-left:6px;padding-bottom:25px;border-bottom:1px solid #f3f3f3} .recruitclose{cursor:pointer} .recruitboxleft .descbox{margin-top:22px} .reccon{margin-top:24px;max-height:460px;overflow-y:auto} .reccon::-webkit-scrollbar{width:8px} .reccon::-webkit-scrollbar-thumb{background-color:#ed7020} .reccon::-webkit-scrollbar-track{background-color:#faf6f3} .reccon .recconlist{margin-bottom:36px} .reccon .recconlist .title{color:#000;font-weight:bold} .reccon .recconlist .con{color:#666;line-height:2.143;margin-top:8px} .recruitboxleft .jontime{color:#666} .recruitboxleft .jontime span{font-weight:bold} .sendresume{display:block;width:150px;height:45px;text-align:center;line-height:45px;color:#fff;border-radius:45px;margin-top:34px;background-image:url(../img/recbtnbg.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} @media (max-width:1620px){ .recruitbox{height:674px;margin-top:-337px} .reccon{max-height:340px} .recruitboxleft .jontime{margin-top:15px} } @media (max-width:1440px){ .recruitbox{height:614px;margin-top:-307px;padding:35px 33px 40px 54px} .reccon{max-height:300px} .recruitboxleft .jontime{margin-top:15px} .reccon .recconlist .con{line-height:1.8} .conlist .text2box .text3{width:calc((100% - 6px) / 2);font-size:18px} } @media (max-width:1280px){ .newstop .textbox .text{height:68px;-webkit-line-clamp:3;margin-top:25px} .conlist{padding:30px 1.56vw 20px} .conlist .text2box .text3{font-size:20px;width:124px} .recruitbox{width:780px;margin-left:-390px;height:560px;margin-top:-280px;padding:35px 33px 40px 54px} .recruitboxleft .name{padding-bottom:15px} .reccon{max-height:260px} .recruitboxleft .jontime{margin-top:15px} } @media (max-width:1180px){ .conlist .text2box .text3{font-size:18px;width:100px} } @media (max-width:1024px){ .news, .newsd{padding:45px 0 60px} .newstop .box .img{width:100%} .newstop .box .textbox{width:100%;padding:20px} .newstop .textbox .date, .newsitem .date{font-size:20px} .newstop .textbox .title{font-size:16px;height:23px;margin-top:4px} .newstop .textbox .text{height:66px;line-height:1.6;-webkit-line-clamp:3;margin-top:15px} .newsitem{margin-bottom:20px} .newsitem .img, .newsitem .img img{width:100%} .newsitem .rightbox{width:100%;padding:0} .newsitem .rightbox .textbox{width:calc(100% - 65px);padding:15px 15px 0 0} .newsitem .more{width:65px;height:158px;line-height:158px} .newsitem .title{font-size:16px;height:23px;margin:15px 0 4px} .newsitem .text{line-height:1.6;height:44px} .newsitem .more .icon{width:24px;height:24px} .newdrtop{padding:20px} .newdrtop .date{font-size:20px} .newdrtop .title{margin:10px 0 15px;font-size:16px} .newdrtop .other{margin-bottom:20px;padding:10px 0} .newdrec{padding:5px 15px} .newdreciteem{padding:10px 0} .newdreciteem .text{margin-top:6px;line-height:1.6;height:44px} .conmapbox{height:350px} .conlist{width:100%;height:auto;margin-right:0;padding:25px 15px;margin-bottom:20px} .contact{padding:45px 0 10px} .conlist .icon{width:37px;height:37px} .conlist .text2box .text3{width:48%} .conlist .text2box .text3:nth-of-type(1){margin-right:4} .conlist .textbox .text1, .conlist .textbox .text2{font-size:22px;line-height:22px} .conlist .textbox .name{margin-bottom:4px} .conlist .textbox{margin-top:15px} .contact .w1200{padding:0 15%} .recruit{padding:45px 0 60px} .recruititem{width:100%;margin-bottom:20px;padding:20px;box-shadow:0px 0px 25px 0px rgba(82, 82, 82, 0.08)} .recruititem .textbox .desclist, .recruitboxleft .descbox .desclist{margin-right:5px;font-size:12px} .recruititem .textbox .descbox{margin-top:8px} .recruititem .textbox .name{font-size:16px} .recruititem .icon{margin-top:24px} } .videoalertbox{width:900px;height:700px;padding:30px 60px;background-color:#fff;opacity:0;position:absolute;top:50%;margin-top:-350px;left:50%;margin-left:-450px;z-index:23;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)} .videoalertbox.cur{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)} .videoalertbox .box{margin-top:20px} .videoalertbox .top .close{cursor:pointer} /* .videoalertbox .box .video{padding:0 100px} */ .videoalertbox .box video{width:100%;object-fit:fill;object-position:center center} .videoalertbox .textbox{margin-top:15px} .videoalertbox .textbox .title{font-size:20px;line-height:30px} .videoalertbox .textbox .text{line-height:2;margin-top:10px;color:#999;max-height:90px;overflow-y:auto} .videoalertbox .textbox .text::-webkit-scrollbar{width:8px} .videoalertbox .textbox .text::-webkit-scrollbar-thumb{background-color:#ed7020} .videoalertbox .textbox .text::-webkit-scrollbar-track{background-color:#faf6f3} @media (max-width:1024px){ .videoalertbox .textbox .title{font-size:16px;line-height:22px} .videoalertbox{width:90%;height:auto;left:5%;margin-left:0;padding:20px;margin-top:0;top:25%} .videoalertbox .textbox .text{line-height:1.6;} } /* 2020.11.13鏂板 */ /*.homepage{padding-left:240px}*/ .pchead{width:240px;height:100%;background-color:#fff;position:fixed;top:0;left:0;z-index:5;border-right:1px solid #f6f6f6} .pclogo{height:102px;line-height:102px;text-align:center} .pclogo img{display:inline-block;vertical-align:middle;margin-bottom:3px} .pcnavlist{position:relative} .pcnavlist .pcnavname{height:70px;border-bottom:1px solid #eee} .pcnavlist .pcnavname a{background-color:#fff;color:#000;font-size:16px;line-height:69px;display:block;text-align:center} .pcnavlist .pcnavchild{width:240px;padding-left:20px;position:absolute;top:0;left:calc(100% - 20px);z-index:-1;opacity:0;visibility:hidden;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .pcnavlist .pcnavchild:after{content:"";border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;top:20px;left:10px} .pcnavlist .pcnavchild .box{background-color:#fff;border-radius:24px} /* .pcnavlist .pcnavchild .list{background-color:#f2f2f2} */ .pcnavlist .pcnavchild .list{display:block;text-align:center;line-height:60px;height:60px;color:#666} .pcnavlist .pcnavchild .list:nth-of-type(1){border-top-left-radius:24px;border-top-right-radius:24px} .pcnavlist .pcnavchild .list:nth-last-of-type(1){border-bottom-left-radius:24px;border-bottom-right-radius:24px} .pcsearch{padding:18px 0;border-bottom:1px solid #eee} .pcsearch .form{margin:0 auto;padding:0 14px;width:188px;height:42px;background-image:url(../img/addimg/searchbg.png);background-repeat:no-repeat;background-position:center center;background-size:cover} .pcsearch .form .input{width:calc(100% - 26px);margin-right:10px} .pcsearch .form .input input{width:100%;height:40px;margin-top:1px;background-color:transparent} .pcsearch .form .btn{height:40px;line-height:40px;cursor:pointer} .pcsearch .form .btn img{display:inline-block;vertical-align:middle;margin-bottom:3px} .pctelbox{margin:14px 0;text-align:center} .pctelbox .icon, .pctelbox .text, .pctelbox .icon img, .siteclust .siteclusttop .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px} .pctelbox .icon{height:24px;line-height:25px} .pctelbox .text{color:#ed7020;font-size:25px;font-weight:bold;line-height:1;font-family:'din'} .siteclust{position:relative} .siteclust .siteclusttop{width:188px;height:42px;padding:0 30px;margin:0 auto;border-radius:42px;cursor:pointer;background-image:-moz-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);background-image:-webkit-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);background-image:-ms-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);} .siteclusttop .name{width:calc(100% - 26px);color:#fff;line-height:42px;margin-right:10px} .siteclusttop .icon{height:42px;line-height:42px} .siteclustitems{width:188px;position:absolute;top:57px;left:26px;background-color:#f0f0f0;border-radius:10px;padding:10px 28px 24px;z-index:-1;opacity:0;visibility:hidden} .siteclust:hover .siteclustitems{top:47px;z-index:9;opacity:1;visibility:visible} .siteclustitem{height:36px;line-height:36px;color:#666;border-bottom:1px solid #dad9d9;display:block} .siteclustitem:hover{color:#ed7020} .hometitlebox .cntitle{font-size:36px;font-weight:bold;line-height:1} .hometitlebox .entitle{font-size:36px;font-weight:bold;line-height:1;color:#ed7020;font-family:Arial;margin-top:10px} .homeabout{padding:10px 0 142px;background-image:url(../img/addimg/homeaboutbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .homeaboutbox .textbox{width:50%;height:630px;padding:0 3.845vw 0 4.166vw;background-color:#fbfbfb;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;border-bottom-left-radius:30px} .homeaboutbox .textbox .text{color:#666;line-height:2.643;margin:34px 0 55px;height:254px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7} .homeaboutbox .textbox .morebox{width:148px;height:42px;border-radius:42px;font-family:Arial;background-image:-moz-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);background-image:-webkit-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);background-image:-ms-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);} .homeaboutbox .textbox .morebox .more{width:148px;height:42px;padding-left:26px;display:block;line-height:42px;font-size:12px;font-weight:bold;color:#fff;background-image:url(../img/addimg/homeaboutmore1.png);background-repeat:no-repeat;background-position:right 26px center} .homeaboutbox .rightbox{width:50%} .homeaboutvideo{position:relative} .homeaboutvideo .wapimg{display:none} .homeaboutvideo video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0;visibility:hidden} .homeaboutvideo .img{width:100%;height:404px;background-repeat:no-repeat;background-position:center center;background-size:cover} .homeaboutvideo .playbox{width:100%;height:50px;background-color:rgba(0,0,0,0.5);position:absolute;bottom:0;left:0;padding:8px 18px 0;cursor:pointer} .homeaboutvideo .playbox .play{margin-right:14px} .homeaboutvideo .playbox .cntitle{color:#fff;line-height:1} .homeaboutvideo .playbox .entitle{color:#ed7020;font-weight:bold;font-family:Arial;line-height:1;letter-spacing:2px;margin-top:4px} .homeaboutvideo.cur .playbox{z-index:-1;opacity:0;visibility:hidden} .homeaboutvideo.cur video{z-index:9;opacity:1;visibility:visible} .homeaboutrbot{height:226px} .homeaboutrbot .lb{width:calc(100% - 240px);padding:0 28px;height:226px;background-image: -moz-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);background-image: -ms-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);} .homeaboutrbot .lb .list{width:50%;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center} .homeaboutrbot .lb .list .numUp{color:#fff;line-height:1;font-size:48px;font-weight:bold;font-family:'din'} /* .homeaboutrbot .lb .list:nth-of-type(1) .unit{margin-top:6px} */ .homeaboutrbot .lb .list .unit{line-height:1;margin-top:30px;margin-left:4px;color:#fff} .homeaboutrbot .lb .list .text{font-size:16px;color:#fff;margin-top:6px} .homeaboutrbot .rb{width:240px;height:226px;position:relative;background-image:url(../img/addimg/homeaboutrbg1.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .homeaboutrbot .rb .rbtextbox{position:absolute;top:56px;left:26px} .homeaboutrbot .rb .rbtextbox .cntitle{color:#fff;font-size:18px;font-weight:bold} .homeaboutrbot .rb .rbtextbox .entitle{color:#fff;font-size:18px;font-family:Arial;margin-top:6px} .homeaboutrbot .rb .rbtextbox .more{width:50px;height:28px;display:block;margin-top:20px;background-image:url(../img/addimg/homeaboutmore.png);background-repeat:no-repeat;background-position:center center;background-size:cover} .homepro{padding:110px 0} .homeproitem{margin-bottom:110px} .homeproitem:nth-last-of-type(1){margin-bottom:0} .homeproitem .box{margin-top:45px} .homeproitem .list{width:23.86%;margin-right:1.14%;display:block} .homeproitem .list:nth-of-type(4n){margin-right:0} .homeproitem .list .img{border-top-left-radius:30px;border-top-right-radius:30px} .homeproitem .list .textbox{border-bottom-left-radius:30px;border-bottom-right-radius:30px;background-color:#f4f4f4;padding:28px 20px} .homeproitem .list .textbox .title{font-size:18px;font-weight:bold;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .homeproitem .list .textbox .more{width:50px;height:28px;margin-top:16px;background-image:url(../img/addimg/homepromore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .homeproitem .list:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .homeproitem .list:hover .textbox{padding:28px 46px;background-image:s-moz-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);background-image:-webkit-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);background-image:-ms-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);} .homeproitem .list:hover .textbox .title{color:#fff} .homeproitem .list:hover .textbox .more{background-image:url(../img/addimg/homepromore_cur.png)} .homedesignslide{margin-top:55px} .homedesignslide .img img{ width:100%;} .homedesignslide .wapimg{display:none} .homedesignslide .swiper-container-horizontal>.swiper-pagination-bullets{bottom:62px;width:85.7%;margin-left:-42.85%;left:50%;text-align:left} .homedesignslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#fff;width:14px;height:14px;margin:0 8px;position:relative;opacity:1} .homedesignslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:after{content:"";width:20px;height:20px;border:1px solid #fc9a05;border-radius:22px;position:absolute;top:50%;margin-top:-50%;left:50%;margin-left:-11px;margin-top:-11px} .homedesignslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#fc9a05} .homecase{padding:100px 0 94px;background-color:#f6f6f6} .homenews{padding:92px 0 98px} .homecasetopright{margin-top:20px} .homecasetopright .list{width:146px;height:42px;margin-right:10px;border-radius:42px;padding-left:24px;cursor:pointer;background-image:-moz-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);background-image:-webkit-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);background-image:-ms-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);} .homecasetopright .list:nth-last-of-type(1){margin-right:0} .homecasetopright .list.cur{background-image:-moz-linear-gradient( 0deg, rgb(237,112,32) 0%, rgb(255,162,0) 100%);background-image:-webkit-linear-gradient( 0deg, rgb(237,112,32) 0%, rgb(255,162,0) 100%);background-image:-ms-linear-gradient( 0deg, rgb(237,112,32) 0%, rgb(255,162,0) 100%);} .homecasetopright .list .icon{height:42px;line-height:42px} .homecasetopright .list .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px} .homecasetopright .list .name{font-weight:bold;color:#fff;line-height:42px;margin-left:12px} .homecasebot{margin-top:55px} .homecasebot .list{display:none} .homecasebot .list.cur{display:block} .homecasebot .list .swiper-slide{width:31.28%;margin-right:3.08%;display:block} .homecasebot .list .swiper-slide:nth-of-type(3n){margin-right:0} .homecasebot .list .swiper-slide .img{border-radius:30px} .homecasebot .list .swiper-slide .textbox{padding:25px 0} .homecasebot .list .swiper-slide .textbox .title{font-size:18px;font-weight:bold;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .homecasebot .list .swiper-slide .textbox .text{color:#8c8c8c;line-height:1.8;margin-top:15px;height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .homecasebot .list .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .homecasebot .list .swiper-slide:hover .textbox .title, .homecasebot .list .swiper-slide:hover .textbox .text{color:#ed7020} .homecasebot .list .morebox{width:148px;height:42px;border-radius:42px;margin:20px auto 0;font-family:Arial;background-image:-moz-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);background-image:-webkit-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);background-image:-ms-linear-gradient( 0deg, rgb(46,167,72) 0%, rgb(179,220,90) 100%);} .homecasebot .list .more{width:148px;height:42px;padding-left:26px;display:block;line-height:42px;font-size:12px;font-weight:bold;color:#fff;background-image:url(../img/addimg/homeaboutmore1.png);background-repeat:no-repeat;background-position:right 26px center} .homecasebot .list .swiper-button-next, .homecasebot .list .swiper-button-prev{width:40px;height:40px;background-size:100% 100%;opacity:1;margin-top:-20px;top:calc(50% + 170px);display:none} .homecasebot .list .swiper-button-next{background-image:url(../img/idright.png)} .homecasebot .list .swiper-button-prev{background-image:url(../img/idleft.png)} .homescasebot .bigimg{width:600px;border-radius:30px} .homenewsitems{width:calc(100% - 635px);margin-left:35px} .homenewsitem{display:block;margin-bottom:15px} .homenewsitem:nth-last-of-type(1){margin-bottom:0} .homenewsitem .img{width:185px;border-radius:30px} .homenewsitem .textbox{width:calc(100% - 185px);padding-left:42px} .homenewsitem .textbox .top .leftbox{width:calc(100% - 39px);margin-right:18px} .homenewsitem .textbox .title{font-size:18px;font-weight:bold;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .homenewsitem .textbox .date{color:#999;font-size:16px;font-weight:bold;font-family:'din';margin-top:5px} .homenewsitem .textbox .text{color:#8c8c8c;line-height:1.714;height:48px;margin-top:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .homenewsitem:hover .img img, .homescasebot .bigimg:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .homenewsitem:hover .textbox .title{color:#f68910} .homebrand{padding:80px 0 62px;background-color:#f6f6f6} .homebrand .pcbrand{margin-top:45px} .homebrand .pcbrand .list{width:16.55%;margin-right:4.3125%;border-radius:30px;margin-bottom:58px;display:block;background-color:#fff;box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.06);border:3px solid #fff} .homebrand .pcbrand .list img{border-radius:30px} .homebrand .pcbrand .list:nth-of-type(5n){margin-right:0} .homebrand .pcbrand .list:hover{border-color:#8ecd83} .homebrand .wapbrand{display:none} .homebrand .wapbrand .item{width:30%;margin-right:5%;margin-bottom:20px;display:block;border-radius:20px;box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.06)} .homebrand .wapbrand .item img{border-radius:20px} .homebrand .wapbrand .item:nth-of-type(3n){margin-right:0} .homebrand .wapbrand .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0} .homebrand .wapbrand .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#dadada;opacity:1;vertical-align:middle} .homebrand .wapbrand .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{width:12px;height:12px;background-color:#ed7020} .homebrand .swiper-container{padding-bottom:15px} @media (min-width:1024px){ .pcnavlist:hover .pcnavname a{background-color:#ed7020;color:#fff} .pcnavlist:hover .pcnavchild{left:100%;z-index:9;opacity:1;visibility:visible} .pcnavlist .pcnavchild .list:hover{color:#fff;background-color:#ed7020} } @media (max-width:1620px){ .homeaboutrbot .lb{width:calc(100% - 200px);padding:0 20px} .homeaboutrbot .rb{width:200px} .homeaboutrbot .lb .list .numUp{font-size:40px} .homeaboutrbot .lb .list .unit{margin-top:24px} .homedesignslide .swiper-container-horizontal>.swiper-pagination-bullets{margin-left:-43.85%} } @media (max-width:1440px){ .pchead{width:200px} .pcnavlist .pcnavname a{line-height:55px} .pcnavlist .pcnavname{height:56px} /*.homepage{padding-left:200px}*/ .pcsearch .form{width:148px;background-size:100% 100%;height:32px} .pcsearch .form .input input{height:30px} .pcsearch .form .btn{height:30px;line-height:30px} .pctelbox .text{font-size:20px} .pclogo img{width:140px} .siteclust .siteclusttop{width:148px;padding:0 20px} .siteclustitems{width:148px} .hometitlebox .cntitle, .hometitlebox .entitle{font-size:28px} .homeaboutbox .textbox{height:530px} .homeaboutbox .textbox .text{height:218px;-webkit-line-clamp:6} .homeaboutvideo .img{height:330px} .homeaboutrbot{height:200px} .homeaboutrbot .lb{width:calc(100% - 170px);padding:0 15px;height:200px} .homeaboutrbot .rb{width:170px;height:200px} .homeaboutrbot .lb .list .numUp{font-size:32px} .homeaboutrbot .lb .list .unit{margin-top:24px;font-size:12px;margin-top:15px} .homeaboutrbot .rb .rbtextbox{top:36px;left:20px} .homeaboutrbot .rb .rbtextbox .cntitle, .homeaboutrbot .rb .rbtextbox .entitle{font-size:15px} .homeaboutrbot .lb .list:nth-of-type(1) .unit{margin-top:0} .homeaboutrbot .lb .list .text{font-size:14px} .homeaboutrbot .rb .rbtextbox .more{width:40px;height:24px;background-size:100% 100%} .homeabout{padding:10px 0 92px} .homepro{padding:75px 0} .homeproitem{margin-bottom:75px} .homedesignslide .swiper-container-horizontal>.swiper-pagination-bullets{bottom:40px;margin-left:-45.85%} .homecase{padding:75px 0 70px} .homenews{padding:70px 0 75px} .homescasebot .bigimg{width:500px} .homenewsitem{margin-bottom:15.5px} .homenewsitem .img{width:150px;border-radius:20px} .homenewsitems{width:calc(100% - 525px);margin-left:25px} .homenewsitem .textbox{width:calc(100% - 150px);padding-left:25px} .homenewsitem .textbox .text{margin-top:5px} .homenewsitem .textbox .date{margin-top:2px} .homebrand .pcbrand .list{width:18%;margin-right:2.5%;margin-bottom:35px} } @media (max-width:1280px){ .homeaboutbox .textbox{height:480px} .homeaboutbox .textbox .text{height:182px;-webkit-line-clamp:5;margin:15px 0 40px} .homeaboutvideo .img{height:300px} .homeaboutrbot{height:180px} .homeaboutrbot .lb{height:180px;padding:0 5px} .homeaboutrbot .lb .list .numUp{font-size:26px} .homeaboutrbot .lb .list .unit{font-size:10px} .homeaboutrbot .rb{height:180px} } @media (max-width:1024px){ .hometitlebox .cntitle, .hometitlebox .entitle{font-size:18px} .hometitlebox .entitle{margin-top:5px} .pchead{display:none} .homepage{padding-left:0} .banbot{display:none} .indexban .textbox{margin-left:0} .indexban .textbox .title{font-size:20px} .indexban .textbox .btn{width:108px;height:32px;line-height:32px;letter-spacing:0px;margin-top:15px} .indexban .swiper-pagination-bullets .swiper-pagination-bullet{background-color:#fff;border-color:#fff} .indexban .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#ed7020;border-color:#ed7020} .homeabout, .homecase, .homenews{padding:30px 0} .homeaboutbox .textbox{width:100%;height:auto;background-color:transparent;padding:0} .homeaboutbox .textbox .text{height:202px;line-height:1.8;margin:10px 0 15px;-webkit-line-clamp:8} .homeabout{background-image:url(../img/addimg/homeaboutbgwap.jpg)} .homeaboutbox .textbox .morebox .more, .homeaboutbox .textbox .morebox, .homecasebot .list .morebox, .homecasebot .list .more{width:108px;height:32px;line-height:32px} .homeaboutbox .textbox .morebox .more, .homecasebot .list .more{padding-left:10px;background-position:right 10px center} .homeaboutbox .rightbox{width:100%;margin-top:25px} .homeaboutvideo .img{display:none} .homeaboutvideo .wapimg{display:block} .homeaboutvideo .playbox{height:40px;padding:5px 10px 0} .homeaboutvideo .playbox .cntitle{font-size:12px} .homeaboutvideo .playbox .entitle{font-size:12px} .homeaboutvideo .playbox .play{width:22px;margin-top:3px;margin-right:8px} .homeaboutrbot .lb{width:65%;height:130px;padding:0} .homeaboutrbot .lb .list{-webkit-justify-content:flex-start;justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start} .homeaboutrbot .rb{width:35%;height:130px} .homeaboutrbot .rb .rbtextbox .entitle{font-size:13px;margin-top:3px} .homeaboutrbot .rb .rbtextbox{left:15px;top:25px} .homeaboutrbot .rb .rbtextbox .more{width:30px;height:18px;margin-top:15px} .homeaboutrbot .lb .list .numUp{font-size:20px} .homeaboutrbot .lb .list .unit{margin-top:5px} .homeaboutrbot .lb .list .text{font-size:12px;margin-top:3px} .homeaboutrbot{height:auto} .homepro{padding:30px 0 15px} .homeproitem .box{margin-top:15px} .homeproitem .list{width:calc((100% - 10px) / 2);margin-right:10px;margin-bottom:15px} .homeproitem .list:nth-of-type(2n){margin-right:0} .homeproitem .list .img{border-top-left-radius:15px;border-top-right-radius:15px} .homeproitem .list .textbox{padding:20px 15px} .homeproitem .list .textbox .title, .homecasebot .list .swiper-slide .textbox .title, .homenewsitem .textbox .title{font-size:16px;height:22px;line-height:22px} .homeproitem .list .textbox .more{width:32px;height:19px;margin-top:10px} .homeproitem{margin-bottom:10px} .homedesignslide .img{display:none} .homedesignslide .wapimg{display:block} .homedesignslide{margin-top:25px} .homedesignslide .swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px;margin-left:0;left:0} .homedesignslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:after{width:14px;height:14px;margin-left:-8px;margin-top:-8px} .homedesignslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:10px;height:10px;margin:0 6px} .homecasetopright{width:100%;margin-top:15px} .homecasetopright .list{width:calc((100% - 20px) / 3);height:36px;padding-left:15px;margin-bottom:10px} .homecasetopright .list:nth-of-type(3n){margin-right:0} .homecasetopright .list .icon{width:20px;height:36px;line-height:36px} .homecasetopright .list .name{line-height:36px;margin-left:6px} .homecasebot{margin-top:15px} .homecasebot .list .swiper-slide .img{border-radius:15px} .homecasebot .list .swiper-slide .textbox{padding:15px 0 8px} .homecasebot .list .swiper-slide .textbox .text{margin-top:6px;line-height:1.6;height:46px} .homecasebot .list .morebox{margin:0} .homescasebot .bigimg{width:100%;border-radius:20px} .homenewsitems{width:100%;margin-left:0;margin-top:20px} .homenewsitem{margin-bottom:13px} .homenewsitem:nth-last-of-type(1){margin-bottom:13px} .homenewsitem .img{width:130px;border-radius:15px} .homenewsitem .textbox{width:calc(100% - 130px);padding-left:15px} .homenewsitem .textbox .top .leftbox{width:100%;margin-right:0} .homenewsitem .textbox .top .hnmore{display:none} .homenewsitem .textbox .date{font-size:12px;margin-top:0} .homenewsitem .textbox .text{height:40px;line-height:1.4;margin-top:8px} .homebrand .pcbrand{display:none} .homebrand .wapbrand{display:block;margin-top:20px} .homebrand{padding:30px 0} } @media (max-width:370px){ .homecasetopright .list{padding-left:10px} .homecasetopright .list .icon{width:12px} .homecasetopright .list .name{font-size:12px} }