.indexban{position:relative} .m-bann{display:none} .indexban .textbox{position:absolute;top:30%;left:50%;margin-left:-37.5vw;opacity:0} .indexban .textbox.cur{top:50%;opacity:1} .indexban .textbox1{margin-top:-85px} .indexban .textbox1 .title, .indexban .textbox2 .title{color:#fff;font-size:48px;line-height:58px;font-weight:bold} .indexban .textbox1 .text{color:#fff;font-size:24px;font-family:"Source Han Sans CN";margin-top:26px} .indexban .textbox2{margin-top:-59px} .indexban .textbox2 .title{text-align:center} .indexban .textbox2 .text{color:#fff;font-size:48px;line-height:54px;font-family:"Source Han Sans CN";margin-top:6px;text-align:center} .indexban .swiper-container-horizontal>.swiper-pagination-bullets{width:100%;bottom:50px;} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;background-color:#fff;opacity:1;margin:0 20px;position:relative} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg{width:30px;height:30px;position:absolute;top:50%;margin-top:-15px;left:50%;margin-left:-15px} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg:nth-child(2){position:absolute;left:0;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{fill:none} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background{stroke:rgba(255,255,255,0.5);stroke-width:1} .circle-chart__circle{stroke-linecap:square;fill:none} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{stroke:#fff;stroke-width:2;stroke-linecap:square;fill:none;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform-origin:center;-webkit-transform-origin:center;-ms-transform-origin:center;-moz-transform-origin:center} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 5.2s linear reverse;-moz-animation:circle-chart-fill 6s linear reverse;-webkit-animation:circle-chart-fill 6s linear reverse;-ms-animation:circle-chart-fill 6s linear reverse} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 4.5s linear reverse;-moz-animation:circle-chart-fill 5.5s linear reverse;-webkit-animation:circle-chart-fill 5.5s linear reverse;-ms-animation:circle-chart-fill 5.5s linear reverse} @keyframes circle-chart-fill{to{stroke-dasharray:0 100} }@-webkit-keyframes circle-chart-fill{to{stroke-dasharray:0 100} }@-moz-keyframes circle-chart-fill{to{stroke-dasharray:0 100} }@-ms-keyframes circle-chart-fill{to{stroke-dasharray:0 100} } .homeabout .box{position:relative} .homeaboutbox .textbox{width:69.8%;padding:110px 19.895vw 400px 12.3vw;height:1006px;background-image:url(../img/homeaboutbg1.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .homeaboutbox .textbox .year{color:#0071b0;font-size:72px;font-family:'din';line-height:1} .homeaboutbox .textbox .title1{color:#0071b0;font-size:24px;margin-top:16px;line-height:1} .homeaboutbox .textbox .title2{color:#0071b0;font-size:36px} .homeaboutbox .textbox .text{color:#666;margin:28px 0 76px;line-height:2.143;height:88px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-align: justify;} .homeaboutbox .more{width:164px;height:50px;display:block;border:2px solid #3eb140;border-radius:50px;line-height:46px;color:#3eb140;padding-left:30px;background-image:url(../img/homemore.png);background-repeat:no-repeat;background-position:right 30px center} .homeaboutbox .more:hover, .homesol .textbox .more:hover{background-color:#3eb140;color:#fff;background-image:url(../img/homemore_cur.png);box-shadow:0px 4px 22px 0px rgba(0,0,0,0.08)} .homeaboutbox .numbox{width:30.2%;height:1006px;padding:110px 12.3vw 400px 102px;background-image:url(../img/homeaboutbg2.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .homeaboutbox .numlist{margin-bottom:68px} .homeaboutbox .numlist:nth-last-of-type(1){margin-bottom:0} .homeaboutbox .numlist .numUp{color:#fff;font-size:60px;font-weight:bold;line-height:1;font-family:'din'} .homeaboutbox .numlist .unit{font-size:16px;color:#fff;line-height:1;margin-top:36px;margin-left:10px} .homeaboutbox .numlist .text{font-size:16px;color:#fff} .homeaboutbot{position:absolute;left:50%;margin-left:-37.5vw;bottom:0} .homeaboutbot .wapimg{display:none} .homeaboutbot .textbox{width:100%;position:absolute;top:3.645vw;left:0;padding:0 5.208vw} .homeaboutbot .textbox .cntitle{color:#0094ff;font-size:36px;font-family:"Source Han Sans CN"} .homeaboutbot .textbox .entitle{color:#7bb0dd;font-size:12px;font-family:'century';margin:6px 0 48px} .homeaboutbot .textbox .line{width:28px;height:3px;background-color:#fff} .homepro{padding:120px 0} .homepro .pagetitlebox .cntitle, .homepro .pagetitlebox .entitle{text-align:center} .homeprobox{margin-top:42px} .homeprolist{width:48.95%;margin-right:2.1%;display:block;position:relative} .homeprolist:nth-of-type(2n){margin-right:0} .homeprolist .textbox{width:100%;padding:0 40px;position:absolute;bottom:40px;left:0} .homeprolist .title{color:#fff;font-size:30px;font-weight:bold} .homeprolist .line{width:31px;height:2px;background-color:#fff;margin-top:15px} .homeprolist .text{color:#fff;font-size:16px;margin:24px 0 12px;line-height:22px;height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:none} .homeprolist .morebox{display:none} .homeprolist .more{color:#3eb140;padding-right:24px;display:inline-block;background-image:url(../img/homemore.png);background-repeat:no-repeat;background-position:right top 6px} .homesol .pagetitlebox{display:none} .homesol .swiper-slide{width:33.3333%} .homesollist{display:block} .homesolbg{width:100%;height:100%;background-image:url(../img/homesolbg.png);background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:0;position:absolute;top:0;left:0} .homesol .box{width:100%;height:100%;position:absolute;top:0;left:0;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center} .homesol .textbox{width:100%;padding:0 30px} .homesol .textbox .icon{width:110px;margin:0 auto} .homesol .textbox .titlebox{margin-top:52px} .homesol .textbox .cntitle{color:#fff;font-size:30px;font-weight:bold;text-align:center} .homesol .textbox .entitle{color:rgba(255,255,255,0.5);font-size:18px;text-align:center;font-family:'century';margin-top:8px} .homesol .textbox .morebox{display:none} .homesol .textbox .more{width:164px;height:50px;display:block;border:2px solid #3eb140;margin:72px auto 0;border-radius:50px;line-height:46px;color:#3eb140;padding-left:30px;background-image:url(../img/homemore.png);background-repeat:no-repeat;background-position:right 30px center} .homesollist.cur .homesolbg{opacity:1} .homesollist:hover .textbox .icon{animation:homesol 0.6s linear 0s forwards normal;-webkit-animation:homesol 0.6s linear 0s forwards normal;-moz-animationhomesol 0.6s linear 0s forwards normal} @keyframes homesol{ 0% {transform:scale3d(0,0,0)} 100% {transform:scale3d(1,1,1)} } @-moz-keyframes homesol{ 0% {-moz-transform:scale3d(0,0,0)} 100% {-moz-transform:scale3d(1,1,1)} } @-webkit-keyframes homesol{ 0% {-webkit-transform:scale3d(0,0,0)} 100% {-webkit-transform:scale3d(1,1,1)} } .homenews{padding:120px 0} .homenews .pagetitlebox .cntitle, .homenews .pagetitlebox .entitle{text-align:center} .homenewsbox{margin-top:56px} .homenewsleft{width:700px;position:relative} .homenewsleft a{display:block} .homenewsleft .textbox{width:100%;padding:0 40px;position:absolute;left:0;bottom:24px} .homenewsleft .title{color:#fff;font-size:24px;height:32px;line-height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .homenewsleft:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .homenewsright{width:calc(100% - 735px);margin-left:35px} .homenewslist{display:block;margin-bottom:42px} .homenewslist:nth-last-of-type(1){margin-bottom:0} .homenewslist .img{width:240px} .homenewslist .img img{width:100%;height:148px;object-fit:cover} .homenewslist .textbox{width:calc(100% - 270px);margin-left:30px;padding-top:5px} .homenewslist .wapdate{display:none;color:#999;font-size:12px;height:16px;font-family:'calibri';line-height:16px;padding-left:22px;background-image:url(../img/homenewstime.png);background-repeat:no-repeat;background-position:left center;background-size:16px auto} .homenewslist .title{color:#000;font-size:18px;height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .homenewslist .text{color:#666;height:21px;line-height:21px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .homenewslist .bot{margin-top:35px;padding-top:18px;border-top:1px solid #f3f3f3} .homenewslist .icon{width:36px;height:28px;background-image:url(../img/homenewsmore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .homenewslist .moretext{color:#666;line-height:28px;margin-left:10px} .homenewslist .date{color:#999;line-height:28px;font-family:Arial} .homenewslist:hover .title{color:#3eb140} .homenewslist:hover .icon{background-image:url(../img/homenewsmore_cur.png)} .homenewslist:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .homelogo{padding:40px 0;background-color:#f1f1f1;position:relative} .homelogo .box {position: relative;} .homelogo .swiper-slide img {height: 85px;object-fit: contain;margin: 0 auto;} .homelogo .swiper-slide:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)} .homelogo .swiper-button-next, .homelogo .swiper-button-prev{width:40px;height:40px;margin-top:-20px;opacity:1;background-size:100% 100%;display: none;} .homelogo .swiper-button-next{background-image:url(../img/about2right_cur.png);right:-50px} .homelogo .swiper-button-prev{background-image:url(../img/about2left_cur.png);left:-50px} @media (min-width:1024px){ .homebusinbot .swiper-slide.cur .img img{opacity:1} .homebusinbot .swiper-slide.cur .showbox{opacity:0} .homebusinbot .swiper-slide.cur .hidebox{right:0;opacity:1} } @media (max-width:1800px){ } @media (max-width:1620px){ .indexban .textbox, .homeaboutbot{margin-left:-39vw} .indexban .textbox1{margin-top:-80px} .indexban .textbox2{margin-top:-53px} .indexban .textbox1 .title, .indexban .textbox2 .title{font-size:40px;line-height:50px} .indexban .textbox1 .text{font-size:22px} .indexban .textbox2 .text{font-size:40px;line-height:50px} .homeaboutbox .numbox{padding:110px 10.8vw 400px 102px} .homeaboutbox .textbox{padding:110px 17.895vw 400px 10.8vw} .homenewsleft{width:620px} .homenewsright{width:calc(100% - 655px)} .homenewslist{margin-bottom:32px} .homenewslist .img{width:200px} .homenewslist .img img{height:134px} .homenewslist .textbox{width:calc(100% - 230px)} } @media (max-width:1440px){ .indexban .textbox, .homeaboutbot{margin-left:-41vw} .indexban .textbox1{margin-top:-70px} .indexban .textbox2{margin-top:-45px} .indexban .textbox1 .title, .indexban .textbox2 .title{font-size:32px;line-height:42px} .indexban .textbox1 .text{font-size:20px} .indexban .textbox2 .text{font-size:32px;line-height:42px} .homeaboutbox .numbox{padding:70px 8.8vw 300px 82px;height:806px} .homeaboutbox .textbox{padding:70px 12.895vw 300px 8.8vw;height:806px} .homeaboutbox .textbox .year{font-size:58px} .homeaboutbox .textbox .title1{font-size:20px} .homeaboutbox .textbox .title2{font-size:28px} .homeaboutbox .textbox .text{margin:18px 0 45px} .homeaboutbox .numlist .numUp{font-size:50px} .homeaboutbox .numlist .unit{margin-top:30px} .homeaboutbox .numlist{margin-bottom:62px} .homeaboutbot .textbox .cntitle{font-size:28px} .homeaboutbot .textbox{padding:0 3.2vw;top:2.8vw} .homeaboutbot .textbox .entitle{margin:8px 0 30px} .homepro, .homenews{padding:80px 0} .homeprolist .title{font-size:20px} .homesol .textbox{padding:0 20px} .homesol .textbox .icon{width:80px;height:70px} .homesol .textbox .cntitle{font-size:24px} .homesol .textbox .entitle{font-size:16px} .homesol .textbox .titlebox{margin-top:35px} .homesol .textbox .more{width:144px;margin:50px auto 0} .homenewsleft{width:560px} .homenewsright{width:calc(100% - 595px)} .homenewslist{margin-bottom:22px} .homenewslist .img{width:180px} .homenewslist .img img{height:126px} .homenewslist .textbox{width:calc(100% - 200px);margin-left:20px} .homenewslist .bot{margin-top:20px;padding-top:12px} .homelogo .swiper-slide img {height: 70px;} } @media (max-width:1280px){ .indexban .textbox, .homeaboutbot{margin-left:-45vw} .homeaboutbox .numbox{padding:50px 6.8vw 300px 62px;height:706px} .homeaboutbox .textbox{padding:50px 8.895vw 300px 6.8vw;height:706px} .homeaboutbox .textbox .year{font-size:50px} .homeaboutbox .textbox .title1{font-size:18px} .homeaboutbox .textbox .title2{font-size:24px} .homeaboutbox .textbox .text{margin:12px 0 35px} .homeaboutbox .numlist .numUp{font-size:42px} .homeaboutbox .numlist .unit{margin-top:25px} .homeaboutbox .numlist{margin-bottom:54px} } @media (max-width:1160px){ .homenewsleft{width:480px} .homenewsright{width:calc(100% - 505px);margin-left:20px} .homenewslist{margin-bottom:10px} .homenewslist .img{width:160px} .homenewslist .img img{height:114px} .homenewslist .textbox{width:calc(100% - 175px);margin-left:15px} .homenewslist .bot{margin-top:15px;padding-top:8px} } @media (max-width:1024px){ .pcbanner{display:none} .m-bann{display:block} .indexban .textbox{left:0;margin-left:0;padding:0 15px} .indexban .textbox1 .title, .indexban .textbox2 .title{font-size:20px;line-height:28px;margin-top:0} .indexban .textbox2 .text{font-size:16px;line-height:22px} .indexban .textbox{top:45%} .indexban .textbox.cur{top:30%} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;display:inline-block} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg{display:none} .indexban .swiper-container-horizontal>.swiper-pagination-bullets{width:100%;bottom:20px;right:auto;left:0;margin-bottom:0} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#0071b0} .homeaboutbox .textbox{width:100%;padding:45px 15px;height:auto;background-image:none} .homeaboutbox .textbox .year{font-size:34px} .homeaboutbox .textbox .title1{display:none} .homeaboutbox .textbox .title2{font-size:18px;margin-top:5px} .homeaboutbox .textbox .text{margin:10px 0 35px;line-height:1.8;height:74px} .homeaboutbox .more{width:130px;height:36px;line-height:32px;padding-left:15px;background-position:right 15px center;border:1px solid #3eb140} .homeaboutbox .numbox{width:100%;height:auto;padding:45px 0;background-image:url(../img/homeaboutbg2wap.jpg)} .homeaboutbox .numlist{width:33.3333%;float:left;padding-left:15px;margin-bottom:0;border-right:1px solid rgba(255,255,255,0.2)} .homeaboutbox .numlist .numUp{font-size:32px} .homeaboutbox .numlist .unit{font-size:12px;margin-top:16px;margin-left:5px} .homeaboutbox .numlist .text{font-size:12px} .homeaboutbot{position:relative;left:0;margin-left:0;padding:0} .homeaboutbot .wapimg{display:block} .homeaboutbot .wapimg img{width:100%} .homeaboutbot .img{display:none} .homeaboutbot .textbox{top:30px;padding:0 15px} .homeaboutbot .textbox .cntitle{font-size:20px;color:#fff} .homeaboutbot .textbox .entitle{color:#fff;margin:3px 0 25px} .homeaboutbot .textbox .line{width:18px;height:2px} .homepro{padding:45px 0} .homeprolist{width:100%;margin-bottom:15px;margin-right:0} .homeprolist:nth-last-of-type(1){margin-bottom:0} .homeprolist .title{font-size:16px} .homeprobox{margin-top:25px} .homeprolist .textbox{bottom:20px;padding:0 20px} .homeprolist .line{width:20px;margin-top:8px} .homeprolist .text{display:block;margin:10px 0 0;font-size:13px;height:20px;line-height:20px} .homeprolist .img img{width:100%} .homesol .pagetitlebox{display:block} .homesol .pagetitlebox .cntitle, .homesol .pagetitlebox .entitle{text-align:center} .homesol .swiper-container{margin-top:30px} .homesol .textbox .icon{width:60px;height:50px} .homesol .textbox .cntitle{font-size:18px} .homesol .textbox .titlebox{margin-top:25px} .homesol .textbox .entitle{font-size:14px} .homesol .swiper-pagination-bullet{background-color:#fff;opacity:0.8} .homesol .swiper-pagination-bullet-active{opacity:1;background-color:#0071b0} .homesol{padding:0 15px} .homenews{padding:45px 0} .homenewsbox{margin-top:25px} .homenewsleft{width:100%} .homenewsleft .textbox{padding:0 15px;bottom:15px} .homenewsleft .title{font-size:16px;height:24px;line-height:24px} .homenewsright{width:100%;margin-left:0;margin-top:20px;border-top:1px solid #e9e9e9} .homenewslist{padding:20px 0;border-bottom:1px solid #e9e9e9;margin-bottom:0} .homenewslist .textbox{width:calc(100% - 160px);float:left;margin-left:0;margin-right:20px} .homenewslist .wapdate{display:block} .homenewslist .text, .homenewslist .bot{display:none} .homenewslist .img{width:140px} .homenewslist .img img{height:auto} .homenewslist .title{font-size:16px;line-height:24px;height:48px;-webkit-line-clamp:2;margin-top:7px} .homelogo{padding:15px 0} /* .homelogo .box{padding:0 35px} */ /* .homelogo .swiper-button-next, .homelogo .swiper-button-prev{display:block} */ .homelogo .swiper-slide img {height: 42px;} .homelogo .swiper-button-prev,.homelogo .swiper-button-next {width: 24px;height: 24px;margin-top: -12px;} .homelogo .swiper-button-prev {left: -12px;} .homelogo .swiper-button-next {right: -12px;} } @media (max-width:370px){ } .pagetitlebox .cntitle{font-size:36px;font-weight:bold;color:#000;line-height:1} .pagetitlebox .entitle{font-size:24px;color:#666;font-family:Arial;margin-top:12px} .pagetitlebox .line{width:28px;height:2px;background-color:#e3e3e3;margin-top:20px} @media (max-width:1440px){ .pagetitlebox .cntitle, .aboutbox .title1{font-size:28px} .pagetitlebox .entitle{font-size:20px} .pagetitlebox .line{margin-top:10px} } @media (max-width:1024px){ .pagetitlebox .cntitle{font-size:20px} .pagetitlebox .entitle{font-size:14px;margin-top:5px} } @media (max-width:380px){ .pagetitlebox .cntitle{font-size:17px} .pagetitlebox .entitle{font-size:12px;margin-top:3px} } .conc1{padding:100px 0 92px;overflow:hidden} .conc1box{align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center} .conc1box .box{width:calc(100% - 779px)} .conc1box .textbox{width:720px;padding:72px 92px 88px 80px;background-color:#f7f7f7;position:relative;z-index:3} .conc1box .textbox .title{color:#000;font-size:24px;margin:24px 0 10px} .conc1box .textbox .text{color:#666;line-height:2.143} .conc1box .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .conc2 .bigtitle{color:#000;font-size:36px;text-align:center;font-weight:bold;font-family:"Source Han Sans CN"} .conc2box{margin-top:42px} .conc2list{width:31.25%;margin-right:3.125%;position:relative;cursor:pointer} .conc2list:nth-of-type(3n){margin-right:0} .conc2list .textbox{width:100%;padding:0 38px;position:absolute;bottom:30px;left:0} .conc2list .textbox .title{color:#fff;font-size:30px} .conc2list .textbox .line{width:43px;height:2px;background-color:#fff;margin-top:12px} .conc2list .textbox .text{color:#fff;line-height:1.714;display:none;margin-top:22px} .conc2list:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .conc3{padding:110px 0 120px;overflow:hidden} .conc3 .textbox{width:calc(100% - 779px);padding-left:5.468vw;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center} .conc3 .text{color:#666;line-height:2.143;margin-top:40px} .recruit{padding:100px 0 120px} .recruittop{padding-left:100px;height:88px;background-color:#092737} .recruittop .list{width:25%;height:88px;line-height:88px;color:#fff;font-size:18px} .recruititem{margin-top:1px} .recruititemtop{padding-left:100px;height:88px;background-color:#f4f4f4;cursor:pointer} .recruititemtop .list{width:25%;height:88px;line-height:88px;color:#666;font-size:16px} .recruititem.cur .recruititemtop{background-color:#0071b0} .recruititem.cur .recruititemtop .list{color:#fff} .recruititembot{padding:52px 96px 78px;display:none} .recruititembot .list{margin-bottom:26px} .recruititembot .list:nth-last-of-type(1){margin-bottom:0} .recruititembot .list .name{font-size:16px;font-weight:bold} .recruititembot .list .text{color:#999;line-height:1.714;margin-top:18px} .recruititembot .btn{color:#3eb140;font-size:12px;line-height:28px;padding:0 22px;display:inline-block;background-color:#eee;margin-top:32px} .pagemore{width:254px;height:62px;background-color:#f3f3f3;border-radius:5px;margin:68px auto 0;padding-left:115px;line-height:62px;color:#666;background-image:url(../img/recruitmore.png);background-repeat:no-repeat;background-position:left 80px center} .pagemore.cur{cursor:no-drop} @media (max-width:1440px){ .conc1{padding:70px 0 62px} .conc3{padding:75px 0 85px} .conc1box .box{width:calc(100% - 679px)} .conc1 .img{width:679px} .conc1box .textbox .title{font-size:20px} .conc1box .textbox{width:550px;padding:40px 62px 50px 50px} .conc2 .bigtitle{font-size:28px} .conc2list .textbox .title{font-size:24px} .conc3 .img{width:660px} .conc3 .textbox{width:calc(100% - 660px)} .recruit{padding:70px 0 90px} .recruititemtop, .recruittop{padding-left:60px} .pagemore{margin:40px auto 0} } @media (max-width:1024px){ .conc1box .box, .conc1 .img, .conc3 .img{width:100%} .conc1box .textbox{width:100%;padding:30px 20px} .conc1, .conc3{padding:40px 0} .conc1box .textbox .title{font-size:18px;margin:15px 0 6px} .conc1box .textbox .text{line-height:1.8} .conc2 .bigtitle{font-size:20px} .conc2box{margin-top:25px} .conc2list{width:100%;margin-right:0;margin-bottom:20px} .conc2list .img img{width:100%} .conc2list:nth-last-of-type(1){margin-bottom:0} .conc2list .textbox{padding:0 15px;bottom:20px} .conc2list .textbox .title{font-size:18px} .conc2list .textbox .line{width:34px;margin-top:6px} .conc2list .textbox .text{display:block;line-height:1.6;margin-top:15px} .conc3 .textbox{width:100%;padding:25px 0} .conc3 .text{margin-top:15px;line-height:1.8} .recruit{padding:40px 0} .recruititemtop{padding-left:15px;height:auto} .recruittop{padding-left:15px;height:58px} .recruittop .list{height:58px;line-height:58px;font-size:14px} .recruititemtop .list{height:auto;line-height:22px;padding:15px 5px 15px 0;font-size:12px} .recruititembot{padding:25px 15px} .recruititembot .list .text{margin-top:10px;line-height:1.6} .recruititembot .list{margin-bottom:20px} .recruititembot .btn{padding:5px 10px;line-height:22px} .pagemore{width:176px;height:44px;line-height:44px;margin:20px auto 0;padding-left:80px;background-position:left 45px center} } .about1top .img{width:50%} .about1top .img img{width:100%;height:539px;object-fit:cover} .about1top .img:hover img, .about1bot .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .about1top .textbox{width:50%;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;padding:0 5.833vw 0 12.3vw} .about1top .textbox .text { color: #666; line-height: 1.857; margin-top: 28px; text-align: justify } .about1bot .img{width:50%} .about1bot .img img{width:100%;height:450px;object-fit:cover} .about1bot .textbox{width:50%;height:450px;padding:4.479vw 12.3vw 0 5.208vw;background-image:url(../img/about1bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .about1bot .textbox .title{color:#fff;font-size:30px;font-weight:bold} .about1bot .textbox .text{color:#fff;line-height:1.857;margin-top:15px;text-align: justify;} .about2{padding:118px 0} .about2top .btnbox{margin-top:16px} .about2top .swiper-button-prev, .about2top .swiper-button-next{width:52px;height:52px;position:static;margin-top:0;opacity:1;background-size:100% 100%} .about2top .swiper-button-prev{background-image:url(../img/about2left.png);margin-right:20px} .about2top .swiper-button-prev:hover{background-image:url(../img/about2left_cur.png)} .about2top .swiper-button-next{background-image:url(../img/about2right.png)} .about2top .swiper-button-next:hover{background-image:url(../img/about2right_cur.png)} .about2top .swiper-button-next.swiper-button-disabled, .about2top .swiper-button-prev.swiper-button-disabled{cursor:no-drop} .about2slide{margin-top:34px;padding-left:12.3vw;position:relative} .about2slide .box{height:100%} .about2slide .top, .about2slide .bot{width:100%} .about2slide:after{content:"";width:100%;height:1px;background-color:#e8e8e8;position:absolute;top:50%;left:0} .about2slide .top .smallbox, .about2slide .bot .smallbox{width:100%;height:124px;background-color:#f6f6f6;padding:20px 22px 15px 28px;position:relative} .about2slide .top{padding-bottom:30px} .about2slide .top .smallbox:after{content:"";width:1px;height:26px;background-color:#e8e8e8;position:absolute;bottom:-26px;left:45px} .about2slide .top .smallbox:before{content:"";width:11px;height:11px;background-image:url(../img/about2yuan.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;position:absolute;bottom:-36px;left:40px;z-index:2} .about2slide .bot .smallbox:after{content:"";width:1px;height:26px;background-color:#e8e8e8;position:absolute;top:-26px;left:45px} .about2slide .bot .smallbox:before{content:"";width:11px;height:11px;background-image:url(../img/about2yuan.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;position:absolute;top:-35px;left:40px;z-index:2} .about2slide .bot{padding-top:30px} .about2slide .year{color:#0071b0;font-size:24px;font-weight:bold;font-family:Arial} .about2slide .text{color:#666;position:relative;line-height:1.714;margin-top:10px;padding-left:14px;height:48px;overflow-y:auto} .about2slide .text:after{content:"";width:6px;height:6px;border-radius:6px;background-color:#3eb140;position:absolute;top:8px;left:0} .about2slide .swiper-slide{height:auto} .about2slide .swiper-slide:nth-of-type(2n) .top .smallbox{opacity:0} .about2slide .swiper-slide:nth-of-type(1) .bot .smallbox, .about2slide .swiper-slide:nth-of-type(2n + 1) .bot .smallbox{opacity:0} .about2slide .text::-webkit-scrollbar{width:4px} .about2slide .text::-webkit-scrollbar-thumb{background-color:#3eb140} .about2slide .text::-webkit-scrollbar-track{background-color:#f5fff5} .about3{padding:114px 0 120px;background-image:url(../img/about3bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .about3 .pagetitlebox .cntitle,.about3 .pagetitlebox .entitle{text-align:center;color:#fff} .about3box{margin-top:34px;height:420px;background-color:rgba(0,0,0,0.5)} .about3list{width:16.6666%;height:420px;border-right:1px solid rgba(255,255,255,0.1);cursor:pointer;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center} .about3list:nth-last-of-type(1){border-right:none} .about3list .box{padding:0 30px} .about3list .cntitle{color:#fff;font-size:26px;margin:32px 0 6px} .about3list .entitle{color:rgba(255,255,255,0.5);font-family:Arial} .about3list .line{width:27px;height:2px;background-color:#fff;margin:18px 0 32px;display:none} .about3list .text{width:350px;color:#fff;line-height:1.714;display:none} .about4{padding:118px 0} .about4top .btnbox{margin-top:16px} .about4top .swiper-button-prev, .about4top .swiper-button-next{width:52px;height:52px;position:static;margin-top:0;opacity:1;background-size:100% 100%} .about4top .swiper-button-prev{background-image:url(../img/about2left.png);margin-right:20px} .about4top .swiper-button-prev:hover{background-image:url(../img/about2left_cur.png)} .about4top .swiper-button-next{background-image:url(../img/about2right.png)} .about4top .swiper-button-next:hover{background-image:url(../img/about2right_cur.png)} .about4top .swiper-button-next.swiper-button-disabled, .about4top .swiper-button-prev.swiper-button-disabled{cursor:no-drop} .about4slide{margin-top:36px} .about4slide .swiper-slide{height:auto} .about4slide .box{border:1px solid #e9e9e9;padding:48px 20px 25px;height:100%} .about4slide .img{width:100%;height:200px;background-repeat:no-repeat;background-position:center center;background-size:auto 100%} .about4slide .textbox{margin-top:48px;padding-top:24px;border-top:1px solid #e8e8e8} .about4slide .textbox .title{color:#393f4b;text-align:center} .aboutalertbox{background-color:#fff;padding:50px;position:absolute;left:50%;top:50%;z-index:23;opacity:0;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)} .aboutalertbox.cur{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)} .aboutalertbox .close{cursor:pointer} .aboutalertbox .close:hover img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)} .aboutalertbox .con{margin-top:20px} .aboutalertbox .title{font-size:18px;color:#666;margin-top:10px} .about5{position:relative} .about5topleft{width:50%;height:568px;padding:116px 20px 0 12.3vw;background-image:url(../img/about5bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .about5topleft .pagetitlebox .cntitle, .about5topleft .pagetitlebox .entitle{color:#fff} .about5topleft .title{color:#fff;font-size:24px;margin-top:26px} .about5topleft .items{margin-top:18px} .about5topleft .item{margin-bottom:12px} .about5topleft .item .icon{width:26px;margin-right:8px;line-height:22px} .about5topleft .item .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px} .about5topleft .item .text{width:calc(100% - 44px);color:#fff;font-size:16px;line-height:22px} .about5topright{width:50%} .about5topright #map{width:100%;height:568px} .about5topright .mapimg{width:100%;height:100%} .about5bot{position:absolute;bottom:-87px;background-color:#fff;left:50%;margin-left:-37.5vw} .about5bot .boxflex {justify-content: space-between;} .about5bot .list{flex: 1;height:175px;border-right:1px solid #efefef;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center} .about5bot .list:nth-last-of-type(1){border-right:none} .about5bot .list .box{padding:0 2.083vw} .about5bot .list .title{color:#666;font-size:16px} .about5bot .list .line{width:20px;height:2px;background-color:#3eb140;margin:12px 0 26px} .about5bot .list .tel{color:#000;font-size:18px;font-weight:bold;font-family:Arial} .about5box{width:100%;height:72px;background-color:#092737} @media (max-width:1620px){ .about1top .textbox{padding:0 3.833vw 0 10.8vw} .about1bot .textbox{padding:4.479vw 10.8vw 0 4.008vw} .about2slide{padding-left:10.8vw} .about5topleft{padding:116px 20px 0 10.8vw} .about5bot{margin-left:-39vw} } @media (max-width:1440px){ .about1top .textbox{padding:0 3.833vw 0 8.8vw} .about1bot .textbox{padding:4.479vw 8.8vw 0 4.008vw} .about1bot .textbox .title{font-size:24px} .about2, .about4{padding:88px 0} .about2slide .year{font-size:24px} .about2slide .top .smallbox, .about2slide .bot .smallbox{padding:20px 15px 15px 22px} .about2slide .text{height:86px} .about2slide{padding-left:8.8vw} .about3list .box{padding:0 20px} .about3list .cntitle{font-size:20px} .about3{padding:80px 0} .about4slide .box{padding:25px 20px 20px} .about5topleft{padding:76px 20px 0 8.8vw;height:460px} .about5bot{margin-left:-41vw} .about5topright #map{height:460px} .about5bot .list .box{padding:0 1.5vw} .about5topleft .title{font-size:20px} .about5bot .list .title{font-size:15px} .about5bot .list .tel{font-size:16px} } @media (max-width:1280px){ .about1top .textbox{padding:0 2.8vw 0 6.8vw} .about1bot .textbox{padding:4.479vw 6.8vw 0 2.8vw} .about2slide{padding-left:6.8vw} .about5topleft{padding:60px 20px 0 6.8vw} .about5bot{margin-left:-43vw} } @media (max-width:1024px){ .about1top .textbox{width:100%;padding:30px 15px} .about1top .textbox .text{line-height:1.6;margin-top:15px} .about1top .img, .about1bot .img{width:100%} .about1top .img img, .about1bot .img img{width:100%;height:auto} .about1bot .textbox{width:100%;height:auto;padding:30px 15px} .about1bot .textbox .title{font-size:18px} .about2, .about4, .about3{padding:45px 0} .about2slide{padding-left:15px;margin-top:25px;padding-right:15px} .about2top .btnbox{margin-top:0;display:none} .about2top .swiper-button-prev, .about2top .swiper-button-next, .about4top .swiper-button-prev, .about4top .swiper-button-next{width:32px;height:32px} .about2top .swiper-button-prev, .about4top .swiper-button-prev{margin-right:10px} .about2slide .swiper-wrapper{display:block} .about2slide:after{width:1px;height:100%;top:0;left:20px} .about2slide .swiper-slide{padding-left:30px} .about2slide .text{height:auto} .about2slide .top{padding-bottom:25px} .about2slide .top .smallbox:before, .about2slide .bot .smallbox:before{bottom:auto;top:22px;left:-30px} .about2slide .top .smallbox:after, .about2slide .bot .smallbox:after{width:19px;height:1px;top:27px;left:-19px} .about2slide .box{height:auto} .about2slide .bot{display:none;padding-top:0;padding-bottom:25px} .about2slide .swiper-slide:nth-of-type(2n) .bot{display:block} .about2slide .swiper-slide:nth-of-type(2n) .top{display:none} .about2slide .top .smallbox, .about2slide .bot .smallbox{height:auto} .about2slide .year{font-size:20px} .about2slide .text{line-height:1.6} .about4top .btnbox{margin-top:0} .about4slide .box{padding:20px 15px} .about4slide .textbox{margin-top:20px;padding-top:10px} .about4slide{margin-top:25px} .about3box{height:auto} .about3list{width:50%;height:auto;border-bottom:1px solid rgba(255,255,255,0.1)} .about3list:nth-of-type(2n){border-right:none} .about3list .box{width:100%;padding:30px 10px} .about3list .icon{width:28px} .about3list .cntitle{font-size:16px;margin:15px 0 2px} .about3list .entitle{font-size:12px} .about3list .line{width:16px;margin:6px 0 15px;display:block} .about3list .text{width:100%;line-height:1.6;display:block;font-size:12px} .about5topleft{width:100%;height:auto;padding:35px 15px} .about5topleft .title{font-size:18px;margin-top:15px} .about5topleft .item .text{width:calc(100% - 32px);font-size:14px} .about5topleft .items{margin-top:10px} .about5topleft .item{margin-bottom:6px} .about5topleft .item .icon{margin-right:4px} .about5topright{width:100%} .about5topright #map{height:350px} .about5bot{position:static;margin-left:0;padding:0} .about5bot .list{width:50%;height:auto;padding:25px 0;border-bottom:1px solid #efefef} .about5bot .list .box{padding:0 15px} .about5bot .list:nth-of-type(2n){border-right:none} .about5bot .list .line{width:16px;margin:6px 0 15px} .about5box{display:none} } .news{padding:100px 0 120px} .newsright{width:436px;padding-left:69px} .newsright .bigtitle{font-size:24px} .newsrecitems{margin-top:15px} .newsrecitem{margin-bottom:60px;display:block} .newsrecitem:nth-last-of-type(1){margin-bottom:0} .newsrecitem .img img{width:100%} .newsrecitem .title{font-size:16px;line-height:1.625;height:54px;margin-top:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .newsleft{width:calc(100% - 436px);padding-right:69px;border-right:1px solid #e7e7e7} .newsitem{padding:48px 0;border-bottom:1px solid #ececec;display:block} .newsitem .datebox{width:90px;height:90px;border:1px solid #ececec;padding:10px 18px 0;margin-top:5px} .newsitem .datebox .day{font-size:36px;font-weight:bold;font-family:'din';line-height:1;text-align:center} .newsitem .datebox .date{font-weight:bold;font-family:'din';margin-top:6px;padding-top:6px;border-top:1px solid #ececec} .newsitem .textbox{width:calc(100% - 122px);margin-left:30px} .newsitem .textbox .title{font-size:24px;line-height:32px;height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .newsitem .textbox .text{color:#666;line-height:1.714;height:46px;margin-top:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .newsitem .textbox .more {width: 164px;height: 50px;display: block;border: 2px solid #3eb140;border-radius: 50px;line-height: 46px; color: #3eb140;padding-left: 30px;background-image: url(../img/homemore.png); background-repeat: no-repeat;background-position: right 30px center;margin-top: 39px;} .newsitem:nth-of-type(1){padding:0 0 48px} .newsitem:nth-of-type(1) .img {width: 368px;} .newsitem:nth-of-type(1) .textbox{width:calc(100% - 408px);margin-left:40px} .newsitem:nth-of-type(1) .textbox .date{color:#3eb140;font-size:18px;font-weight:bold;border-top:none} .newsitem:nth-of-type(1) .textbox .title{font-size:24px;line-height:36px;height:72px;margin:5px 0 18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .newsitem:nth-of-type(1) .textbox .text{color:#666;line-height:1.714;height:70px;margin-top:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .newsmore{height:62px;background-color:#f3f3f3;text-align:center;cursor:pointer;margin-top:50px} .newsmore .icon{display:inline-block;vertical-align:middle;margin-bottom:3px;height:60px;line-height:60px;margin-right:5px} .newsmore .icon img, .newsmore .text{display:inline-block;vertical-align:middle;margin-bottom:3px} .newsitem:hover{border-width:2px;border-color:#3eb140} .newsitem:hover .textbox .title, .newsrecitem:hover .title{color:#3eb140} .newsitem:hover .img img, .newsrecitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .newsdettop{padding-bottom:29px;border-bottom:1px solid #f0f0f0} .newsdettop .title{font-size:36px;font-weight:bold} .newsdettop .other{margin-top:10px} .newsdettop .otheritem{margin-right:24px} .newsdettop .otheritem:nth-last-of-type(1){margin-right:0} .newsdettop .otheritem .icon{line-height:36px} .newsdettop .otheritem .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px} .newsdettop .otheritem .text{color:#999;margin-left:10px;line-height:36px} .newsdetsharelist{width:36px;height:36px;background-color:#ccc;border-radius:36px;cursror:pointer;margin-right:10px;cursor:pointer} .newsdetsharelist:hover{background-color:#2eaf0c} .newsdetcon{margin:50px 0} .newsdetcon p{color:#666;line-height:1.783} .newsdetbot{padding-top:26px;border-top:1px solid #ebebeb} .newsdetpagers{width:calc(100% - 205px);margin-right:68px} .newsdetpagerlist{margin-bottom:20px} .newsdetpagerlist .name{color:#999;margin-right:12px} .newsdetpagerlist .text{width:calc(100% - 70px);height:21px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .newsdetpagerlist a.text:hover{color:#2eaf0c} .newsdetreturn{width:135px;height:50px;line-height:50px;display:block;border-radius:5px;background-color:#f9f9f9;color:#666;padding-left:53px;background-image:url(../img/returnlist.png);background-repeat:no-repeat;background-position:left 27px center} .newsdetreturn:hover{background-color:#2eaf0c;color:#fff;background-image:url(../img/returnlist_cur.png)} @media (max-width:1440px){ .news{padding:70px 0 90px} .newsitem:nth-of-type(1) .img{width:286px} .newsitem:nth-of-type(1) .textbox{width:calc(100% - 328px)} .newsitem:nth-of-type(1) .textbox .title{margin:5px 0 8px;font-size: 20px;line-height: 30px;height: 60px;} .newsitem:nth-of-type(1) .textbox .date {font-size: 16px;} .newsitem:nth-of-type(1) .textbox .more {width: 120px;height: 40px;padding-left: 20px;line-height: 36px; background-position: right 20px center;margin-top: 12px;} .newsleft{width:calc(100% - 336px)} .newsright{width:336px} .newsdettop .title{font-size:28px} } @media (max-width:1280px){ .newsleft{padding-right:49px} .newsright{padding-left:49px} } @media (max-width:1140px){ .newsleft{padding-right:30px} .newsright{padding-left:30px} } @media (max-width:1024px){ .news{padding:45px 0} .newsleft{width:100%;padding-right:0;border-right:none} .newsitem:nth-of-type(1) .img, .newsitem:nth-of-type(1) .img img{width:100%} .newsitem:nth-of-type(1) .textbox{width:100%;margin-left:0;margin-top:15px} .newsitem:nth-of-type(1) .textbox .date{font-size:16px} .newsitem:nth-of-type(1) .textbox .title{font-size:18px;line-height:26px;height:52px;margin:3px 0 12px} .newsitem:nth-of-type(1) .textbox .more {display: none;} .newsitem:nth-of-type(1){padding:0 0 25px} .newsitem{padding:25px 0} .newsitem .datebox{width:70px;height:70px;padding:10px 10px 0} .newsitem .datebox .day{font-size:24px} .newsitem .datebox .date{font-size:12px;text-align:center} .newsitem .textbox{width:calc(100% - 86px);margin-left:15px} .newsitem .textbox .title{font-size:18px;line-height:26px;height:26px} .newsitem .textbox .text{line-height:1.6;margin-top:7px;height:43px} .newsmore{height:44px;margin-top:30px} .newsmore .icon{height:44px;line-height:44px} .newsright{width:100%;padding-left:0;margin-top:30px} .newsright .bigtitle{font-size:18px} .newsrecitem{margin-bottom:20px} .newsrecitem .title{font-size:14px;line-height:1.6;height:44px;margin-top:8px} .newsdettop .title{font-size:20px} .newsdettop .otheritem .text, .newsdettop .otheritem .icon{line-height:22px} .newsdetsharelist{width:28px;height:28px} .newsdettop{padding-bottom:15px} .newsdetcon{margin:30px 0} .newsdetcon p{line-height:1.6} .newsdetreturn{width:100px;height:40px;line-height:40px;padding-left:32px;background-position:left 10px center} .newsdetpagers{width:calc(100% - 115px);margin-right:15px} .newsdetpagerlist{margin-bottom:6px} .newsdetpagerlist .text{width:calc(100% - 60px)} .newsdetpagerlist .name{margin-right:3px} } .product{padding:105px 0 120px} .producttop{position:relative;z-index:3} .prosel{width:220px;position:relative;z-index:3} .proseltop{width:220px;height:58px;border:1px solid #dcdcdc;border-radius:3px;padding:0 14px;cursor:pointer} .proseltop .name{color:#999;width:calc(100% - 25px);line-height:56px;margin-right:10px;height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .proseltop .icon{height:56px;line-height:56px} .proseltop .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px} .proselitems{width:100%;max-height:140px;overflow-y:auto;background-color:#fff;box-shadow:0px 8px 18px 0px rgba(0,0,0,0.04);position:absolute;top:78px;left:0;border:1px solid #dcdcdc;border-top:none;z-index:-1;opacity:0;visibility:hidden} .proselitems::-webkit-scrollbar{width:4px} .proselitems::-webkit-scrollbar-thumb{background-color:#42a36d;border-radius:4px} .proselitems::-webkit-scrollbar-track{background-color:#effffe} .proselitem{line-height:24px;color:#666;padding:8px 14px;cursor:pointer} .proselitem:hover{background-color:#3eb140;color:#fff} .prosel.cur .proselitems{top:54px;z-index:9;opacity:1;visibility:visible} .proitems{margin-top:50px} .proitem{width:23%;margin-right:2.66%;margin-bottom:50px;display:block} .proitem:nth-of-type(4n){margin-right:0} .proitem .img{background-color:#f3f3f3} .proitem .textbox{margin-top:20px} .proitem .title{color:#000;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} .proitem .text{color:#666;margin-top:5px;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .proitem:hover .img{background-color:#fff;box-shadow:0px 0px 11px 0px rgba(0,0,0,0.11)} .proitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .proitem:hover .title{color:#0071b0} .promore{width:31.25%;height:62px;background-color:#f3f3f3;text-align:center;margin:18px auto 0;border-radius:5px;cursor:pointer} .promore .icon{height:62px;line-height:62px;display:inline-block;vertical-align:middle;margin-bottom:3px;margin-right:5px} .promore .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px} .promore .text{color:#666;line-height:62px;display:inline-block;vertical-align:middle;margin-bottom:3px} .prodettop{padding:102px 0 100px;background-image:url(../img/prodetbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .prodettopbox .img{width:32%;background-color:#fff;border:1px solid #ecedf0;box-shadow:0px 0px 16px 0px rgba(0,0,0,0.16)} .prodettopbox .img img{width:100%} .prodettopbox .rightbox{width:68%;padding-left:74px} .prodettopbox .titlebox{width:calc(100% - 184px);margin-right:20px} .prodettopbox .cntitle{color:#000;font-size:30px;font-weight:bold} .prodettopbox .entitle{color:#666;font-size:24px;font-family:Arial} .prodettopbox .returnlist{width:162px;height:50px;display:block;border:2px solid #98d39b;border-radius:50px;line-height:46px;padding-left:60px;color:#3eb140;background-image:url(../img/proreturn.png);background-repeat:no-repeat;background-position:left 35px center;margin-top:10px} .prodettopbox .returnlist:hover{background-color:#3eb140;border-color:#3eb140;color:#fff;background-image:url(../img/returnlist_cur.png)} .prodettopbox .items{margin-top:30px} .prodettopbox .item:nth-last-of-type(1){margin-bottom:0} .prodettopbox .item{padding-bottom:20px;border-bottom:1px dashed #b7bbc3;margin-bottom:20px} .prodettopbox .item .name{color:#999;font-size:16px} .prodettopbox .item .text{font-size:16px;margin-top:10px} .prodetbot{padding:96px 0 62px} .prodetbot .pagetitlebox .cntitle, .prodetbot .pagetitlebox .entitle{text-align:center} .prodetbotslide .swiper-container{overflow:inherit} .solut{padding:110px 0 70px} .solutlist{width:31.25%;margin-right:3.125%;margin-bottom:60px;display:block;position: relative;} .solutlist:nth-of-type(3n){margin-right:0} .solutlist .img {position: relative;} .solutlist .img:before {content:"";display: block;position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;display: flex;align-items: center;background: url(../img/homesolbg.png) no-repeat;opacity: 0;transition: opacity 0.3s ease;} .solutlist .more{position: absolute;left: 50%;top: 50%;z-index: 10;width:164px;height:50px;display:block;border:2px solid #fff;border-radius:50px;line-height:46px;color:#fff;padding-left:30px;background-image:url(../img/homemore_cur.png);background-repeat:no-repeat;background-position:right 30px center;text-align: left;transition: transform 0.3s ease;transform: translate(-50%,-50%);visibility: hidden;opacity: 0;} .solutlist:hover .more {visibility: visible;opacity: 1;} .solutlist:hover .img:before {opacity: 1;} .solutlist .textbox{margin-top:26px;position:relative;overflow:hidden} .solutlist .title{color:#000;font-size:24px;line-height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-align: justify;} /*.solutlist .more{color:#3eb140;padding-right:22px;background-image:url(../img/solmore.png);background-repeat:no-repeat;background-position:right center;position:absolute;bottom:3px;right:-100%}*/ .solutlist:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} /*.solutlist:hover .title{color:#0071b0}*/ /*.solutlist:hover .more{right:0}*/ .solutdet{padding:110px 0 120px} .solutdet .box{padding:0 8.854vw} .solutdet .content{margin-top:35px} .solutdet .content h3{color:#000;font-size:24px;line-height:40px;text-align:center} .solutdet .content p{color:#666;line-height:1.8;text-align:center} .solutdet .pagetitlebox .cntitle, .solutdet .pagetitlebox .entitle{text-align:center} @media (max-width: 1620px) { .prodettopbox .img {width: 35%;} .prodettopbox .rightbox {width: 65%;} .prodettopbox .item {padding-bottom: 16px;margin-bottom: 16px;} } @media (max-width:1440px){ .product{padding:75px 0 90px} .prodetbot{padding:66px 0 32px} .prodettop{padding:72px 0 70px} .prodettopbox .item{padding-bottom:15px;margin-bottom:25px} .prodettopbox .rightbox{padding-left:54px} .solut{padding:80px 0 50px} .solutdet{padding:80px 0 90px} .solutdet .box{padding:0 5.8vw} .prodettopbox .item .text{margin-top:6px} } @media (max-width:1024px){ .product{padding:45px 0} .prosel{width:142px} .proseltop{width:142px;height:44px;padding:0 10px} .proseltop .name, .proseltop .icon{line-height:42px;height:42px} .prosel .proselitems{top:60px} .prosel.cur .proselitems{top:43px} .proitems{margin-top:30px} .proitem, .solutlist{width:100%;margin-right:0;margin-bottom:20px} .proitem .img{text-align:center} .proitem .img img{display:inline-block} .proitem .textbox{margin-top:8px} .promore{width:58%;height:44px} .promore .icon, .promore .text{height:44px;line-height:44px} .prodetbot, .solut{padding:45px 0 20px} .prodettop, .solutdet{padding:45px 0} .prodettopbox .img{width:100%} .prodettopbox .rightbox{width:100%;padding-left:0;padding-top: 20px;} .prodettopbox .returnlist{width:102px;padding-left:30px;background-position:left 10px center;height:40px;line-height:36px} .prodettopbox .titlebox{width:calc(100% - 120px);margin-right:15px} .prodettopbox .cntitle{font-size:18px} .prodettopbox .entitle{font-size:16px} .prodettopbox .returnlist{margin-top:0} .prodettopbox .items{margin-top:20px} .prodettopbox .item{padding-bottom:10px;margin-bottom:15px} .prodettopbox .item .name, .prodettopbox .item .text{font-size:14px} .prodettopbox .item .text{margin-top:3px} .proitem .title{font-size:16px;height:22px;line-height:22px} .prodetbotslide .swiper-container{overflow:hidden} .prodetbotslide .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0px} .solutlist .img img{width:100%} .solutlist .textbox{margin-top:10px} .solutlist .title{font-size:16px;height:22px;line-height:24px} .solutlist .more{right:0;width: 130px;height: 42px;line-height: 42px;padding-left: 20px;background-position: right 20px center;} .solutdet .box{padding:0} .solutdet .content h3{font-size:18px;line-height:30px} .solutdet .content p{line-height:1.6} } @media (max-width:1440px){ } @media (max-width:1024px){ }