.m-ban{display:none} .m-ban .img img{width:100%} .indexban .textbox.one{position:absolute;top:21%;z-index:4;left:39.5833vw;opacity:0;transition:1s ease 0s;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s} .indexban .one.cur{left:29.5833vw;opacity:1} .indexban .textbox.one .title1{color:#cf0107;font-size:68px;font-weight:bold;line-height:1.1;font-family:"Source Han Sans CN";padding-right:28px;/*background-image:url(../img/banicon.png);*/background-repeat:no-repeat;background-position:right center} .indexban .textbox.one .title2{color:#3a302d;font-size:62px;line-height:1.1;font-family:"Source Han Sans CN"} .indexban .textbox.one .entitle1{color:rgba(0,0,0,0.5);font-size:19px;font-family:Arial;margin-top:2.2916vw} .indexban .textbox.one .entitle2{color:rgba(0,0,0,0.5);font-size:18px;font-family:Arial} .indexban .textbox.one .line{width:50px;height:4px;background-color:#b60005;margin-top:2.6041vw} .indexban .textbox.two{position:absolute;top:28%;left:25%;z-index:4;margin-left:-41.66665vw;opacity:0;transition:1s ease 0s;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s} .indexban .two.cur{left:50%;opacity:1} .indexban .textbox.two .title1{color:#b60005;font-size:76px;font-weight:bold;line-height:1.1;font-family:"Source Han Sans CN";text-shadow:0px 5px 5px rgba(0, 0, 0, 0.17)} .indexban .textbox.two .title2{color:#fff;font-size:66px;margin-left:7.5vw;line-height:1.1;font-weight:bold;font-family:"Source Han Sans CN";text-shadow:0px 5px 5px rgba(0, 0, 0, 0.17)} .indexban .textbox.two .entitle1, .indexban .textbox.two .entitle2{color:#fff;font-size:24px;font-family:Arial;text-shadow:0px 5px 5px rgba(0, 0, 0, 0.17);margin-left:7.5vw} .indexban .textbox.two .entitle1{margin-top:12px} .indexban .textbox.two .line{width:50px;height:4px;background-color:#b60005;margin-top:1.875vw;margin-left:7.5vw} .indexban .swiper-slide{overflow:hidden} .indexban .swiper-button-next, .indexban .swiper-button-prev{width:8px;height:15px;top:auto;bottom:50px;opacity:1;background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .indexban .swiper-button-next{background-image:url(../img/ban-r.png);right:auto;left:calc(50% + 65px);margin-left:-4px} .indexban .swiper-button-prev{background-image:url(../img/ban-l.png);left:calc(50% - 65px);margin-left:-4px} .indexban .numbox{position:absolute;bottom:42px;left:50%;z-index:4;margin-left:-35px} .indexban .numbox .curnum{color:#fff;font-size:30px;font-family:Arial;font-weight:bold} .indexban .numbox .l, .indexban .numbox .pagenum{color:#fff;font-size:12px;font-family:Arial;margin-top:15px} .indexban .numbox .l{margin:15px 10px 0} .indexa{padding:124px 0 126px} .indextop .entitle{color:#ccc;font-weight:bold;font-size:48px;font-family:Arial} .indextop .cntitle{font-size:30px;margin-top:8px} .indextop .more{width:158px;height:60px;border:1px solid #ccc;line-height:60px;display:block;text-align:center;font-weight:bold;font-family:Arial} .indextop .more:hover{background-color:#b60005;color:#fff;border:1px solid #b60005} .indexa .bot{margin-top:48px} .indexa .bot .swiper-slide{width:48%;margin-right:4%} .indexa .bot .swiper-slide:nth-of-type(3n){margin-right:0} .indexa .bot .swiper-slide .img{position:relative} .indexa .bot .swiper-slide .img:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;opacity:0.7;background-image:url(../img/iabg.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .indexa .bot .swiper-slide .img img{width:100%} .indexa .bot .swiper-slide .textbox{width:100%;position:absolute;bottom:40px;left:0;padding:0 50px 0 56px;z-index:2} .indexa .bot .swiper-slide .textbox .cntitle{color:#fff;font-size:24px;font-weight:bold} .indexa .bot .swiper-slide .textbox .entitle{color:#fff;font-size:16px;font-family:Arial;margin-top:3px} .indexa .bot .swiper-slide .textbox .more{width:38px;height:38px;background-color:#fff;font-size:18px;font-weight:bold;color:#999;line-height:38px;border-radius:38px;text-align:center;margin-top:12px} .indexa .bot .swiper-slide:hover .textbox .more{background-color:#c32d31;color:#fff} .indexa .bot .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .indexa .bot .swiper-button-next, .indexa .bot .swiper-button-prev{width:8px;height:15px;top:auto;bottom:0;opacity:1;display:none;margin-top:0} .indexa .bot .numbox{position:absolute;bottom:-4px;left:50%;margin-left:-24px} .indexa .bot .numbox .curnum{font-size:20px;font-weight:bold;font-family:Arial} .indexa .bot .numbox .l, .indexa .bot .numbox .pagenum{font-size:14px;color:#999;font-family:Arial} .indexa .bot .numbox .l{margin:5px 5px 0} .indexa .bot .numbox .pagenum{margin-top:5px} .indexb{padding:118px 0;background-color:#f2f2f2} .indexb .indexbright{width:calc(100% - 443px);margin-left:38px} .indexb .imgbox{position:relative} .indexb .imgbox:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .indexb .imgbox .textbox{position:absolute;top:62px;left:74px} .indexb .imgbox .textbox .entitle{color:#fff;font-size:18px;font-weight:bold;font-family:Arial} .indexb .imgbox .textbox .cntitle{color:#fff;font-size:30px;margin-top:10px} .indexb .imgbox .textbox .line{width:33px;height:2px;background-color:#fff;margin:42px 0 82px} .indexb .imgbox .textbox .more{width:158px;height:60px;border:1px solid #fff;line-height:60px;color:#fff;display:block;text-align:center;font-weight:bold;font-family:Arial} .indexb .imgbox .textbox .more:hover{background-color:#b60005;color:#fff;border:1px solid #b60005} .indexbright .slide{margin-bottom:30px} .indexbright .swiper-slide a{background-color:#fff} .indexbright .swiper-slide a .img{height:351px;overflow:hidden} .indexbright .swiper-slide a .img img{width:563px} .indexbright .swiper-slide a .textbox{width:calc(100% - 563px);padding:54px 54px 118px 74px} .indexbright .swiper-slide a .textbox .date{color:#999} .indexbright .swiper-slide a .textbox .title{font-size:18px;margin-top:14px;max-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .indexbright .swiper-slide a .textbox .text{margin-top:36px;color:#666;line-height:2.143;max-height:86px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .indexbright .swiper-slide a .more, .indexbright .indexbbot .list .more{width:35px;height:35px;border-radius:35px;background-color:#c32d31;color:#fff;font-size:18px;font-weight:bold;text-align:center;line-height:35px;position:absolute;right:54px;bottom:42px} .indexbright .swiper-slide a:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .indexbright .swiper-slide a:hover .textbox .title{color:#c32d31} .indexbright .numbox{position:absolute;left:676px;bottom:37px;z-index:3} .indexbright .numbox .curnum{font-size:30px;font-weight:bold;font-family:Arial} .indexbright .numbox .l, .indexbright .numbox .pagenum{font-size:12px;color:#999;font-family:Arial} .indexbright .numbox .l{margin:16px 8px 0} .indexbright .numbox .pagenum{margin-top:16px} .indexbright .swiper-button-next, .indexbright .swiper-button-prev{width:8px;height:15px;top:auto;bottom:46px;opacity:1;margin-top:0;background-size:100% 100%} .indexbright .swiper-button-next{background-image:url(../img/indexa-r.png);left:772px} .indexbright .swiper-button-next:hover{background-image:url(../img/indexa-rcur.png)} .indexbright .swiper-button-prev{background-image:url(../img/indexa-l.png);left:638px} .indexbright .swiper-button-prev:hover{background-image:url(../img/indexa-lcur.png)} .indexbright .indexbbot .list{width:48.5%;margin-right:3%;background-color:#fff;padding:50px 60px 44px 66px;display:block} .indexbright .indexbbot .list:nth-of-type(2n){margin-right:0} .indexbright .indexbbot .list .title{font-size:18px;line-height:1.667;height:58px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .indexbright .indexbbot .list .text{color:#666;margin-top:14px;line-height:2.143;max-height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .indexbright .indexbbot .list .bot{margin-top:20px} .indexbright .indexbbot .list .date{color:#999;line-height:35px} .indexbright .indexbbot .list .more{position:static} .indexbright .indexbbot .list:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);box-shadow:0px 4px 22px rgba(0,0,0,0.04)} .indexbright .indexbbot .list:hover .title{color:#ad011a} .indexc{padding:82px 0 60px} .indexc .bot{margin-top:32px;padding:0 62px;position:relative} .indexc .bot .swiper-button-next, .indexc .bot .swiper-button-prev{width:35px;height:35px;background-size:100% 100%;margin-top:-18px} .indexc .bot .swiper-button-next{background-image:url(../img/sty-r.png)} .indexc .bot .swiper-button-prev{background-image:url(../img/sty-l.png)} .indexc .bot .swiper-button-next:hover{background-image:url(../img/sty-rcur.png)} .indexc .bot .swiper-button-prev:hover{background-image:url(../img/sty-lcur.png)} .indexc .bot .swiper-slide .img{height:64px;line-height:64px;text-align:center} .indexc .bot .swiper-slide .img img{max-width:80%;display:initial;vertical-align:middle} @media (max-width:1580px){ .indexban .textbox.two{margin-left:-42.66665vw} .indexban .one.cur{left:26.5833vw} .indexban .textbox.one .title1{font-size:58px;background-size:auto 100%} .indexban .textbox.one .title2{font-size:52px} .indexban .textbox.one .entitle1, .indexban .textbox.one .entitle2{font-size:16px} .indexban .textbox.two .title1{font-size:66px} .indexban .textbox.two .title2{font-size:56px} .indexban .textbox.two .entitle1, .indexban .textbox.two .entitle2{font-size:20px} .indexbright .swiper-slide a .img{width:463px} .indexbright .swiper-slide a .textbox{width:calc(100% - 463px);padding:30px 30px 98px 50px} .indexbright .swiper-slide a .textbox .text{margin-top:20px} .indexbright .swiper-slide a .textbox .title{margin-top:10px} .indexbright .indexbbot .list{padding:30px 45px} .indexbright .numbox{left:546px} .indexbright .swiper-button-prev{left:524px} .indexbright .swiper-button-next{left:632px} } @media (max-width:1440px){ .indexban .textbox.two{margin-left:-43.66665vw} .indexban .textbox.one .title1{font-size:48px} .indexban .textbox.one .title2{font-size:42px} .indexban .textbox.two .title1{font-size:56px} .indexban .textbox.two .title2{font-size:46px} .indexban .textbox.two .entitle1, .indexban .textbox.two .entitle2{font-size:18px} .indexb .imgbox{width:305px} .indexbright .swiper-slide a .img{width:363px} .indexbright .swiper-slide a .textbox{width:calc(100% - 363px);padding:30px 30px 64px 50px} .indexbright .swiper-slide a .textbox .text{margin-top:10px;line-height:1.8;max-height:75px} .indexbright .swiper-slide a .textbox .title{margin-top:4px} .indexbright .indexbbot .list{padding:30px 45px} .indexbright .numbox{left:446px;bottom:20px} .indexbright .swiper-button-prev{left:424px;bottom:29px} .indexbright .swiper-button-next{left:532px;bottom:29px} .indexbright .swiper-slide a .more{bottom:20px;right:30px} .indexbright .indexbbot .list{padding:29px 35px} } @media (max-width:1366px){ .indexban .textbox.two{margin-left:-44.66665vw} } @media (max-width:1280px){ .indexban .textbox.two{margin-left:-46.66665vw} } @media (max-width:993px){ .indexbanner{display:none} .m-ban{display:block} .indexban .textbox.one .title1, .indexban .textbox.two .title1{font-size:24px;} .indexban .textbox.one .title2, .indexban .textbox.two .title2{font-size:22px} .indexban .textbox.one .entitle1, .indexban .textbox.one .entitle2{font-size:12px} .indexban .textbox.one{left:5vw} .indexban .one.cur{left:22vw} .indexban .textbox.two{margin-left:0} .indexban .two.cur{left:0;padding:0 15px} .indexban .textbox.two .entitle1, .indexban .textbox.two .entitle2{font-size:12px} .indexban .numbox{bottom:10px} .indexban .swiper-button-next, .indexban .swiper-button-prev{bottom:18px} .indexa, .indexb, .indexc{padding:40px 0} .indextop .entitle{font-size:24px} .indextop .cntitle{font-size:18px;margin-top:3px} .indextop .more{width:108px;height:42px;line-height:42px;margin-top:10px} .indexa .bot .swiper-slide .textbox{padding:0 10px;bottom:15px} .indexa .bot .swiper-container{padding-bottom:40px} .indexa .bot{margin-top:25px} .indexa .bot .swiper-slide .textbox .cntitle{font-size:16px} .indexa .bot .swiper-slide .textbox .more{width:28px;height:28px;line-height:28px;font-size:16px} .indexa .bot .swiper-button-next, .indexa .bot .swiper-button-prev{display:block;background-size:100% 100%} .indexa .bot .swiper-button-next{background-image:url(../img/indexa-r.png);left:calc(50% + 42px)} .indexa .bot .swiper-button-next.cur{background-image:url(../img/indexa-rcur.png)} .indexa .bot .swiper-button-prev{background-image:url(../img/indexa-l.png);left:calc(50% - 42px)} .indexa .bot .swiper-button-prev.cur{background-image:url(../img/indexa-lcur.png)} .indexa .bot .swiper-slide .textbox .entitle{font-size:14px} .indexb .imgbox{display:none} .indexb .indexbright{width:100%;margin-left:0} .indexbright .swiper-slide a .img, .indexbright .swiper-slide a .img img{width:100%} .indexbright .swiper-slide a .img{height:200px;overflow:hidden} .indexbright .swiper-slide a .textbox{width:100%;padding:15px 20px 60px} .indexbright .swiper-slide a .textbox .text{max-height:52px;margin-top:6px} .indexbright .swiper-slide a .more, .indexbright .indexbbot .list .more{width:28px;height:28px;line-height:28px;font-size:16px} .indexbright .swiper-button-prev{left:20px} .indexbright .numbox{left:48px;bottom:25px} .indexbright .swiper-button-next{left:116px} .indexbright .numbox .curnum{font-size:20px} .indexbright .numbox .l{margin:7px 4px 0} .indexbright .numbox .pagenum{margin-top:7px} .indexbright .indexbbot .list{width:100%;margin-right:0;margin-bottom:20px;padding:20px} .indexbright .indexbbot .list:nth-last-of-type(1){margin-bottom:0} .indexbright .slide{margin-bottom:20px} .indexbright .indexbbot .list .title{font-size:16px;height:24px} .indexbright .indexbbot .list .text{line-height:1.8;margin-top:6px} .indexbright .indexbbot .list .bot{margin-top:10px} .indexbright .indexbbot .list .date{line-height:28px} .indexc .bot{margin-top:15px;padding:0 40px} .indexc .bot .swiper-button-next{right:0} .indexc .bot .swiper-button-next, .indexc .bot .swiper-button-prev{width:28px;height:28px;margin-top:-14px} .indexc .bot .swiper-button-prev{left:0} } /* 鍏充簬鏉惧叴 */ .about{padding:80px 0 92px} .pagetitlebox .cntitle{color:#ad011a;font-size:24px;font-weight:bold;font-family:Arial} .pagetitlebox .entitle{font-size:24px;font-weight:bold;margin-top:4px} .pagetopnav{margin-top:30px} .pagetopnav .list, .pagetopnav .list img{display:inline-block} .pagetopnav .list{margin-right:2px;color:#666} .pagetopnav .list img{vertical-align:middle;margin-bottom:2px} .pagetopnav .list.cur{color:#ad011a;font-weight:bold} .aboutbox{margin-top:40px} .aboutcenbox, .architbox{margin-top:48px} .aboutcenbox .imglist{position:relative} .aboutcenbox .imglist:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .aboutcennumbox{position:absolute;bottom:82px;right:38px} .aboutcennumbox .numUp{color:#fff;font-size:60px;font-family:Arial;line-height:1} .aboutcennumbox .unit{color:#fff;margin-top:34px} .aboutcennumbox .text{color:#fff;margin-top:10px;text-align:center} .aboutcenbox .textboxlist{width:calc(100% - 727px);background-color:#ad011a;padding:78px 0 0 46px} .aboutcenbox .textboxlist .bot{margin-top:76px} .aboutcenbox .textboxlist .aboutcennumbox{position:static} .aboutcenbox .textboxlist .aboutcennumbox:nth-of-type(1){margin-right:80px} .aboutvideo{position:relative;margin-top:79px} .aboutvideo video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0} .aboutvideo.cur video{z-index:9;opacity:1} .aboutvideo.cur .img, .aboutvideo.cur .textbox{z-index:-1;opacity:0} .aboutvideo .textbox{width:100%;position:absolute;top:50%;left:0;margin-top:-105px} .aboutvideo .textbox .entitle{color:#fff;font-size:24px;font-weight:bold;font-family:Arial;letter-spacing:6px;text-align:center} .aboutvideo .textbox .cntitle{color:#fff;font-size:24px;font-weight:bold;margin-top:30px;text-align:center} .aboutvideo .textbox .player{width:84px;height:84px;margin:38px auto 0;cursor:pointer} .aboutvideo:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .archit{padding:80px 0 85px} .historylist{padding-bottom:62px;position:relative;z-index:3} .historylist .year{font-family:Arial;font-size:28px;font-family:'got';color:#535353;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .historylist .yuan{width:14px;height:14px;border:2px solid #535353;background-color:#fff;border-radius:10px;margin:10px 20px 0 26px;position:relative;z-index:3;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .historylist .yuan:after{content:"";width:6px;height:6px;border-radius:6px;background-color:#ad011a;position:absolute;top:50%;left:50%;margin-top:-3px;margin-left:-3px;opacity:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .historylist .hisrightbox{width:calc(100% - 124px)} .historylist .img{width:300px} .historylist .textbox{width:calc(100% - 300px);padding-left:30px} .historylist .textbox .name{font-weight:bold;font-size:16px;margin-bottom:10px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .historylist .textbox .text{color:#666;line-height:30px} .history{margin-top:80px;position:relative} .history:after{content:"";width:1px;height:100%;background-color:#eaeaea;position:absolute;top:8px;left:95px} .historylist:hover .year, .historylist:hover .textbox .name{color:#ad011a} .historylist:hover .yuan{border-color:#ad011a} .historylist:hover .yuan:after{opacity:1} /* .history{padding-top:48px;margin-top:38px;border-top:1px solid #eee} .history .swiper-slide{font-size:22px;text-align:center;line-height:48px;font-weight:bold;cursor:pointer} .history .swiper-slide.cur{color:#ad011a} .history .swiper-slide.cur:after{content:"";width:64px;height:2px;background-color:#b60005;position:absolute;bottom:0;left:50%;margin-left:-32px} .historycon{margin-top:75px;padding-bottom:85px} .historycon .list{display:none;position:relative;padding-left:464px} .historycon .list.cur{display:block} .historycon .list:before{content:attr(data-year);line-height:0.68;font-size:506px;font-weight:bold;color:rgba(204,204,204,0.17);position:absolute;top:-24px;left:-28px;z-index:-1} .historycon .list .img{position:absolute;top:0;left:34px;z-index:1} .historycon .list .textbox{position:relative;z-index:2;min-height:302px} .historycon .list .textbox .year{font-size:36px;display:inline-block;font-weight:bold;padding-left:110px;line-height:72px;border-bottom:2px solid #1b1b1b} .historycon .list .textbox .text{padding-left:110px;margin-top:28px} .historycon .list .textbox .text .item{margin-bottom:30px} .historycon .list .textbox .text .item:nth-last-of-type(1){margin-bottom:0} .historycon .list .textbox .text .date{margin-bottom:8px;font-size:20px} .historycon .list .textbox .text .t{color:#999;font-size:18px} .historycon .list:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} */ .honor{padding-top:44px;margin-top:38px;border-top:1px solid #eee} .styleb{padding-top:70px;margin-top:40px;border-top:1px solid #eee} .styleb .stylebox{position:relative} .honitem{width:32%;margin-right:2%;margin-bottom:30px;background-color:#f5f5f5;padding:32px 26px 32px 29px} .honitem:nth-of-type(3n){margin-right:0} .honitem .img{height:232px;line-height:232px;text-align:center} .honitem .img img{max-width:100%;max-height:100%;display:initial;vertical-align:middle} .honitem .title{color:#666;margin-top:30px;text-align:center} .honormore{margin-top:20px;;height:48px;line-height:48px;color:#999;text-align:center;cursor:pointer} .honormore .img{display:inline-block} .honormore img{display:initial;vertical-align:middle;margin-bottom:2px} .honormore .text{line-height:48px;color:#999;margin-left:14px;display:inline-block} .honormore.cur{cursor:not-allowed} .honormore.cur .img{animation:xuanzhuan 0.6s linear 0s infinite normal none;-webkit-animation:xuanzhuan 0.6s linear 0s infinite normal none;-moz-animation:xuanzhuan 0.6s linear 0s infinite normal none} .culturebox{margin-top:46px} .cultureitem .img, .cultureitem .pcimg{width:50%} .cultureitem .wapimg{display:none} .cultureitem .textbox{width:50%;padding-left:6.5625vw;background-color:#efefef;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center} .cultureitem .textbox2{margin-left:18px} .cultureitem .textbox2 .cntitle{color:#b60005;font-size:24px} .cultureitem .textbox2 .entitle{color:#666;font-size:22px;font-family:Arial;margin-top:5px} .cultureitem .textbox2 .line{width:16px;height:2px;background-color:#001d38;margin:30px 0 26px} .cultureitem .textbox2 .text{font-size:24px} .cultureitem:hover .img img, .cultureitem:hover .pcimg img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .stylebox .title{text-align:center;color:#666;font-weight:bold;margin-top:16px} .stylebox .swiper-button-next, .stylebox .swiper-button-prev, .probot .bot .swiper-button-next, .probot .bot .swiper-button-prev{width:34px;height:35px;margin-top:-17px;background-size:100% 100%;opacity:1} .stylebox .swiper-button-next, .probot .bot .swiper-button-next{background-image:url(../img/sty-r.png)} .stylebox .swiper-button-prev, .probot .bot .swiper-button-prev{background-image:url(../img/sty-l.png)} .stylebox .swiper-button-next:hover, .probot .bot .swiper-button-next:hover{background-image:url(../img/sty-rcur.png)} .stylebox .swiper-button-prev:hover, .probot .bot .swiper-button-prev:hover{background-image:url(../img/sty-lcur.png)} .stylebox .swiper-slide{width:582px} .stylebox .swiper-slide img{width:100%} .stylebox .swiper-slide .title{transform:scale(1.4);-webkit-transform:scale(1.4);-moz-transform:scale(1.4)} .stylebox .swiper-slide.swiper-slide-active .title{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)} .coreuserlist{width:20%;margin-bottom:46px;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center} .coreuser{margin-top:26px} @keyframes xuanzhuan{ from {transform:rotateZ(0deg)} to {transform:rotateZ(360deg)} } @-webkit-keyframes xuanzhuan{ from {-webkit-transform:rotateZ(0deg)} to {-webkit-transform:rotateZ(360deg)} } @-moz-keyframes xuanzhuan{ from {-moz-transform:rotateZ(0deg)} to {-moz-transform:rotateZ(360deg)} } @media (max-width:1440px){ } @media (max-width:1280px){ .aboutcenbox .textboxlist .aboutcennumbox:nth-of-type(1){margin-right:40px} .aboutcennumbox .numUp{font-size:48px} .aboutcennumbox .unit{margin-top:24px} .historycon .list:before{font-size:39.2vw} } @media (max-width:1150px){ .aboutcenbox .textboxlist .aboutcennumbox:nth-of-type(1){margin-right:20px} .aboutcennumbox .numUp{font-size:40px} .aboutcennumbox .unit{margin-top:24px} .aboutcenbox .imglist{width:607px} .aboutcenbox .textboxlist{width:calc(100% - 607px);padding:48px 0 0 30px} .aboutcenbox .textboxlist .bot{margin-top:60px} .historycon .list .img{width:395px} .historycon .list{padding-left:364px} } @media (max-width:993px){ .about, .archit{padding:40px 0} .pagetopnav{display:none} .pagetitlebox .cntitle, .pagetitlebox .entitle{font-size:20px} .aboutbox{margin-top:25px} .aboutcenbox, .architbox, .culturebox{margin-top:30px} .aboutcennumbox{bottom:8%} .aboutcennumbox .numUp{font-size:30px} .aboutcennumbox .unit{margin-top:10px} .aboutcenbox .textboxlist{width:100%;padding:30px 15px} .aboutcenbox .textboxlist img{width:199px} .aboutcennumbox .text{margin-top:3px} .aboutcenbox .textboxlist .bot,.aboutvideo{margin-top:35px} .aboutcennumbox{left:15px;right:auto} .aboutvideo .textbox{margin-top:-57px} .aboutvideo .textbox .entitle{font-size:18px} .aboutvideo .textbox .cntitle{font-size:18px;margin-top:8px} .aboutvideo .textbox .player{width:46px;height:46px;margin:15px auto 0} .historycon .list .img{width:100%;position:static} .historycon .list .textbox{width:100%} .historycon .list .textbox .text .date{font-size:18px} .historycon .list .textbox .text .t{color:#999;font-size:16px} .historycon .list{padding-left:0} /* .history, */ .honor{margin-top:30px;padding-top:30px} .history{margin-top:30px} .historylist .year{font-size:22px} .historylist .yuan{margin:8px 10px 0 15px} .history:after{left:86px} .historylist .img{width:100%} .historylist .hisrightbox{width:calc(100% - 91px)} .historylist .textbox{width:100%;padding-left:0;margin-top:20px} .historylist{padding-bottom:35px} .historylist .textbox .text{line-height:24px} .historycon{margin-top:35px;padding-bottom:0} .historycon .list:before{top:auto;bottom:5%;left:0} .historycon .list .textbox .year{padding-left:0;font-size:26px;padding-right:50px;line-height:46px} .historycon .list .textbox .text{padding-left:0} .honitem{width:100%;margin-right:0;margin-bottom:20px;padding:20px} .honitem img{max-width:100%} .honormore{background-color:#f6f6f6} .cultureitem .wapimg{width:100%;display:block} .cultureitem .pcimg{display:none} .cultureitem .img, .cultureitem .img img, .cultureitem .wapimg img{width:100%} .cultureitem .textbox{width:100%;padding:35px 20px} .cultureitem .textbox .icon img{width:28px} .cultureitem .textbox2{width:calc(100% - 38px);margin-left:10px} .cultureitem .textbox2 .cntitle{font-size:20px;line-height:1} .cultureitem .textbox2 .entitle{font-size:16px} .cultureitem .textbox2 .line{margin:15px 0} .cultureitem .textbox2 .text{font-size:14px} .styleb{padding-top:30px;margin-top:30px} .stylebox .swiper-slide{width:100%} .coreuserlist{width:50%;margin-bottom:20px;padding:0 10px} } /* 鏉惧叴蹇 */ .newsitems{margin-top:38px;border-top:1px solid #eee} .newsitem{display:block;padding:40px 0;background-image:url(../img/line.png);background-repeat:no-repeat;background-position:center bottom} .newsitem .img{width:500px;height:312px} .newsitem .img img{width:100%} .newsitem .textbox{width:calc(100% - 500px);padding:30px 0 0 50px} .newsitem .textbox .title{font-size:18px;max-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .newsitem .textbox .date{margin-top:10px;color:#999;font-family:Arial} .newsitem .textbox .text{color:#666;line-height:2.143;margin-top:42px;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .newsitem .textbox .more{color:#000;margin-top:82px} .newsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .newsitem:hover .textbox .more{color:#ba0d12} .news .honormore{margin-top:60px} .newsdetail{padding:66px 0 80px} .newsdetail .title{font-size:24px;font-weight:bold;text-align:center} .newsdetail .date{color:#999;margin-top:22px;text-align:center} .newsdetail .content{padding:38px 0 54px;border-bottom:1px solid #eee} .newsdetail .content img{display:initial} .newsdetail .bot{margin-top:68px} .newsdetail .list, .prodetail .pdbot .list, .procbox .pdcbot .list{width:260px;height:58px;color:#666;border-radius:58px;font-size:18px;text-align:center;line-height:58px;display:block;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.09)} .newsdetail .return, .prodetail .pdbot .return, .procbox .pdcbot .return{margin:0 calc((100% - 780px) / 2)} @media (max-width:993px){ .newsitem{padding:20px 0 0} .newsitem .img,.newsitem .img img{width:100%;height:auto} .newsitem .textbox{width:100%;padding:25px 15px} .newsitem .textbox .date{margin-top:4px} .newsitem .textbox .text{margin-top:15px} .newsitem .textbox .more, .news .honormore{margin-top:20px} .newsdetail{padding:40px 0} .newsdetail .title{font-size:20px} .newsdetail .date{margin-top:10px} .newsdetail .content{padding:30px 0} .newsdetail .bot{margin-top:30px} .newsdetail .list, .prodetail .pdbot .list, .procbox .pdcbot .list{width:90px;height:36px;line-height:36px;font-size:14px} .newsdetail .return, .prodetail .pdbot .return, .procbox .pdcbot .return{margin:0 calc((100% - 270px) / 2)} } /* 绉戞妧鐮斿彂 */ .techcenter{margin-top:38px;padding-top:36px;border-top:1px solid #eee} .techcenter .desc{color:#666;line-height:2.571} .techcenterbox{margin-top:38px} .techcenterbox .textbox{width:calc(100% - 687px);margin-left:84px} .techcenterbox .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .techcenterbox .textbox .list{margin-bottom:6px} .techcenterbox .textbox .list .text{width:calc(100% - 91px);margin-left:32px;padding:14px 0 24px;line-height:30px;color:#666;font-size:16px;border-bottom:1px solid #d2d2d2} .techcenterbox .textbox .list:nth-last-of-type(1) .text{border-bottom:none} .techhonoritem{width:24%;margin-right:1.3333%;background-color:#f5f5f5;margin-bottom:27px;padding:42px 30px 36px} .techhonoritem:nth-of-type(4n){margin-right:0} .techhonoritem .img{text-align:center;height:250px;line-height:250px} .techhonoritem .img img{display:initial;vertical-align:middle} .techhonoritem .title{color:#666;text-align:center;margin-top:15px} .techcorelist{width:32%;margin-right:2%} .techcorelist:nth-of-type(3n){margin-right:0} .techcorelist .bot{margin-top:32px} .techcorelist .bot .cntitle{font-size:18px;font-weight:bold} .techcorelist .bot .entitle{font-size:12px;font-family:Arial;margin-top:3px} .techcorelist .bot .items{margin-top:22px} .techcorelist .bot .item{width:50%;margin-bottom:16px;padding-left:24px;position:relative;color:#666} .techcorelist .bot .item:after{content:"";width:5px;height:5px;background-color:#666;border-radius:5px;position:absolute;top:50%;left:3px} .techcorelist:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} @media (max-width:993px){ .techcenter{padding-top:30px;margin-top:30px} .techcenter .desc{line-height:1.8} .techcenterbox{margin-top:20px} .techcenterbox .img{width:100%} .techcenterbox .textbox{width:100%;margin-left:0;margin-top:15px} .techcenterbox .textbox .list .text{width:calc(100% - 74px);margin-left:15px;padding:10px 0;line-height:24px} .techcenterbox .textbox .list{margin-bottom:14px} .techhonoritem{width:100%;margin-right:0;margin-bottom:20px;padding:25px 15px} } /* 浜у搧 */ .productnav{height:64px;border-bottom:1px solid #b2b2b2} .productnav .w1200{text-align:center} .productnavlist{font-size:16px;margin:0 18px 0 22px;padding:0 10px;line-height:64px;display:inline-block;position:relative} .productnavlist:after{content:"";width:0;height:2px;background-color:#b60005;position:absolute;bottom:0;left:50%;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s} .productnavlist.cur, .productnavlist:hover{color:#ad011a;font-weight:bold} .productnavlist.cur:after, .productnavlist:hover:after{width:100%;margin-left:-50%} .probox{margin-top:58px} .proboxtop{font-size:18px;margin-bottom:38px} .probox .childnav .childnavlist{padding:0 60px;height:52px;margin-bottom:20px;margin-right:20px;display:block;background-color:#eee;line-height:52px;border-radius:52px} .probox .childnav .childnavlist:nth-of-type(5n){margin-right:0} .probox .childnav .childnavlist.cur, .probox .childnav .childnavlist:hover{background-color:#b60005;color:#fff;font-weight:bold} .proitems{margin:30px 0 22px} .proitem{width:22.6666%;margin-right:3.1112%;margin-bottom:38px} .proitem:nth-of-type(4n){margin-right:0} .proitem .img{height:226px;border:1px solid #ddd;line-height:226px;text-align:center} .recmmprob .proitem .img{height:auto;border:none;line-height:initial} .proitem .img img{display:initial;max-height:220px;vertical-align:middle} .proitem .title{color:#666;margin-top:20px;text-align:center;padding:0 10px;max-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .proitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .proitem:hover .title{color:#ad011a} .probot{padding:60px 0 40px;background-color:#eee} .probot .entitle{color:#ccc;font-size:48px;font-weight:bold;font-family:Arial;line-height:1.2} .probot .cntitle{font-size:30px} .probot .more{width:158px;height:60px;border:1px solid #ccc;line-height:60px;text-align:center;font-weight:bold;font-family:Arial} .probot .more:hover{background-color:#ad011a;color:#fff} .probot .bot{margin-top:24px;padding:0 90px;position:relative} .probot .bot .swiper-slide{height:94px;line-height:94px;text-align:center} .probot .bot .swiper-slide img{display:initial;vertical-align:middle} .probot .bot .swiper-button-next{right:0} .probot .bot .swiper-button-prev{left:0} .prodetail{margin-top:24px} .prodetail .top .title{color:#000;font-size:24px;text-align:center} .prodetail .top .desc{color:#666;font-size:16px;text-align:center;margin-top:8px} .prodetail2, .prodetail3{padding:56px 0 62px;border-bottom:1px solid #eee} .prodetail2 .textbox{width:calc(100% - 473px);margin-right:30px} .prodetail2 .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .prodetail2 .textbox .name, .prodetail3 .textbox .name{font-size:22px} .prodetail2 .textbox .text, .prodetail3 .textbox .text{color:#666;margin-top:28px;line-height:2.571} .prodetail .pdbot{margin:62px 0} .prodetail1{margin-top:50px;padding-bottom:56px;border-bottom:1px solid #eee} .prodetail1 .textbox{width:calc(100% - 632px);margin-left:56px} .prodetail1 .textbox .proddesc{color:#666;line-height:2.571} .prodetail1 .textbox .featuresdesc{margin-top:46px} .prodetail1 .textbox .featuresdesc .t{color:#666;font-size:16px;font-weight:bold} .prodetail1 .textbox .featuresdesc .b{color:#666;line-height:2.571;margin-top:7px} .prodetailslide{width:576px;border:1px solid #eee;padding:34px 0} .prodetailslide .swiper-button-next, .prodetailslide .swiper-button-prev{width:10px;height:17px;margin-top:-8px;opacity:1;background-size:100% 100%} .prodetailslide .swiper-button-next{background-image:url(../img/pd-r.png)} .prodetailslide .swiper-button-prev{background-image:url(../img/pd-l.png)} .prodetailslide .swiper-slide{text-align:center} .prodetailslide .swiper-slide img{max-width:100%;display:initial;vertical-align:middle} .prodetailb1{margin-top:30px;border-top:1px solid #eee;padding-top:30px} .prodetailb1 .textbox{width:100%;padding-top:18px} .prodetailb1 .textbox .one .list{color:#666;padding-left:14px;line-height:2.571;background-image:url(../img/pdbicon.jpg);background-repeat:no-repeat;background-position:left top 15px} .prodetailb1 .textbox .two{margin-top:36px} .prodetailb1 .textbox .two .t{color:#666;font-size:16px;font-weight:bold;padding-left:14px;background-image:url(../img/pdbicon.jpg);background-repeat:no-repeat;background-position:left top 9px} .prodetailb1 .textbox .two .b{color:#666;line-height:2.571;margin-top:7px} .prodetailb1 .img:hover img, .prodetailb2 .item:hover .img img, .procbox .item:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .prodetailb2{padding:48px 0 50px;margin-top:34px;border-top:1px solid #eee} .prodetailb2 .entitle{color:#ad011a;font-size:24px;font-weight:bold;font-family:Arial} .prodetailb2 .cntitle{font-size:24px;font-weight:bold;margin-top:7px} .prodetailb2 .items{margin-top:38px} .prodetailb2 .item{width:49%;margin-right:2%;margin-bottom:30px;display:block} .prodetailb2 .item:nth-of-type(2n){margin-right:0} .prodetailb2 .item img, .procbox .item .img img{width:100%} .prodetailb2 .item .title, .procbox .item .title{font-size:22px;color:#000;text-align:center;height:80px;line-height:80px;background-color:#dcdcdc;height:80px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .prodetailb2 .item:hover .title, .procbox .item:hover .title{background-color:#ad011a;color:#fff} .procbox{padding:54px 0 56px} .procbox .content{margin-bottom:50px} .procbox .items .item{width:32%;margin-right:2%;margin-bottom:30px;display:block} .procbox .items .item:nth-of-type(3n+1){margin-right:0} .procbox .items .item.one{width:100%} .procbox .items .item .title{font-size:18px;height:52px;line-height:52px} .procbox .items .item.one .title{font-size:22px;height:80px;line-height:80px} .probox.procbox{padding:0 0 56px} .procdetail1{margin-top:32px;padding-top:58px;border-top:1px solid #eee} .procdetail1 .top .textbox{width:calc(100% - 598px);margin-right:118px} .procdetail1 .top .textbox .name{color:#000;font-size:24px} .procdetail1 .top .textbox .box{margin-top:14px} .procdetail1 .top .textbox .box .item{width:50%;color:#666;font-size:18px;font-weight:bold;padding-left:42px;position:relative;margin:7px 0} .procdetail1 .top .textbox .box .item:after{content:attr(num);color:#666;font-size:18px;font-weight:bold;position:absolute;left:0;top:2px} .procdetail1 .top .textbox .desc{line-height:2.571;color:#666;margin-top:52px} .procdetail1 .top .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .procdetail1 .bot{margin-top:44px} .procdetail1 .bot .list{margin-right:17px;margin-bottom:20px} .procdetail1 .bot .list:nth-of-type(3n){margin-right:0} .procdetail1 .bot .list .title{height:52px;line-height:52px;background-color:#dcdcdc;padding:0 10px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .procdetail2{margin-top:55px;padding-top:62px;border-top:1px solid #eee} .procdetail2 .textbox .name{font-size:22px} .procdetail2 .textbox .text{line-height:2.571;color:#666;margin-top:28px} .procdetail2 .box{margin-top:54px;padding-top:48px;border-top:1px solid #eee} .procdetail2 .box .list{width:48%;margin-right:4%;flex-direction:column;flex-direction:-moz-column;flex-direction:-ms-column;flex-direction:-webkit-column} .procdetail2 .box .list:nth-of-type(2n){margin-right:0} .procdetail2 .box .list .title{width:100%;font-size:22px} .procdetail2 .box .list .img{width:100%;padding:30px 22px;background-color:#eee;margin-top:40px} .procdetail3{margin-top:74px;padding-top:64px;border-top:1px solid #eee} .procdetail3 .list{width:32%;margin-right:2%} .procdetail3 .list:nth-of-type(3n){margin-right:0} .procdetail3 .title{font-size:22px;text-align:center} .procdetail3 .img{border:3px solid #eee;margin-top:34px} .procbox .pdcbot{margin-top:72px} @media (max-width:993px){ .productnav{height:auto} .productnavlist{width:50%;line-height:44px;margin:0;margin-right:-4px} .probox{margin-top:25px} .proboxtop{font-size:16px;margin-bottom:25px} .probox .childnav .childnavlist{height:38px;line-height:38px;margin-bottom:10px;padding:0 20px;margin-right:10px} .probox .childnav .childnavlist:nth-of-type(5n){margin-right:10px} .proitems{margin:15px 0} .proitem{width:100%;margin-right:0;margin-bottom:15px} .probot{padding:30px 0} .probot .entitle{font-size:28px} .probot .cntitle{font-size:18px} .probot .more{width:100px;height:40px;line-height:40px;margin-top:14px} .probot .bot{padding:0 54px;margin-top:15px} .prodetailslide{width:100%;padding:15px 0} .prodetail1{margin-top:30px;padding-bottom:25px} .prodetail .top .title{font-size:20px} .prodetail1 .textbox{width:100%;margin-left:0;margin-top:25px} .prodetail1 .textbox .proddesc{line-height:1.8} .prodetail1 .textbox .featuresdesc{margin-top:25px} .prodetail1 .textbox .featuresdesc .b{line-height:1.8} .prodetail2, .prodetail3{padding:25px 0 30px} .prodetail2 .textbox{width:100%;margin-right:0;margin-top:25px} .prodetail2 .textbox .name, .prodetail3 .textbox .name{font-size:18px} .prodetail2 .textbox .text, .prodetail3 .textbox .text{line-height:1.8;margin-top:15px} .prodetail .pdbot{margin:30px 0 40px} .prodetailb1{margin-top:10px} .prodetailb1 .img img{width:100%} .prodetailb1 .textbox{width:100%;margin-left:0;padding-top:20px} .prodetailb1 .textbox .one .list{line-height:1.8;background-position:left top 10px} .prodetailb1 .textbox .two .b{line-height:1.8} .prodetailb1 .textbox .two{margin-top:25px} .prodetailb2{margin-top:20px;padding:25px 0 30px} .prodetailb2 .entitle, .prodetailb2 .cntitle{font-size:20px} .prodetailb2 .item{width:100%;margin-right:0;margin-bottom:20px} .prodetailb2 .item .title,.procbox .item.one .title{height:58px;line-height:58px;font-size:18px} .procbox{padding:40px 0 20px} .procbox .content{margin-bottom:25px} .procbox .item, .procdetail1 .top .textbox{width:100%;margin-right:0;margin-bottom:20px} .procdetail1{padding-top:30px} .procdetail1 .top .textbox .name{font-size:20px} .procdetail1 .top .textbox .box .item{font-size:16px} .procdetail1 .top .textbox .box .item:after{top:-2px} .procdetail1 .top .textbox .desc{margin-top:20px;line-height:1.8} .procdetail1 .bot .list{width:100%;margin-right:0} .procdetail1 .bot .list .img img{width:100%} .procdetail2{margin-top:15px;padding-top:25px} .procdetail2 .textbox .name, .procdetail2 .box .list .title{font-size:20px} .procdetail2 .textbox .text{line-height:1.8;margin-top:15px} .procdetail2 .box{margin-top:25px;padding-top:20px} .procdetail2 .box .list{width:100%;margin-bottom:20px;margin-right:0} .procdetail2 .box .list .img{padding:15px;margin-top:10px} .procdetail3{margin-top:15px;padding-top:25px} .procdetail3 .list{width:100%;margin-right:0;margin-bottom:20px} .procdetail3 .title{font-size:20px} .procdetail3 .img{margin-top:10px} .procbox .pdcbot{margin-top:15px} } /* 鎷涜搐绾冲+ */ .jobdeve{padding:78px 0 86px} .jobdeve .jobdevebox{margin-top:38px;padding-top:65px;border-top:1px solid #eee} .jobdeve .jobdevebox .box{box-shadow:0px 18px 65px 0px rgba(0, 0, 0, 0.06)} .jobdeve .jobdevebox .textbox{width:calc(100% - 600px);padding:76px 80px 206px 96px;position:relative} .jobdeve .jobdevebox .textbox:after{content:attr(text);color:rgba(173, 1, 26, 0.03);font-size:206px;font-weight:bold;font-family:Arial;position:absolute;bottom:14px;left:76px} .jobdeve .jobdevebox .textbox .name{font-size:42px;font-weight:bold} .jobdeve .jobdevebox .textbox .text{color:#999;margin-top:38px;line-height:2.571} .jobdeve .jobdevebox .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} /* .jobdeve.welfare{padding:78px 0 0} */ .jobdeve.welfare .jobdevebox .textbox{padding:56px 34px 80px 60px} .welfare .imgbox{position:relative} .welfare .imgbox .imgtextbox{position:absolute;top:92px;left:100px} .welfare .imgbox .imgtextbox .cntitle{color:#fff;font-size:72px;font-weight:bold;font-family:"Source Han Sans CN"} .welfare .imgbox .imgtextbox .entitle{color:#fff;font-size:48px} .jobdeve.welfare .jobdevebox .textbox .text{color:#666;margin-top:0;line-height:2.2} .recruititems{margin-top:38px;padding-top:40px;border-top:1px solid #eee} .recruititem{margin-bottom:4px} .recruititem .top .left{width:calc(100% - 174px)} .recruititem .top .left{height:60px;background-color:#f5f5f5;padding:15px 0} .recruititem .top .left .list{width:calc(100% / 4);border-right:1px solid #e0e0e0;text-align:center;line-height:30px} .recruititem .top .left .list:nth-last-of-type(1){border-right:none} .recruititem .top .left .list:nth-of-type(1){text-align:left;padding-left:24px} .recruititem .top .more{width:174px;text-align:center;background-color:#b60005;cursor:pointer} .recruititem .top .more .text{color:#fff;line-height:60px;display:initial;margin-right:6px} .recruititem .top .more .img{line-height:60px;display:inline-block;margin-right:6px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s} .recruititem.cur .top .more .img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)} .recruititem .top .more .img img{display:initial;vertical-align:middle} .recruititem .bot{padding:24px 25px 62px 25px;border:1px solid #e7e7e7;border-top:none;display:none} .recruititem .bot .recruitname{padding-left:36px;color:#5d5d5d;font-weight:bold;background-repeat:no-repeat;background-position:left center} .recruititem .bot .desc .recruitname{background-image:url(../img/reicon1.png)} .recruititem .bot .claim .recruitname{background-image:url(../img/reicon2.png)} .recruititem .bot .recruittext{padding-left:36px;line-height:2.571;color:#5d5d5d;font-size:12px;margin-top:18px} .recruititem .bot .claim{margin-top:22px} .recruititem .bot .emailbox{margin-top:54px;padding-left:36px} .recruititem .bot .emailbox .icon img{margin-top:3px} .recruititem .bot .emailbox .text{font-size:12px;margin-left:12px} .recruititem .bot .emailbox .email{font-size:12px;color:#b60005} .contact .textbox{padding:74px 0 114px} .contact .title{font-size:24px;font-weight:bold} .contact .line{width:47px;height:2px;background-color:#b60005;margin:26px 0 30px} .contact .textbox{width:50%} .contact .textbox .text{color:#666;font-size:16px;line-height:2.25} .contact .textbox .ewm{margin-top:28px} .contact .textbox .ewm img{display:inline-block;vertical-align:middle} .contact .textbox .ewm img.yindao{margin-bottom:50px} .contact .message{width:50%;padding:74px 40px 0;background-color:#f2f2f2} .contact .message .form{margin-top:32px} .contact .message .input{margin-bottom:11px} .contact .message input{width:100%;height:60px;padding:0 26px} .contact .message input::-webkit-input-placeholder, .contact .message textarea::-webkit-input-placeholder{color:#999} .contact .message textarea{width:100%;height:185px;padding:14px 26px} .contact .message .btn{width:250px;height:70px;background-color:#b60005;color:#fff;font-size:16px;text-align:center;line-height:70px;text-align:center;cursor:pointer} .conmapbox{height:500px;overflow:hidden} .conmapbox .map{width:100%;height:100%} @media (max-width:1440px){ .jobdeve .jobdevebox .textbox{padding:76px 80px 166px 96px} .jobdeve .jobdevebox .textbox:after{font-size:156px} .jobdeve .jobdevebox .textbox .name{font-size:34px} .welfare .imgbox .imgtextbox .cntitle{font-size:56px} .welfare .imgbox .imgtextbox .entitle{font-size:36px} .conmapbox{height:400px} } @media (max-width:993px){ .jobdeve{padding:40px 0} .jobdeve .jobdevebox{margin-top:25px;padding-top:35px} .jobdeve .jobdevebox .box .textbox{width:100%;padding:35px 25px 105px 25px} .jobdeve .jobdevebox .textbox .name{font-size:24px} .jobdeve .jobdevebox .textbox .text{margin-top:15px;line-height:1.8} .jobdeve .jobdevebox .textbox:after{font-size:86px;bottom:0px;left:25px} .welfare .imgbox .imgtextbox{left:20%;top:14%} .welfare .imgbox .imgtextbox .cntitle{font-size:26px} .welfare .imgbox .imgtextbox .entitle{font-size:18px} .jobdeve.welfare .jobdevebox .box .textbox{padding:35px 25px} .jobdeve.welfare .jobdevebox .textbox .text{line-height:1.8} .recruititems{margin-top:25px;padding-top:30px} .recruititem .top .more{width:114px} .recruititem .top .left{width:calc(100% - 114px);height:auto} .recruititem .top .left .list{width:100%;text-align:left;border-right:none;line-height:24px;padding-left:15px} .recruititem .top .left .list:nth-of-type(1){padding-left:15px} .recruititem .bot{padding:20px 15px} .recruititem .bot .recruitname{padding-left:28px} .recruititem .bot .recruittext{padding-left:28px;margin-top:6px;line-height:1.8} .recruititem .bot .claim{margin-top:15px} .recruititem .bot .emailbox{padding-left:28px;margin-top:25px} .conmapbox{height:350px} } @media (max-width:768px){ .contact .textbox{width:100%;padding:35px 0} .contact .title{font-size:20px} .contact .line{width:30px;margin:10px 0} .contact .textbox .text{font-size:14px;line-height:1.8} .contact .message{width:100%;padding:35px 20px} .contact .message input{height:46px;padding:0 15px} .contact .message textarea{padding:10px 15px;height:125px} .contact .message .form{margin-top:20px} .contact .message .btn{width:140px;height:48px;line-height:48px} } /* 鍚庢湡娣诲姞 */ .recmmpro{padding:100px 0} .recmmpro .btitle{font-size:22px} .recmmpro .recmmprobox{position:relative;margin-top:40px} .recmmprobox{padding:0 90px} .recmmprobox .swiper-button-next, .recmmprobox .swiper-button-prev{ width: 34px; height: 35px; margin-top: -17px; background-size: 100% 100%; opacity: 1; } .recmmprobox .proitem{width:100%;margin-right:0;margin-bottom:0} .recmmprobox .swiper-button-next{background-image:url(../img/sty-r.png);right:0} .recmmprobox .swiper-button-prev{background-image:url(../img/sty-l.png);left:0} .recmmprob{padding:30px 0 100px} @media (max-width:993px){ .recmmpro{padding:30px 0} .recmmpro .btitle{font-size:18px} .recmmpro .recmmprobox{margin-top:25px;padding:0 56px} } /* 2020.04.27 鏂板 */ .procdetbtitlebox .title{font-size:36px;text-align:center} .procdetbtitlebox .text{color:#666;font-size:18px;text-align:center;margin-top:6px} .procdetb1{margin-bottom:78px} .procdetb1 .content{margin-top:32px} .procdetb1 .contentimg{display:inline-block} .procdetb3{padding:86px 0 120px} .procdetbbox2{padding:72px 0 110px;background-color:#eee} .procdetb3box{margin-top:42px} .procdetb2box .imglist{display:none} .procdetb2box .imglist.cur{display:block} .procdetb2slide{width:calc(100% - 676px);margin-left:60px;position:relative;padding:49px 0;height:501px} .procdetb2slide:after{content:"";width:2px;height:100%;background-color:#999;position:absolute;top:0;left:106px} .procdetb2slide .swiper-slide{margin-bottom:16px;height:auto;cursor:pointer} .procdetb2slide .year{width:92px;height:34px;color:#fff;text-align:center;font-size:18px;line-height:34px;border-radius:34px;background-color:#999;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .procdetb2slide .swiper-slide.cur .year, .procdetb2slide .swiper-slide.cur .line{background-color:#b60005} .procdetb2slide .line{width:35px;height:2px;background-color:#d4d4d4;margin:16px 16px 0 16px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .procdetb2slide .textbox{width:calc(100% - 159px);padding-top:6px;padding-left:30px;background-image:url(../img/addimg/procb2_icon.png);background-repeat:no-repeat;background-position:left top 12px} .procdetb2slide .textbox .text{line-height:1.714;color:#666} .procdetb2slide .swiper-button-next, .procdetb2slide .swiper-button-prev{width:41px;height:41px;background-size:100% 100%;right:auto;left:87px;margin-top:0;opacity:1;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .procdetb2slide .swiper-button-next{background-image:url(../img/addimg/procb2b.png);bottom:0;top:auto} .procdetb2slide .swiper-button-next:hover{background-image:url(../img/addimg/procb2b_cur.png)} .procdetb2slide .swiper-button-prev{background-image:url(../img/addimg/procb2t.png);top:0} .procdetb2slide .swiper-button-prev:hover{background-image:url(../img/addimg/procb2t_cur.png)} .procdetb2box .swiper-container{height:406px} .procdetb2box{margin-top:34px} .procdetb4box{margin-top:50px} .procdetb4item{width:32.5%;margin-right:1.25%;background-color:#fff;padding:54px 52px 50px;min-height:380px} .procdetb4item:nth-of-type(3n){margin-right:0} .procdetb4item .title{color:#ba0d12;font-size:18px;font-weight:bold} .procdetb4item .line{margin:15px 0;width:17px;height:4px;background-color:#ba0d12} .procdetb4item .text{color:#666;line-height:1.667} .procdetb5{padding:76px 0 98px} .procdetb6img{margin-top:80px} .procdetb6 .procdetbtitlebox .text span{color:#ba0d12;font-size:18px;font-weight:bold} @media (max-width:1440px){ .procdetb2box .imgbox{width:516px} .procdetb2box .swiper-container{height:306px} .procdetb2slide{height:420px;width:calc(100% - 576px)} } @media (max-width:993px){ .procdetbtitlebox .title{font-size:22px} .procdetbtitlebox .text, .procdetb6 .procdetbtitlebox .text span{font-size:14px} .procdetb1{margin-bottom:35px} .procdetb3box, .procdetb1 .content{margin-top:20px} .procdetbbox2, .procdetb3{padding:35px 0 45px} .procdetb2box .imgbox{width:100%} .procdetb2slide{width:100%;height:auto;margin-left:0;padding:0 35px;margin-top:20px} .procdetb2slide .swiper-slide{margin-bottom:0} .procdetb2box .swiper-container{height:auto} .procdetb2slide .year{font-size:15px;width:82px;height:30px;line-height:30px} .procdetb2slide:after{display:none} .procdetb2slide .textbox{width:calc(100% - 90px);padding-left:20px;padding-top:0;margin-left:8px;background-position:left top 6px;} .procdetb2slide .line{display:none} .procdetb2slide .swiper-button-next{transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);left:auto;right:0;bottom:auto;top:0} .procdetb2slide .swiper-button-prev{transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);left:0} .procdetb2slide .swiper-button-next, .procdetb2slide .swiper-button-prev{width:27px;height:27px} .procdetb4box{margin-top:30px} .procdetb4item{width:100%;margin-right:0;margin-bottom:20px;min-height:220px;padding:30px 25px} .procdetb4item:nth-last-of-type(1){margin-bottom:0} .procdetb6img{margin-top:25px} }