.indexban{position:relative} .m-bann{display:none} .indexban .textbox{position:absolute;top:30%;left:50%;margin-left:-40vw;opacity:0} .indexban .textbox.cur{top:20%;opacity:1} .indexban .textbox .title1{color:#fff;font-size:40px;font-weight:bold;line-height:48px} .indexban .textbox .title2{color:#fff;font-size:40px;margin-top:18px;line-height:48px} .indexban .textbox .title3{font-size:40px;font-weight:bold;line-height:48px;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(left,#1d528e 0%,#369479 15%);background-image:-o-linear-gradient(left,#1d528e 0%,#369479 15%);background-image:-moz-linear-gradient(left,#1d528e 0%,#369479 15%)} .indexban .textbox .title4{font-size:40px;line-height:48px;margin-top:20px;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(left,#1d528e 0%,#9cc819 30%);background-image:-o-linear-gradient(left,#1d528e 0%,#9cc819 30%);background-image:-moz-linear-gradient(left,#1d528e 0%,#9cc819 30%)} .indexban .textbox .text{margin-top:26px;color:#888;line-height:1.8} .indexban .textbox .more{width:146px;height:46px;line-height:46px;font-size:16px;background-color:#a0c617;color:#fff;display:block;text-align:center;margin-top:40px} .indexban .textbox .more:hover{transform:translateY(-5px);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);box-shadow:0px 3px 18px rgba(0,0,0,0.04)} .indexban .swiper-container-horizontal>.swiper-pagination-bullets{width:38px;bottom:50%;margin-bottom:-111px;left:auto;right:30px} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;background-color:rgba(255,255,255,0.8);opacity:1;margin:38px 0;display:block;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:38px;height:38px;position:absolute;top:50%;margin-top:-19px;left:50%;margin-left:-19px} .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.2);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} } .hometitlebox .entitle{color:#282c30;font-size:48px;line-height:1;font-family:'montbold'} .hometitlebox .cntitle{color:#282c30;font-size:36px;margin-top:0} .hometitlebox .entitle[center], .hometitlebox .cntitle[center]{text-align:center} .hometitlebox .line{width:24px;height:3px;background-color:#9ac51a;margin:24px auto 0} .homeaboutleft{width:50%;height:644px;padding-left:9.8vw;padding-top:48px} .homeaboutleft .text{color:#888;font-size:16px;line-height:1.875;margin:24px 0 44px;padding-right:9.583vw;height:126px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4} .homeaboutleft .morebox{width:146px;height:46px;border:1px solid #adadad;position:relative;overflow:hidden} .homeaboutleft .morebox:after{content:"";width:100%;height:100%;position:absolute;left:-100%;top:0;background-image:url(../img/casemorebg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .homeaboutleft .more{width:144px;height:44px;color:#888;display:block;text-align:center;line-height:44px;position:relative;z-index:3} .homeaboutleft .morebox:hover{border:none} .homeaboutleft .morebox:hover:after{left:0} .homeaboutleft .morebox:hover .more{color:#fff} .homeaboutleft .bot{margin-top:71px} .homeaboutleft .bot .list{width:33.3333%;height:190px;padding:40px 10px 0;background-color:#f9f9f9;display:block} .homeaboutleft .bot .list:nth-of-type(1) .icon{background-image:url(../img/homeabouticon1.png)} .homeaboutleft .bot .list:nth-of-type(1):hover .icon{background-image:url(../img/homeabouticon1_cur.png)} .homeaboutleft .bot .list:nth-of-type(2) .icon{background-image:url(../img/homeabouticon2.png)} .homeaboutleft .bot .list:nth-of-type(2):hover .icon{background-image:url(../img/homeabouticon2_cur.png)} .homeaboutleft .bot .list:nth-of-type(3) .icon{background-image:url(../img/homeabouticon3.png)} .homeaboutleft .bot .list:nth-of-type(3):hover .icon{background-image:url(../img/homeabouticon3_cur.png)} .homeaboutleft .bot .list .icon{width:48px;height:48px;margin:0 auto;background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .homeaboutleft .bot .list .cntitle{color:#999;font-weight:bold;font-size:18px;text-align:center;margin:10px 0 3px} .homeaboutleft .bot .list .entitle{color:#999;font-family:Arial;text-align:center} .homeaboutleft .bot .list:hover{background-color:#42a36d} .homeaboutleft .bot .list:hover .cntitle, .homeaboutleft .bot .list:hover .entitle{color:#fff} .homeaboutvideobox{width:50%;position:relative} .homeaboutvideobox .img img{width:100%;height:644px;object-fit:cover} .homeaboutvideobox video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0;visibility:hidden} .homeaboutvideobox .play{width:72px;height:72px;position:absolute;top:25%;left:50%;margin-left:-36px;text-align:center;line-height:72px;cursor:pointer} .homeaboutvideobox .play img{display:inline-block;vertical-align:middle;margin-bottom:3px} .homeaboutvideobox .play:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-image:url(../img/homeaboutyuan.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;animation:xuanzhuan 2s linear 0s infinite normal;-webkit-animation:xuanzhuan 2s linear 0s infinite normal;-moz-animation:xuanzhuan 2s linear 0s infinite normal} @keyframes xuanzhuan{ from {transform:rotate(0deg)} to {transform:rotate(360deg)} } @-moz-keyframes xuanzhuan{ from {-moz-transform:rotate(0deg)} to {-moz-transform:rotate(360deg)} } @-webkit-keyframes xuanzhuan{ from {-webkit-transform:rotate(0deg)} to {-webkit-transform:rotate(360deg)} } .homeaboutvideobox .textbox{width:77%;height:9.895vw;padding:2.604vw 3.541vw 0 3.541vw;position:absolute;left:0;bottom:0;background-image:url(../img/homeaboutbg.png);background-repeat:no-repeat;background-position:center center;background-size:cover} .homeaboutvideobox .textbox .title{color:#fff;font-size:24px;font-weight:bold} .homeaboutvideobox .textbox .text{color:#fff;font-size:16px;margin-top:18px} .homebusin{margin-top:86px} .homebusin .swiper-container{overflow:inherit} .homebusinbot .swiper-slide:nth-last-of-type(1){display:none} .homebusinbot{margin-top:54px} .homebusinbot .swiper-slide{width:calc((100% - 768px) / 3);height:648px;overflow:hidden;background-color:#fff;cursor:pointer;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.07);position:relative} .homebusinbot .img img{width:768px;max-width:none;opacity:0} .homebusinbot .swiper-slide .showbox{width:100%;height:100%;padding:92px 52px 0 50px;position:absolute;top:0;left:0;background-color:#fff} .homebusinbot .swiper-slide .showbox .textbox{margin:54px 0 28px} .homebusinbot .swiper-slide .showbox .textbox .title{color:#1d538f;font-size:30px;font-weight:bold;line-height:1.6} .homebusinbot .swiper-slide .showbox .textbox .text{color:#999;margin-top:32px;height:78px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4} .homebusinbot .swiper-slide .showbox .more{width:50px;height:50px;display:block;color:#fff;background-color:#9ac51a;text-align:center;line-height:50px;position:absolute;left:50px;bottom:88px;font-size:18px;font-weight:bold} .homebusinbot .swiper-slide .hidebox{width:384px;height:417px;position:absolute;top:50%;margin-top:-208px;right:-100%;padding:56px 24px 0 32px;opacity:0;background-image:url(../img/homebusinbg.png);background-repeat:no-repeat;background-position:center center;background-size:cover} .homebusinbot .swiper-slide .hidebox .title{color:#fff;font-size:30px;font-weight:bold} .homebusinbot .swiper-slide .hidebox .text{color:#fff;margin-top:32px;height:78px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4} .homebusinbot .swiper-slide .hidebox .more{width:142px;height:50px;margin-top:76px;text-align:center;line-height:48px;display:block;border:1px solid #fff;color:#fff;font-weight:bold} .homebusinbot .swiper-slide .hidebox .more:hover{background-color:#fff;color:#9ac51a} .homebusinbot .wapimg{display:none} .homebusinbot .swiper-slide:not(.swiper-slide-active) .showbox .icon{background-image:none !important} .homecase{padding:100px 0 80px;background-image:url(../img/homecasebg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .homecase .left{width:calc(100% - 630px);position:relative;padding-bottom:40px} .homecase .left .map{margin-top:-80px;padding-left:88px} .homecase .left .bot{position:absolute;bottom:0;left:0} .homecase .left .bot .title{color:#0a3989;font-size:18px;font-weight:bold} .homecase .left .bot .items{margin-top:22px} .homecase .left .bot .item{margin-bottom:14px} .homecase .left .bot .item:nth-last-of-type(1){margin-bottom:0} .homecase .left .bot .item .name{color:#5a6e75;line-height:28px} .homecase .left .wapname{display:none} .homecase .left .bot .item .righttext{margin-left:10px} .homecase .left .bot .item .numUp{color:#0a3989;font-size:24px;font-family:'montbold'} .homecase .left .bot .item .add{line-height:1;font-weight:bold;font-size:18px;color:#0a3989} .homecase .left .bot .item .unit{color:#0a3989;margin-left:6px;line-height:28px} .homecase .hometitlebox .line{margin:24px 0 0} .homecaseslide{width:630px;padding:0 75px;margin-top:30px;position:relative} .homecaseslide .caseitem{width:100%;margin-right:0} .homecaseslide .caseitem .img img{width:100%} .homecaseslide .swiper-button-next, .homecaseslide .swiper-button-prev{width:61px;height:61px;margin-top:-100px;opacity:1;background-size:100% 100%} .homecaseslide .swiper-button-next{background-image:url(../img/homecaseright.png);right:0} .homecaseslide .swiper-button-next:hover{background-image:url(../img/homecaseright_cur.png)} .homecaseslide .swiper-button-prev{background-image:url(../img/homecaseleft.png);left:0} .homecaseslide .swiper-button-prev:hover{background-image:url(../img/homecaseleft_cur.png)} .homenews{padding:60px 0 68px;background-image:url(../img/homenewbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .homenewsbox{margin:50px 0 48px} .homenewsbox .img{width:768px} .homenewsbox .imglist{display:none} .homenewsbox .imglist.cur{display:block} .homenewsbox .items{width:calc(100% - 768px)} .homenewsbox .item{display:block;height:160px;position:relative;background-color:#fff;overflow:hidden} .homenewsbox .item:before{content:"";width:0;height:100%;background-color:#0c418d;position:absolute;left:0;top:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .homenewsbox .item .textbox{width:100%;padding:38px 32px 0 40px} .homenewsbox .item .title{color:#969696;font-size:20px;line-height:34px;max-height:68px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .homenewsbox .item .date{color:#969696;font-family:'gothbold';margin-top:16px;font-size:16px} .homenewsbox .item .see{width:144px;height:160px;;position:absolute;right:-100%;top:0} .homenewsbox .item:hover{box-shadow:0px 0px 43px 0px rgba(0, 0, 0, 0.14);z-index:4} .homenewsbox .item:hover .title{color:#0a3989} .homenewsbox .item:hover .date{color:#9ac51a} .homenewsbox .item:hover .see{right:0} .homenewsbox .item:hover .textbox{width:calc(100% - 144px)} .homenews .more{width:150px;height:50px;display:block;text-align:center;line-height:48px;border:1px solid #0c418d;margin:0 auto;color:#0c418d;font-weight:bold;font-family:Arial;line-height:48px} .homenews .more:hover{background-color:#0c418d;color:#fff} @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{margin-left:-42vw} .indexban .textbox .title1, .indexban .textbox .title2, .indexban .textbox .title3, .indexban .textbox .title4{font-size:34px;line-height:42px} .homeaboutleft{padding-left:7.8vw} .hometitlebox .entitle{font-size:42px} .hometitlebox .cntitle{font-size:30px} .homebusinbot .swiper-slide .showbox .textbox .title, .homebusinbot .swiper-slide .hidebox .title{font-size:26px} .homeaboutleft .bot{margin-top:84px} } @media (max-width:1440px){ .indexban .textbox{margin-left:-44vw} .indexban .textbox .title1, .indexban .textbox .title2, .indexban .textbox .title3, .indexban .textbox .title4{font-size:28px;line-height:36px} .indexban .textbox .title2{margin-top:10px} .indexban .textbox .title4{margin-top:12px} .indexban .textbox .text{margin-top:14px;max-width:48%} .indexban .textbox .more{margin-top:30px} .homeaboutleft{padding-left:5.8vw;height:520px} .hometitlebox .entitle{font-size:34px} .hometitlebox .cntitle{font-size:24px} .homeaboutvideobox .img img{height:520px} .homeaboutleft .text{padding-right:5.583vw;height:90px;margin:12px 0 25px;-webkit-line-clamp:3} .homeaboutleft .bot{margin-top:44px} .homebusinbot .swiper-slide{width:calc((100% - 638px) / 3);height:540px} .homebusinbot .img img{width:638px;height:540px} .homebusinbot .swiper-slide .showbox{padding:60px 37px 0 35px} .homebusinbot .swiper-slide .showbox .icon{width:36px;height:36px} .homebusinbot .swiper-slide .showbox .textbox .title, .homebusinbot .swiper-slide .hidebox .title{font-size:22px} .homebusinbot .swiper-slide .showbox .more{width:40px;height:40px;line-height:40px} .homebusinbot .swiper-slide .hidebox{width:314px;height:347px;margin-top:-173px} .homebusinbot .swiper-slide .hidebox .more{margin-top:50px} .homecaseslide{width:530px} .homecase .left{width:calc(100% - 530px)} .homecase .left .map{padding-left:60px} .homenewsbox .img{width:668px} .homenewsbox .items{width:calc(100% - 668px)} .homenewsbox .item{height:139px} .homenewsbox .item .see{width:124px;height:139px} .homenewsbox .item .textbox{padding:20px 20px 0 25px} .homenewsbox .item .title{font-size:18px;line-height:30px;max-height:60px} } @media (max-width:1367px){ .homebusinbot .swiper-slide .showbox .textbox .title, .homebusinbot .swiper-slide .hidebox .title{font-size:20px} } @media (max-width:1280px){ .indexban .textbox{margin-left:-45vw} .homeaboutleft{padding-left:4.8vw} .homeaboutvideobox .textbox{padding:1.804vw 2.541vw 0 2.541vw} .homeaboutvideobox .textbox .title{font-size:20px} .homebusinbot .swiper-slide .showbox .textbox .title, .homebusinbot .swiper-slide .hidebox .title{font-size:18px} .homebusinbot .swiper-slide .showbox{padding:45px 22px 0 20px} .homecaseslide{width:460px} .homecase .left{width:calc(100% - 460px)} } @media (max-width:1024px){ .pcbanner{display:none} .m-bann{display:block} .indexban .textbox{left:0;margin-left:0;padding:0 15px} .indexban .textbox .title1, .indexban .textbox .title2, .indexban .textbox .title3, .indexban .textbox .title4{font-size:16px;line-height:28px;text-align:center} .indexban .textbox .title2{margin-top:4px} .indexban .textbox .title4{margin-top:6px} .indexban .textbox .text{margin-top:8px;font-size:12px;line-height:1.6;text-align:center;max-width:100%} .indexban .textbox .more{width:96px;height:32px;line-height:32px;margin:15px auto 0;font-size:12px} .indexban .textbox.cur{top:5%} .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:#0b448a} .hometitlebox .entitle{font-size:22px} .hometitlebox .cntitle{font-size:18px} .homeaboutleft{width:100%;padding-left:0;height:auto} .homeaboutleft .top{padding:0 15px} .homeaboutleft .text{padding-right:0;line-height:1.6;font-size:14px;-webkit-line-clamp:5;height:112px;margin:10px 0 25px} .homeaboutleft .hometitlebox .entitle, .homeaboutleft .hometitlebox .cntitle{text-align:center} .homeaboutleft .morebox{width:116px;height:40px;margin:0 auto} .homeaboutleft .more{width:114px;height:38px;line-height:38px} .homeaboutleft .bot .list{height:auto;padding:25px 0} .homeaboutleft .bot{margin-top:55px} .homeaboutleft .bot .list .icon{width:28px;height:28px} .homeaboutleft .bot .list .cntitle{font-size:15px;margin:10px 0 0 0} .homeaboutleft .bot .list .entitle{font-size:12px} .homeaboutvideobox{width:100%} .homeaboutvideobox .img img{height:auto} .homeaboutvideobox .play{width:42px;height:42px;margin-left:-21px;line-height:42px;top:22%} .homeaboutvideobox .play img{width:9px} .homeaboutvideobox .textbox{width:calc(100% - 15px);height:70px;padding:14px 20px 0 20px} .homeaboutvideobox .textbox .title{font-size:15px} .homeaboutvideobox .textbox .text{font-size:12px;margin-top:5px} .homebusin{margin-top:40px} .hometitlebox .line{width:18px;height:2px;margin:15px auto 0} .homebusinbot{margin-top:15px;padding-left:15px} .homebusinbot .swiper-slide{height:auto;box-shadow:none} .homebusinbot .img img{width:100%;height:auto} .homebusinbot .wapimg{display:block;opacity:0} .homebusinbot .img{display:none} .homebusinbot .swiper-slide .showbox{padding:35px 25px;border:1px solid #ededed;background-color:transparent;background-image:url(../img/homebusinbgwap.png);background-repeat:no-repeat;background-position:center center;background-size:cover;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .homebusinbot .swiper-slide .showbox .textbox{margin:20px 0 15px} .homebusinbot .swiper-slide .showbox .icon{width:28px;height:28px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .homebusinbot .swiper-slide .showbox .textbox .text{margin-top:15px} .homebusinbot .swiper-slide .showbox .textbox .title, .homebusinbot .swiper-slide .hidebox .title{font-size:16px;height:50px} .homebusinbot .swiper-slide .showbox .more{width:30px;height:30px;line-height:30px;position:static;margin-top:25px} .homebusinbot .swiper-slide-active .showbox{border:none;background-image:url(../img/homebusinbgwap_cur.png)} .homebusinbot .swiper-slide-active .showbox .textbox .title, .homebusinbot .swiper-slide-active .hidebox .title, .homebusinbot .swiper-slide-active .showbox .textbox .text{color:#fff} .homebusinbot .swiper-slide-active .wapimg{opacity:1} .homebusinbot .swiper-slide-active .showbox .icon img{opacity:0} .homebusinbot .swiper-slide:not(.swiper-slide-active) .showbox .icon{background-image:none !important} .homecase{padding:45px 0;background-image:url(../img/homecasebgwap.jpg)} .homecase .wrap{padding:0} .homecase .left{width:100%;padding:0 15px} .homecase .hometitlebox .entitle, .homecase .hometitlebox .cntitle{text-align:center} .homecase .hometitlebox .line{margin:15px auto 0} .homecase .left .map{padding-left:0;margin-top:0} .homecase .left .bot{position:static;margin-top:20px} .homecase .left .bot .item{float:left;margin-right:25px} .homecase .left .bot .title{font-weight:normal} .homecase .left .wapname{display:block;color:#5a6e75;margin-top:5px} .homecase .left .name{display:none} .homecase .left .bot .item .righttext{width:100%;float:none;margin-left:0} .homecase .left .bot .item .numUp{font-size:22px;line-height:26px} .homecase .left .bot .item .d{margin-left:10px} .homecase .left .bot .item .add{font-size:12px;float:none} .homecase .left .bot .item .unit{font-size:12px;margin-left:0;line-height:1;float:none} .homecaseslide{width:100%;padding:0 0 0 15px;margin-top:20px} .homecaseslide .swiper-button-next, .homecaseslide .swiper-button-prev{display:none} .homenewsbox .img{width:100%} .homenewsbox{margin:25px 0 0} .homenewsbox .items{width:100%} .homenewsbox .item{height:auto;margin-bottom:10px;padding:20px 15px} .homenewsbox .item:nth-last-of-type(1){margin-bottom:0} .homenewsbox .item .title{font-size:16px;font-weight:normal;line-height:24px;max-height:48px} .homenewsbox .item .textbox{padding:0} .homenewsbox .item .date{font-size:12px;margin-top:6px} .homenews .more{display:none} .homebusin .swiper-container{overflow:hidden} } @media (max-width:370px){ } .pagetitlebox .cntitle{font-size:36px;font-weight:bold;color:#0c418d;line-height:1} .pagetitlebox .entitle{font-size:18px;color:#b2b2b2;font-family:Arial;letter-spacing:2px;margin-top:12px} .pagetitlebox .line{width:42px;height:5px;background-color:#5d9a1b;margin-top:26px} .about{padding:80px 0 145px} .aboutbox .left{width:50%;padding-right:66px} .aboutbox .title1{font-size:36px;font-weight:bold;color:#0c418d;line-height:1;margin-top:54px} .aboutbox .title2{font-size:28px;color:#42a36d;margin-top:8px} .aboutbox .title3{font-size:42px;color:#8fc029;margin-top:14px;font-family:Arial} .aboutbox .text{color:#797979;line-height:1.857;margin-top:54px} .aboutbox .right{width:50%} .aboutbox .topimg .swiper-slide:hover img, .aboutvideobox:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)} .aboutslide .swiper-pagination{text-align:left;padding:0 15px} .aboutslide .swiper-pagination-bullet{width:36px;height:5px;background-color:#fff;opacity:1;border-radius:0} .aboutslide .swiper-pagination-bullet-active{background-color:#5d9a1b} .aboutvideobox{position:relative;margin-top:10px} .aboutvideobox video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0;visibility:hidden} .aboutvideobox .play{width:80px;height:80px;position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-40px;z-index:2;cursor:pointer} .aboutvideobox.cur .play, .aboutvideobox.cur .img{z-index:-1;opacity:0;visibility:hidden} .aboutvideobox.cur video{z-index:9;opacity:1;visibility:visible;object-fit:fill;object-position:center center} .honor{padding:82px 0 120px} .honleft{width:calc(100% - 423px);margin-right:50px} .honitem{width:32%;height:312px;margin-right:2%;margin-bottom:20px;padding:40px 20px 0;cursor:pointer;background-image:url(../img/honbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .honitem:nth-of-type(3n){margin-right:0} .honitem .top{position:relative} .honitem .top .see{width:76px;height:76px;border-radius:76px;text-align:center;line-height:76px;background-color:rgba(66,163,109,0.8);position:absolute;top:50%;left:50%;margin-left:-38px;margin-top:-38px;opacity:0;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)} .honitem .top .see img{display:inline-block;vertical-align:middle;margin-bottom:3px} .honitem .textbox{margin-top:26px} .honitem .textbox .title{color:#393f4b;font-size:16px;line-height:1.8;text-align:center;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .honitem .textbox .year{color:#b1b1b1;text-align:center;margin-top:6px} .honitem:hover{background-image:url(../img/honbg_cur.jpg)} .honitem:hover .top .see{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)} .honitem:hover .textbox .title, .honitem:hover .textbox .year{color:#fff} .pagemore{width:100%;height:54px;margin-top:34px;background-color:#f9f9f9;cursor:pointer;background-image:url(../img/pagemore.png);background-repeat:no-repeat;background-position:center center} .pagemore.cur{cursor:no-drop} .honright{width:372px} .honright .topbox{position:relative} .honright .topbox .textbox{width:100%;position:absolute;left:0;top:46px;padding:0 46px} .honright .topbox .entitle1{font-size:48px;line-height:1;font-family:'montbold';color:#fff} .honright .topbox .entitle2{font-size:36px;line-height:1;font-family:'montbold';margin-top:10px;color:#fff} .honright .topbox .cntitle{color:#4d6e98;font-size:24px;margin-top:26px} .honright .botbox{background-color:#f9f9f9;padding:66px 40px} .honright .botbox .title1{color:#414851;font-size:16px} .honright .botbox .title2{color:#414851;font-size:36px;font-weight:bold;margin-top:12px} .honrigitems{margin-top:42px} .honrigitem{margin-bottom:46px;padding-top:12px;border-top:1px solid #90c31f} .honrigitem:nth-last-of-type(1){margin-bottom:0} .honrigitem .yearbox{cursor:pointer} .honrigitem .yuan{width:12px;height:12px;border:3px solid #414851;border-radius:12px;margin-top:10px} .honrigitem .year{color:#8fc029;font-size:36px;font-family:'din';line-height:1;margin-left:26px} .honrigitem .more{width:14px;height:14px;position:relative;margin-top:10px} .honrigitem .more:after{content:"";width:14px;height:4px;background-color:#90c31f;position:absolute;top:50%;margin-top:-2px;left:0} .honrigitem .more:before{content:"";width:4px;height:14px;background-color:#90c31f;position:absolute;top:0%;left:5px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .honrigitem.cur .more:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);opacity:0} .honrigitem .text{color:#989898;font-size:12px;line-height:1.833;max-height:200px;overflow-y:auto;margin-top:28px;display:none} .honoralertbox{width:788px;height:670px;padding:30px 50px;background-color:#fff;position:absolute;top:50%;margin-top:-335px;left:50%;margin-left:-394px;z-index:23;opacity:0;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)} .videoalertbox{height:500px;margin-top:-250px} .honoralertbox.cur{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)} .honoralertbox .close{cursor:pointer} .honoralertbox .close:hover img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)} .honoralertbox .bot{margin-top:25px} .honoralertbox .bot .textbox{margin-top:10px} .honoralertbox .bot .title{font-size:16px} .honoralertbox .bot .year{color:#666;margin-top:5px} .honoralertbox .bot video{width:100%;height:auto} @media (max-width:1440px){ .pagetitlebox .cntitle, .aboutbox .title1{font-size:28px} .pagetitlebox .entitle{font-size:16px;margin-top:12px} .pagetitlebox .line{margin-top:16px} .about{padding:55px 0 95px} .aboutbox .left{padding-right:40px} .aboutbox .title2{font-size:24px} .aboutbox .title3{font-size:36px} .aboutbox .title1, .aboutbox .text{margin-top:30px} .honor{padding:55px 0 80px} } @media (max-width:1024px){ .pagetitlebox .cntitle, .pagetitlebox .cntitle, .aboutbox .title1{font-size:18px} .pagetitlebox .entitle{font-size:14px;margin-top:5px;letter-spacing:0px} .about, .honor{padding:45px 0} .aboutbox .left{width:100%;padding-right:0} .pagetitlebox .line{width:26px;height:3px;margin-top:10px} .aboutbox .title1, .aboutbox .text{margin-top:20px} .aboutbox .title2{font-size:16px;margin-top:5px} .aboutbox .title3{font-size:26px;margin-top:8px} .aboutbox .text{line-height:1.6} .aboutbox .right{width:100%;margin-top:30px;margin-top:30px} .aboutbox .right img{width:100%} .aboutvideobox .play{width:40px;height:40px;margin-top:-20px;margin-left:-20px} .honleft{width:100%;margin-right:0} .honitem{width:100%;margin-right:0;height:auto;padding:25px} .honitem .top .img img{width:100%} .honitem .textbox{margin-top:15px} .pagemore{height:44px;background-size:24px 24px} .honright{width:100%;margin-top:30px} .honright .topbox img{width:100%} .honright .topbox .textbox{padding:0 25px} .honright .topbox .entitle1{font-size:28px} .honright .topbox .entitle2{font-size:22px;margin-top:5px} .honright .topbox .cntitle{font-size:18px;margin-top:15px} .honright .botbox{padding:30px 20px} .honright .botbox .title1{font-size:14px} .honright .botbox .title2{font-size:20px;margin-top:5px} .honrigitems{margin-top:20px} .honrigitem{margin-bottom:20px} .honrigitem .yuan{width:10px;height:10px;margin-top:7px} .honrigitem .year{font-size:26px;margin-left:15px} .honrigitem .more{margin-top:6px} .honoralertbox{width:92%;margin-left:-46%;height:auto;padding:20px;margin-top:-175px} .honoralertbox .bot{margin-top:15px} .aboutslide .swiper-pagination-bullet{width:24px;height:4px} } .subordcom{padding:80px 0 140px;background-color:#f7f7f7} .subdcomnavbox{height:74px} .subdcomnav{width:1200px;background-color:#fff;top:-74px} .subdcomnav.cur{position:fixed;top:0;left:calc((100% - 1200px) / 2);z-index:9} .subdcomnavlist{width:25%;height:74px;border:1px solid #e2e2e2;position:relative;border-right:none;overflow:hidden} .subdcomnavlist:after{content:"";width:100%;height:100%;position:absolute;top:0;left:-100%;background-image:url(../img/subordcommorebg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .subdcomnavlist:nth-of-type(4n){border-right:1px solid #e2e2e2} .subdcomnavlist a{display:block;position:relative;z-index:3;text-align:center;line-height:72px;color:#3c3c3c;font-weight:bold} .subdcomnavlist.cur{border:none} .subdcomnavlist.cur:after{left:0} .subdcomnavlist.cur a{color:#fff} @media (min-width:1024px){ .subdcomnavlist:hover{border:none} .subdcomnavlist:hover:after{left:0} .subdcomnavlist:hover a{color:#fff} } .subdcomitrems{margin-top:50px} .subdcomitrem{margin-bottom:74px} .subdcomitrem:nth-last-of-type(1){margin-bottom:0} .subdcomitrem .wapimg{display:none} .subdcomitrem .img, .subdcomitrem .pcimg{width:50%} .subdcomitrem .textbox{width:50%;padding:0 34px 0 68px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08);align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center} .subdcomitrem:nth-of-type(2) .textbox{padding:0 48px 0 60px} .subdcomitrem .num{color:#42a36d;font-size:48px;line-height:1} .subdcomitrem .title{color:#3c3c3c;font-size:30px;margin:10px 0 6px;font-weight:bold;height:38px;line-height:38px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .subdcomitrem .text{height:166px;overflow-y:auto;color:#747474;padding-right:24px;line-height:1.714;margin-top:20px} .subdcomitrem .text::-webkit-scrollbar{width:2px} .subdcomitrem .text::-webkit-scrollbar-thumb{background-color:#42a36d} .subdcomitrem .text::-webkit-scrollbar-track{background-color:#e5e5e5} .subdcomitrem .bot{width:142px;height:50px;border:1px solid #b5b5b5;position:relative;margin-top:12px;overflow:hidden} .subdcomitrem .bot:after{content:"";width:100%;height:100%;position:absolute;top:0;left:-100%;background-image:url(../img/subordcommorebg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .subdcomitrem .bot a{width:100%;height:100%;display:block;text-align:center;position:relative;z-index:3;line-height:48px;color:#b5b5b5;font-weight:bold;font-family:Arial} .subdcomitrem:hover .bot:after{left:0} .subdcomitrem:hover .bot a{color:#fff} .subdcomitrem:hover .bot{border-color:#fff} .subdcomitrem:hover .img img, .subdcomitrem:hover .pcimg img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .cultrue{padding:80px 0 120px;background-color:#f7f7f7} .cultrueitem{position:relative;margin-bottom:30px} .cultrueitem:nth-last-of-type(1){margin-bottom:0} .cultrueitem .textbox{width:470px;background-color:#fff;position:absolute;bottom:0;left:0;padding:84px 2.166vw 80px 4.1666vw} .cultrueitem:nth-of-type(2n) .textbox{left:auto;right:0} .cultrueitem .text{color:#666;margin-top:36px;font-size:18px} @media (max-width:1440px){ .subordcom{padding:60px 0 100px} .cultrue{padding:60px 0 90px} .subdcomitrem .num{font-size:34px} .subdcomitrem .title{font-size:24px;height:32px;line-height:32px} .subdcomitrem .text{height:118px} .cultrueitem .textbox{padding:56px 3.2vw 50px 3.2vw} } @media (max-width:1280px){ .subdcomnav{width:90vw;background-color:#fff;top:-74px} .subdcomnav.cur{left:calc((100% - 90vw) / 2)} } @media (max-width:1024px){ .subordcom{padding:45px 0} .subdcomitrem{margin-bottom:20px} .subdcomitrem .pcimg, .subdcomitrem .pcimg img, .subdcomitrem .wapimg, .subdcomitrem .wapimg img{width:100%} .subdcomitrem .textbox, .subdcomitrem:nth-of-type(2) .textbox{width:100%;padding:25px 15px} .subdcomitrem .img{display:none} .subdcomitrem .wapimg{display:block} .subdcomnavlist{width:100%;height:auto;border-right:1px solid #e2e2e2;border-bottom:none} .subdcomnavlist a{line-height:44px} .subdcomnavlist.cur a{line-height:46px;font-size:12px} .subdcomnavlist:nth-last-of-type(1){border-bottom:1px solid #e2e2e2} .subdcomitrem .num{font-size:24px} .subdcomitrem .title{font-size:18px;height:24px;line-height:24px;margin:6px 0} .subdcomitrem .text{margin-top:15px;height:118px} .subdcomitrem .bot{width:102px;height:40px;margin-top:15px} .subdcomitrem .bot a{line-height:38px} .subdcomitrems{margin-top:30px} .cultrue{padding:45px 0} .cultrueitem{margin-bottom:20px} .cultrueitem .textbox{position:static;width:100%;padding:30px 20px} .cultrueitem .text{font-size:14px;margin-top:15px} .subdcomnavbox{height:182px} .subdcomnav{width:100%;top:-182px} .subdcomnav.cur{width:calc(100% - 30px);left:15px} } .case{padding:90px 0 84px} .caseitem{width:32.41%;margin-right:1.385%;margin-bottom:50px;display:block;position:relative} .caseitem:nth-of-type(3n){margin-right:0} .caseitem .img img{width:100%;height:298px;object-fit:cover} .caseitem .textbox{padding:34px 20px 36px 32px;background-color:#f7f7f7} .caseitem .title{color:#353535;font-size:24px;font-weight:bold;height:32px;line-height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .caseitem .text{color:#353535;font-size:18px;height:26px;line-height:26px;margin:10px 0 26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .caseitem .bot{width:142px;height:50px;border:1px solid #b5b5b5;position:relative;overflow:hidden} .caseitem .bot:after{content:"";width:100%;height:100%;position:absolute;top:0;left:-100%;background-image:url(../img/casemorebg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .caseitem .bot .more{width:140px;height:48px;text-align:center;line-height:48px;position:relative;z-index:3;color:#888} .caseitem .line{width:0;height:3px;position:absolute;bottom:0;left:0;background-color:#8fc029} .caseitem:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)} .caseitem:hover .line{width:100%} .caseitem:hover .bot:after{left:0} .caseitem:hover .bot{border-color:#fff} .caseitem:hover .bot .more{color:#fff} .caseitem:hover .textbox{background-color:#fff;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.1)} .casedet{padding:85px 0 118px;background-color:#f7f7f7} .casedetbox{padding:38px 110px 98px;background-color:#fff} .casedetbox .title{color:#353535;font-size:36px;font-weight:bold;text-align:center} .casedetbox .other{margin-top:22px;padding-bottom:38px;border-bottom:1px solid #f0f0f0;text-align:center} .casedetbox .other .list{padding-left:30px;height:18px;line-height:18px;color:#cacbcd;font-family:Arial;margin-right:28px;display:inline-block;background-repeat:no-repeat;background-position:left center} .casedetbox .other .list:nth-of-type(1){background-image:url(../img/see.png)} .casedetbox .other .list:nth-of-type(2){background-image:url(../img/time.png)} .casedetbox .content{margin:42px 0 100px} .casedetbox .content p{color:#828282;line-height:2.143} .casedetbox .bot .list{width:calc((100% - 98px) / 3);height:50px;line-height:50px;display:block;background-repeat:no-repeat;border-radius:50px} .casedetbox .bot .list.return{margin:0 48px;background-color:#8fc029;color:#fff;padding-left:120px;color:#fff;background-image:url(../img/list.png);background-position:left 96px center} .casedetbox .bot .list.prev{padding-left:148px;background-color:#f4f4f4;color:#828282;background-image:url(../img/casedetleft.png);background-position:left 60px center} .casedetbox .bot .list.next{padding-left:70px;background-color:#f4f4f4;color:#828282;background-image:url(../img/casedetright.png);background-position:right 70px center} .casedetbox .bot .list.prev:hover{background-color:#fff;box-shadow:0px 0px 21px 0px rgba(0,0,0,0.07);background-image:url(../img/casedetleft_cur.png)} .casedetbox .bot .list.next:hover{background-color:#fff;box-shadow:0px 0px 21px 0px rgba(0,0,0,0.07);background-image:url(../img/casedetright_cur.png)} .pageup{width:60px;height:60px;background-color:rgba(0,0,0,0.3);position:fixed;bottom:5%;right:-60px;opacity:0;cursor:pointer;text-align:center;line-height:60px} .pageup img{display:inline-block;vertical-align:middle;margin-bottom:3px} .pageup.cur{right:15px;opacity:1} .news{padding:90px 0 84px} .newsitem{padding:30px 0;border-bottom:2px solid #f8f8f8;display:block} .newsitem .textbox{width:calc(100% - 352px);margin-right:120px} .newsitem .img{width:231px} .newsitem .textbox .title{color:#000;font-size:22px;line-height:30px;font-weight:bold;height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .newsitem .textbox .text{color:#888;margin:20px 0 14px;line-height:1.846;height:52px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .newsitem .textbox .date{color:#969696;font-size:16px;font-family:'gothbold'} .newsitem.one{border-bottom:none;background-color:#f7f7f7;padding:0} .newsitem.one .img{width:544px} .newsitem.one .textbox{width:calc(100% - 545px);padding:38px 38px 0 45px;margin-right:0} .newsitem.one .textbox .title{font-size:22px;font-weight:bold;line-height:38px;height:76px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .newsitem.one .textbox .text{color:#999;font-size:13px;height:70px;margin:12px 0 32px;line-height:1.846;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .newsitem.one .textbox .date{line-height:50px} .newsitem.one .textbox .morebox{width:142px;height:50px;border:1px solid #b5b5b5;position:relative;overflow:hidden} .newsitem.one .textbox .morebox .more{width:140px;height:48px;text-align:center;line-height:48px;color:#888;position:relative;z-index:3} .newsitem.one .textbox .morebox:after{content:"";width:100%;height:100%;position:absolute;top:0;left:-100%;background-image:url(../img/subordcommorebg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .newsitem.one:hover .textbox .morebox:after{left:0} .newsitem.one:hover .textbox .morebox .more{color:#fff} .newsitem:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)} .newsitem:hover .textbox .title{color:#0a3989} .newsitem:hover .textbox .date{color:#8fc029} .news .pager{margin-top:86px} .news .wappager{margin-top:30px} @media (max-width:1440px){ .case, .news{padding:70px 0 64px} .casedetbox{padding:20px 80px 68px} .casedet{padding:65px 0 80px} .casedetbox .title{font-size:28px} } @media (max-width:1024px){ .case, .casedet, .news{padding:45px 0} .casedetbox{padding:30px 15px} .casedetbox .title{font-size:20px} .casedetbox .other{margin-top:10px;padding-bottom:15px} .casedetbox .other .list{padding-left:22px;margin-right:10px} .casedetbox .content{margin:25px 0 35px} .casedetbox .content p{line-height:1.8} .casedetbox .bot .list{width:100%;height:40px;line-height:40px} .casedetbox .bot .list.return{margin:10px 0;background-position:left 30% center;padding-left:52%} .casedetbox .bot .list.prev{padding-left:48%;background-position:left 30% center} .casedetbox .bot .list.next{padding-left:30%;background-position:right 33% center} .newsitem.one .img, .newsitem.one .img img{width:100%} .newsitem.one .textbox{width:100%} .newsitem.one .textbox{padding:30px 20px} .newsitem.one .textbox .title{font-size:16px;line-height:24px;height:48px} .newsitem.one .textbox .text{margin:6px 0 15px} .newsitem.one .textbox .morebox{width:102px;height:40px} .newsitem.one .textbox .morebox .more{width:100px;height:38px;line-height:38px} .newsitem.one .textbox .date{font-size:14px;line-height:40px} .newsitem{padding:20px 0} } @media (max-width:768px){ .caseitem{width:100%;margin-right:0;margin-bottom:20px} .caseitem .img img{width:100%} .caseitem .textbox{padding:30px 20px} .caseitem .title{font-size:16px;height:24px;line-height:24px} .caseitem .text{font-size:14px;height:22px;line-height:22px;margin:4px 0 15px} .caseitem .bot{width:102px;height:40px} .caseitem .bot .more{width:100px;height:38px;line-height:38px} .newsitem .img{width:130px} .newsitem .textbox{width:calc(100% - 151px);margin-right:20px} .newsitem .textbox .title{font-size:16px;height:24px;line-height:24px} .newsitem .textbox .text{line-height:1.6;margin:6px 0;height:44px} .newsitem .textbox .date{font-size:14px} } .cont1{padding-top:70px} .cont1left{width:50%;padding-left:calc((100% - 1200px) / 2);height:435px;padding-top:12px;background-image:url(../img/con1bg.png);background-repeat:no-repeat;background-position:center center;background-size:cover} .cont1left .title{color:#0c418d;font-size:36px;font-weight:bold} .cont1left .cntitle{color:#42a36d;font-size:30px;font-weight:bold;margin:32px 0 10px} .cont1left .entitle{color:#b2b2b2;font-size:18px;font-family:Arial} .cont1left .items{margin-top:56px} .cont1left .item{margin-bottom:18px} .cont1left .item:nth-last-of-type(1){margin-bottom:0} .cont1left .item .icon{width:32px;margin-right:35px} .cont1left .item .text{width:calc(100% - 68px);color:#666;font-size:18px;line-height:32px} .cont1left .item .text span{font-family:Arial;color:#666;font-size:18px} .cont1right{width:50%} .cont1right .conmap{width:100%;height:435px;overflow:hidden} .cont1right .conmap .conmapimg{width:100%;height:100%} .con2{width:100%;height:439px;background-image:url(../img/con2bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .con2 .w1200 {height: 100%;} .con2 .w1200 .box {display: flex;justify-content: space-between;align-items: center;height: 100%;} /* .con2left{} */ .con2left {width: 50%;} .con2left .cntitle{color:#fff;font-size:24px;font-weight:bold;margin:18px 0 4px} .con2left .entitle{color:#b2d961;font-size:30px;font-family:'montbold'} .con2left .con2ewm{margin-left:108px} .con2right .cntitle{color:#fff;font-size:18px;font-weight:bold;margin:12px 0 4px;line-height:26px} .con2right .cntitle span{color:#fff;font-size:24px;font-family:'montbold';line-height:26px} .con2right .entitle{color:rgba(255,255,255,0.3);font-size:30px;font-family:'montbold'} .con3{padding:92px 0 140px} .con3 .top .title{color:#0c418d;font-size:36px;font-weight:bold} .con3 .top .text{color:#666;margin-top:12px} .con3 .form{margin-top:42px} .con3 .formleft{width:458px;margin-right:80px} .con3 .formleft .item{margin-bottom:20px} .con3 .formleft .item:nth-last-of-type(1){margin-bottom:0} .con3 .formleft .icon, .con3 .formright .icon{height:40px;line-height:40px} .con3 .formleft .icon img, .con3 .formright .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px} .con3 .formleft .name{width:78px;margin:0 28px 0 10px;color:#5b5b5b;line-height:40px} .con3 .formleft .name span{color:#ff0000} .con3 .formleft .input{width:calc(100% - 140px)} .con3 .formleft .input input{width:100%;height:40px;border-radius:5px;padding:0 10px;border:1px solid #e2e2e2} .con3 .formleft .input input:focus{border-color:#0c418d} .con3 .formright{width:calc(100% - 540px)} .con3 .formright .name{line-height:40px;margin-left:10px;color:#5b5b5b} .con3 .formright .name span{color:#ff0000} .con3 .formright .text{margin-top:18px} .con3 .formright .text textarea{width:100%;height:164px;border:1px solid #e2e2e2;border-radius:5px;padding:14px 10px;color:#a9a9a9} .con3 .formright .text textarea:focus{border-color:#0c418d} .con3 .formright .btnbox{margin-top:22px} .con3 .formright .btnbox .btn{width:100px;height:32px;text-align:center;line-height:32px;color:#fff;border-radius:3px;cursor:pointer} .con3 .formright .btnbox .btn.enter{background-color:#0d47a1;margin-right:20px} .con3 .formright .btnbox .btn.cancel{background-color:#b5b5b5} @media (max-width:1440px){ .cont1left .title, .con3 .top .title{font-size:28px} .cont1left .cntitle{font-size:24px} .con3{padding:62px 0 100px} } @media (max-width:1280px){ .cont1left{padding-left:calc((100% - 90vw) / 2)} } @media (max-width:1024px){ .cont1{padding-top:20px} .cont1left{width:100%;padding:30px 15px;height:auto} .cont1left .title{font-size:20px} .cont1left .cntitle{font-size:18px;margin:15px 0 4px} .cont1left .entitle{font-size:12px} .cont1left .items{margin-top:25px} .cont1left .item .icon{width:24px;margin-right:15px} .cont1left .item .text{width:calc(100% - 40px);font-size:14px;line-height:24px} .cont1left .item .text span{font-size:14px} .cont1left .item{margin-bottom:10px} .cont1right{width:100%} .cont1right .conmap{height:300px} .con2{height:auto;background-image:none} .con2 .w1200{padding:0;height: auto;} .con2 .w1200 .box {height: auto;display: block;} .con2left{width:100%;padding:30px 15px;text-align:center;background-image:url(../img/con2bg1.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .con2left .con2ewm{margin-left:0;width:120px;float:none;display:inline-block;vertical-align:top} .con2left .left{display:inline-block;float:none;vertical-align:top;margin-right:10px} .con2left .icon, .con2right .icon{width:36px} .con2left .cntitle{font-size:16px;margin:10px 0 4px;text-align:left} .con2left .entitle{font-size:18px} .con2right{width:100%;padding:30px 15px;background-image:url(../img/con2bg2.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .con2right .cntitle{font-size:15px;line-height:22px;margin:6px 0 0;text-align:left} .con2right .cntitle span{font-size:20px} .con2right .entitle{font-size:18px;text-align:center} .con2right .cntitle span{line-height:22px} .con3{padding:45px 0} .con3 .top .title{font-size:20px} .con3 .top .text{margin-top:8px} .con3 .form{margin-top:25px} .con3 .formleft{width:100%;margin-right:0} .con3 .formright{width:100%;margin-top:20px} .con3 .formleft .name{margin:0 10px 0 5px;line-height:32px} .con3 .formleft .input{width:calc(100% - 115px)} .con3 .formleft .icon, .con3 .formright .icon, .con3 .formright .name{height:32px;line-height:32px} .con3 .formleft .input input{height:32px} .con3 .formleft .item{margin-bottom:10px} .con3 .formright .name{margin-left:5px} .con3 .formright .text{margin-top:10px} .con3 .formright .text textarea{height:100px} .con3 .formright .btnbox{margin-top:15px} } .recruit{padding:74px 0 128px} .recruit .pagetitlebox .cntitle, .salservice1 .pagetitlebox .cntitle, .recruit .pagetitlebox .entitle, .salservice1 .pagetitlebox .entitle{text-align:center} .recruit .pagetitlebox .line, .salservice1 .pagetitlebox .line{margin:26px auto 0} .recruittop{margin-top:50px;padding:0 110px 0 80px;background-color:#0c418d;height:110px} .recruittop .list{width:25%;line-height:110px;color:#fff;font-size:18px} .recruititem{margin-top:1px} .recitemtop{padding:0 110px 0 80px;background-color:#f4f4f4;height:110px;position:relative} .recitemtop .list{width:25%;line-height:110px;color:#666;font-size:16px;padding-right:10px} .recitemtop .list.more{width:110px;height:110px;cursor:pointer;position:absolute;top:0;right:0;border-left:1px solid #c7cdd6;font-size:24px;font-family:Arial;text-align:center;line-height:110px;font-family:"iconfont";color:#2a2f37;;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .recruititem.cur .recitemtop{background-color:#42a36d} .recruititem.cur .recitemtop .list{color:#fff} .recruititem.cur .recitemtop .list.more{border-left:none;padding-right:0;border-bottom:1px solid #50a778;color:#fff;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)} .recitembot{padding:46px 80px 66px;display:none} .recitembot .list{margin-bottom:28px} .recitembot .list .name{color:#000} .recitembot .list .text{color:#696969;font-size:12px;line-height:2;margin-top:6px} .recitembot .emailbtn{width:152px;height:45px;border:1px solid #8fc029;color:#8fc029;display:block;text-align:center;line-height:43px} .recitembot .emailbtn:hover{background-color:#8fc029;color:#fff} .recruit .pagemore{margin-top:45px;line-height:54px;text-align:center;padding-left:60px;color:#c3c3c3;font-weight:bold;background-position:left 47% center} .salservice1{padding-top:80px} .salservice1box{margin-top:50px} .salservice1list{width:48.75%;margin-right:2.5%;margin-bottom:32px} .salservice1list:nth-of-type(2n){margin-right:0} .salservice1list .textbox{padding:0 20px;margin-top:-68px;position:relative} .salservice1list .textbox .box{background-color:#fff;padding:44px 15px 30px} .salservice1list .textbox .title{color:#000;text-align:center;font-size:24px} .salservice1list .textbox .text{color:#666;text-align:center;margin-top:10px} .salservice1list:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .salservice1list:hover .textbox .box{transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);box-shadow:0px 4px 24px 0px rgba(0,0,0,0.06)} .salservice2{padding:100px 0;background-image:url(../img/sals2bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .salservice2 .pagetitlebox .cntitle, .salservice2 .pagetitlebox .entitle{color:#fff;text-align:center} .salservice2 .pagetitlebox .line{margin:26px auto 0;background-color:#fff} .salservice2box{margin-top:40px} .salservice2list{width:24.66%;margin-right:0.4533%;background-color:#fff;border-right:5px;padding:80px 42px 36px;border-radius:5px} .salservice2list:nth-of-type(4n){margin-right:0} .salservice2list .icon{width:50px;margin:0 auto} .salservice2list .textbox{margin-top:32px} .salservice2list .title{color:#000;font-size:24px;text-align:center} .salservice2list .line{width:20px;height:2px;background-color:#8fc029;margin:18px auto 26px} .salservice2list .text{color:#666;line-height:1.714;text-align:center} .salservice2list:hover .icon img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2)} .salservice3{padding:100px 0 130px} .sals3left{width:50%;padding-right:54px} .sals3left .content{margin-top:40px} .sals3left .content h3{color:#0c418d;font-size:16px;font-weight:bold;line-height:1.5} .sals3left .content p{color:#666;line-height:1.5} .salservice3 .img{width:50%} @media (max-width:1440px){ .recruit{padding:60px 0 98px} .salservice3{padding:70px 0 95px} .sals3left{padding-right:35px} .salservice2{padding:70px 0} } @media (max-width:1024px){ .recruit, .salservice3, .salservice2{padding:45px 0} .recruit .pagemore{line-height:44px} .recruit .pagetitlebox .line{margin:10px auto 0} .recruittop{margin-top:30px;padding:0 40px 0 10px;height:40px} .recruittop .list{font-size:14px;line-height:40px} .recitemtop{padding:0 40px 0 10px;height:auto} .recitemtop .list{line-height:22px;font-size:12px;padding:8px 8px 8px 0} .recitemtop .list.more{width:40px;height:100%;line-height:40px;padding:8px 0 8px;font-size:18px} .recitembot{padding:25px 0} .recitembot .list .text{line-height:1.6} .recitembot .emailbtn{width:92px;height:36px;line-height:34px} .recruit .pagemore{margin-top:30px;background-position:left 38% center;padding-left:25px} .salservice1{padding-top:45px} .salservice1 .pagetitlebox .line{margin:10px auto 0} .salservice1box, .salservice2box{margin-top:30px} .salservice1list{width:100%;margin-right:0;margin-bottom:20px} .salservice1list .textbox{padding:0 15px;margin-top:-35px} .salservice1list .textbox .box{padding:35px 20px} .salservice1list .textbox .title, .salservice2list .title{font-size:18px} .salservice1list .textbox .text{margin-top:6px} .salservice2list{width:48%;margin-right:4%;margin-bottom:20px;padding:30px 10px} .salservice2list:nth-of-type(2n){margin-right:0} .salservice2list .icon{width:30px} .salservice2list .textbox{margin-top:15px} .salservice2list .line{width:16px;margin:8px auto 10px} .salservice2list .text{line-height:1.4} .salservice2 .pagetitlebox .line{margin:10px auto 0} .salservice3 .img, .salservice3 .img img{width:100%} .sals3left{width:100%;padding-right:0;margin-top:20px} .sals3left .content{margin-top:20px} } .busin1{padding:76px 0 120px} .busin1 .textbox{width:calc(100% - 560px - 5.208vw);margin-right:5.208vw} .busin1 .title{color:#0c418d;font-weight:bold;line-height:1;font-size:36px} .busin1 .line{width:42px;height:5px;background-color:#5d9a1b;margin:22px 0 44px} .busin1 .text{color:#747474;line-height:2.143} .busin1 .img{width:560px} .busin2{padding:116px 0 100px;background-color:#f4f4f4} .busin2slide{position:relative} .busin2slide .swiper-slide{height:auto;background-color:#fff} .busin2slide .img img{width:100%;height:208px;object-fit:cover} .busin2slide .textbox{padding:25px 30px 40px 20px} .busin2slide .title{color:#747474;font-size:18px;font-weight:bold;line-height:26px} .busin2slide .text{color:#747474;line-height:1.667;margin-top:16px} .busin2slide .swiper-button-next, .busin2slide .swiper-button-prev{width:36px;height:36px;opacity:1;background-size:100% 100%;margin-top:0;top:85px} .busin2slide .swiper-button-next{background-image:url(../img/busin2right.png);right:-66px} .busin2slide .swiper-button-next:hover{background-image:url(../img/busin2right_cur.png)} .busin2slide .swiper-button-prev{background-image:url(../img/busin2left.png);left:-66px} .busin2slide .swiper-button-prev:hover{background-image:url(../img/busin2left_cur.png)} .busin2slide .swiper-slide:hover{background-color:#42a36e;box-shadow:0px 4px 14px 0px rgba(66, 163, 110, 0.17)} .busin2slide .box:hover .title, .busin2slide .box:hover .text{color:#fff} .busin2slide .box:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .busin3{padding:88px 0 98px;background-image:url(../img/busin3bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .busin3 .title{font-size:36px;color:#fff;font-weight:bold;text-align:center} .busin3 .line{width:42px;height:5px;margin:18px auto 40px;background-color:#fff} .busin3 .text{color:rgba(255,255,255,0.7);width:75%;margin:0 auto;text-align:center;line-height:2.143} .busin3videobox{margin-top:40px;position:relative} .busin3videobox video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0;visibility:hidden} .busin3videobox .play{width:80px;height:80px;position:absolute;top:50%;left:50%;margin-left:-40px;margin-top:-40px;z-index:2;cursor:pointer} .busin3videobox.cur video{z-index:9;opacity:1;visibility:visible;object-fit:fill;object-position:center center} .busin3videobox.cur .img img, .busin3videobox.cur .play{z-index:-1;opacity:0;visibility:hidden} .busin3videobox:hover .img img, .busin3videobox:hover .play{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .busin4{padding-top:100px} .busin4 .title{color:#004ea2;font-size:36px;text-align:center;font-weight:bold} .busin4 .line{width:42px;height:5px;margin:18px auto 40px;background-color:#5d9a1b} .busin4 .content{margin-top:40px} .busin4 .content p{color:#747474;line-height:2.143} .busin4 .content .bot{border:1px solid #e8e8e8} .busin4 .content .bot .list{width:50%;padding:34px 42px 44px 40px;border-right:1px solid #e8e8e8} .busin4 .content .bot .list:nth-of-type(2n){border-right:none} .busin4 .content .bot .list .name{color:#009c4e;font-size:18px;font-weight:bold} .busin4 .content .bot .list .text{margin-top:18px} .busin4 .content .bot .list .textlist{color:#666;padding-left:16px;line-height:2.143;background-image:url(../img/busin4icon.png);background-repeat:no-repeat;background-position:left top 10px} .busin5{margin-top:70px} .busin5list{width:calc((100% - 12px) / 4);margin-right:4px} .busin5list:nth-of-type(4n){margin-right:0} .busin5list .icon{width:72px;margin:0 auto} .busin5list .title{font-size:16px;font-weight:bold;text-align:center;margin:14px 0 36px} .busin5list .img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)} .busin6{padding:112px 0 120px} .busin6top .morebox{width:142px;height:50px;border:1px solid #b5b5b5;margin-top:26px;position:relative;overflow:hidden} .busin6top .morebox:after{content:"";width:100%;height:100%;position:absolute;left:-100%;top:0;background-image:url(../img/casemorebg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .busin6top .more{width:140px;height:48px;display:block;text-align:center;line-height:48px;color:#b5b5b5;font-weight:bold;font-family:Arial;position:relative;z-index:3} .busin6top .morebox:hover .more{color:#fff} .busin6top .morebox:hover:after{left:0} .busin6top .morebox:hover{border:none} .busin6 .caseitems{margin-top:48px} .busin7{padding:80px 0;background-color:#f7f7f7} .busin7slide{margin-top:20px;position:relative} .busin7slide .swiper-slide{width:318px} .busin7slide .swiper-slide .img{background-color:#fff;box-shadow:0px 3px 30px 0px rgba(0, 0, 0, 0.1)} .busin7slide .swiper-button-next, .busin7slide .swiper-button-prev{width:36px;height:36px;opacity:1;background-size:100% 100%;margin-top:-18px;top:50%} .busin7slide .swiper-button-next{background-image:url(../img/busin2right.png);right:-66px} .busin7slide .swiper-button-next:hover{background-image:url(../img/busin2right_cur.png)} .busin7slide .swiper-button-prev{background-image:url(../img/busin2left.png);left:-66px} .busin7slide .swiper-button-prev:hover{background-image:url(../img/busin2left_cur.png)} .busin7slide .shadow{margin-top:10px;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2)} @media (max-width:1440px){ .busin1 .title, .busin3 .title, .busin4 .title{font-size:28px} .busin2slide .swiper-button-next{right:-46px} .busin2slide .swiper-button-prev{left:-46px} .busin2{padding:80px 0} .busin3{padding:60px 0 70px} .busin4{padding-top:65px} .busin6{padding:82px 0 90px} .busin7slide .swiper-button-next{right:-46px} .busin7slide .swiper-button-prev{left:-46px} } @media (max-width:1280px){ .busin2slide .img img{height:180px} } @media (max-width:1024px){ .busin1{padding:35px 0 45px} .busin1 .title{line-height:1.6;font-size:18px} .busin1 .textbox{width:100%;margin-right:0} .busin1 .line{width:24px;height:3px;margin:6px 0 15px} .busin1 .text{line-height:1.8} .busin1 .img{width:100%;margin-top:25px} .busin2{padding:45px 0} .busin2slide .img img{width:100%} .busin6{padding:45px 0} .busin2slide{padding:0 35px} .busin2slide .textbox{padding:25px 15px} .busin2slide .title{font-size:16px;line-height:24px} .busin2slide .text{line-height:1.6;margin-top:10px} .busin2slide .swiper-button-next, .busin2slide .swiper-button-prev{width:30px;height:30px;top:150px} .busin2slide .swiper-button-next{right:0} .busin2slide .swiper-button-prev{left:0} .busin3, .busin7{padding:45px 0} .busin3 .title, .busin4 .title{font-size:18px} .busin3 .line, .busin4 .line{width:24px;height:3px;margin:10px auto 20px} .busin3 .text{width:100%;line-height:1.8} .busin3videobox .play{width:40px;height:40px;margin-top:-20px;margin-left:-20px} .busin3videobox, .busin4 .content{margin-top:25px} .busin4{padding-top:45px} .busin4 .content p{line-height:1.8} .busin4 .content .bot .list{width:100%;padding:20px 10px;border-right:none;border-bottom:1px solid #e8e8e8} .busin4 .content .bot .list:nth-last-of-type(1){border-bottom:none} .busin5{margin-top:40px} .busin5list{width:100%;margin-right:0;margin-bottom:20px} .busin5list:nth-last-of-type(1){margin-bottom:0} .busin5list:nth-of-type(2n){margin-right:0} .busin5list .icon{width:38px} .busin5list .title{font-size:14px;margin:6px 0 12px} .busin6top .morebox{width:102px;height:42px;margin-top:3px} .busin6top .more{width:100px;height:40px;line-height:40px} .busin6 .caseitems{margin-top:25px} .busin7slide{padding:0 45px} .busin7slide .swiper-button-next{right:0} .busin7slide .swiper-button-prev{left:0} .busin7slide .shadow{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)} }