.indexban{width:100%;overflow:hidden;position:relative} .indexbanner .slick-slide{position:relative;margin-bottom:0} .indexbanner{margin-bottom:0} .indexbanner .textbox{position:absolute;top:20%;opacity:0;left:50%;margin-left:-40vw;margin-top:-152px;transition:1.4s;-webkit-transition:1.4s;-moz-transition:1.4s} .indexbanner .textbox.cur{top:50%;opacity:1} .indexbanner .textbox .title1{font-size:120px;color:rgba(255,255,255,0.5);font-family:'avanbold'} .indexbanner .textbox .title2{font-size:50px;color:#fff;font-family:"Microsoft JhengHei"} .indexbanner .textbox .title3{max-width:50%;font-size:20px;color:#fff;margin-top:8px} .indexbanner .textbox2{margin-top:-182px} .indexbanner .textbox2 .title3{max-width:45%;font-size:14px;margin-top:28px;line-height:1.857} .indexbanner .img img{width:100%} .indexbanner .slick-prev, .indexbanner .slick-next{width:30px;height:30px;margin-top:-15px;background-size:100% 100%} .indexbanner .slick-next{background-image:url(../img/ban-r.png);right:2.3958vw} .indexbanner .slick-prev{background-image:url(../img/ban-l.png);left:2.3958vw} .indexban .numbox{width:80vw;position:absolute;text-align:left;margin-left:-40vw;bottom:0;left:50%} .indexban .numbox .numlist{width:77px;height:83px;cursor:pointer;background-color:#f8f8f8;font-family:'GILB';border-right:1px solid #fff;color:#cacaca;text-align:center;opacity:1;line-height:83px;border-radius:0} .indexban .numbox .numlist:nth-last-of-type(1){border-right:none} .indexban .numbox .numlist.cur{color:#fff;box-shadow:0px 10px 13px 0px rgba(230, 132, 0, 0.13);background-image:url(../img/bannumbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;background: -moz-linear-gradient(top, #e9d293 0%, #c0a65e 100%);background: -webkit-linear-gradient(top, #e9d293 0%,#c0a65e 100%);background: -o-linear-gradient(top, #e9d293 0%,#c0a65e 100%);background: -ms-linear-gradient(top, #e9d293 0%,#c0a65e 100%);background: linear-gradient(to bottom, #e9d293 0%,#c0a65e 100%)} .indexa{margin-top:78px} .indexa .iabout{width:calc(100% - 960px);padding-right:3.6458vw} .indexa .iabout .entitle{color:#595656;font-size:30px;font-family:'indu'} .indexa .iabout .cntitle{color:#595656;font-size:30px;font-weight:bold;margin-top:7px} .indexa .iabout .text{color:rgba(153, 153, 153, 1);;margin-top:36px;line-height:2.143;max-height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .indexa .iabout .more{width:140px;height:45px;display:block;text-align:center;line-height:45px;background-color:#f2efe8;margin-top:44px} .indexa .iabout .more:hover{background-color:#bfa55d;color:#fff} .indexa .imgbox{position:relative} .indexa .imgbox .en{width:150px;height:50px;line-height:50px;letter-spacing:6px;background-color:#fff;position:absolute;bottom:0;right:0;color:rgba(163,163,163,0.4);text-align:center;font-family:'tt0524m'} .indexa .inews .slick-slider{margin-bottom:0} .indexa .inews .list .box{height:277px;box-sizing:border-box;border:1px solid #f5f5f5;padding:36px 50px 0 38px;background-image:url(../img/inbg.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .indexa .inews .list .textboxl{padding-bottom:76px;width: 80px;} .indexa .inews .list .textboxl .t{color:#595656;line-height:1;font-size:30px;font-family:'indu';letter-spacing:3px} .indexa .inews .list .textboxl .year{font-size:16px;color:rgba(0,0,0,0.3);margin-top:26px;font-family:'gothbold'} .indexa .inews .list .textboxl .date{font-family:'gothbold';color:#bfa55d;font-size:26px;margin-top:5px} .indexa .inews .list .textboxl .line{width:70px;height:1px;background-color:#e4e4e4;margin-top:26px} .indexa .inews .list .textboxr{width:calc(100% - 144px);margin-left:64px} .indexa .inews .list .textboxr .title{color:#000;font-size:18px;max-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .indexa .inews .list .textboxr .text{margin-top:20px;line-height:2.143;color:#999;max-height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .indexa .inews .list .textboxr .more{display:inline-block;margin-top:46px;font-family:'nevis';} .indexa .inews .list .textboxr:hover .more{background-position:right 0px center} .indexa .inews{width:513px;height:277px;margin-left:20px;overflow:hidden} .indexnews{width:513px;height:277px} .indexa .inews .slick-next, .indexa .inews .slick-prev{width:30px;height:30px;top:auto;margin-top:0;background-size:100% 100%;opacity:1;background-color:#fff;border-radius:30px} .indexa .inews .slick-next{background-image:url(../img/inr.png);bottom:38px;right:402px} .indexa .inews .slick-prev{background-image:url(../img/inl.png);bottom:38px;right:442px;left:auto} .indexb{margin-top:78px;background-color:#fcfaf5} .indexb .items{width:calc(100% - 513px);} .indexb .indexzx{width:513px;height:335px;padding:36px 40px 0 40px;padding:;background-image:url(../img/indexbbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .indexb .indexzx .title{color:#595656;font-weight:bold;font-size:30px;line-height:1} .indexb .indexzx .text{color:rgba(140, 140, 140, 1);font-size:14px;line-height:2.167;margin-top:32px;max-height:86px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .indexb .indexzx .more{width:140px;height:45px;margin-top:50px;border:1px solid #bfa55d;text-align:center;color:#bfa55d;line-height:45px} .indexb .indexzx .more:hover{color:#fff;background-color:#bfa55d} .indexb .item{width:24%;margin-right:1.3333%;height:335px;display:block;background-color:#f7f3ea;padding:90px 1.8vw 0 46px} .indexb .item:nth-last-of-type(1){margin-right:0} .indexb .item .icon{width:34px;height:34px;margin:0 auto;background-repeat:no-repeat;background-position:center center} .indexb .item .cn{color:#0a2745;text-align:center;font-size:20px;font-weight:bold;margin-top:48px;font-family:"Microsoft JhengHei"} .indexb .item .en{color:rgba(89,86,86,0.3);font-size:16px;text-align:center;font-family:'monbold';margin-top:14px;word-wrap:break-word;} .indexb .item .more{width:34px;height:34px;margin:0 auto 0;opacity:0} .indexb .item:hover{padding:48px 48px 0 46px;background-color:#bfa55d} .indexb .item:hover .cn{color:#fff;margin-top:44px} .indexb .item:hover .en{color:rgba(255,255,255,0.4)} .indexb .item:hover .more{margin:52px auto 0;opacity:1} .indexb .item:nth-of-type(1):hover .icon{background-image:url(../img/indexb1_cur.png) !important} .indexb .item:nth-of-type(2):hover .icon{background-image:url(../img/indexb2_cur.png) !important} .indexb .item:nth-of-type(3):hover .icon{background-image:url(../img/indexb3_cur.png) !important} .indexb .item:nth-of-type(4):hover .icon{background-image:url(../img/indexb4_cur.png) !important} .indexd{padding:40px 0;background-color:#f2f2f2} .indexdbox{padding:0 5.2083vw;position:relative} .indexdbox .img{width:100%;display:block;height:50px;background-repeat:no-repeat;background-position:center center} .indexdbox .swiper-button-next, .indexdbox .swiper-button-prev{width:26px;height:26px;margin-top:-13px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .indexdbox .swiper-button-next{background-image:url(../img/ipr.png);right:0} .indexdbox .swiper-button-prev{background-image:url(../img/ipl.png);right:0} .indexdbox .swiper-button-next:hover{background-image:url(../img/ipr_cur.png)} .indexdbox .swiper-button-prev:hover{background-image:url(../img/ipl_cur.png)} .indexc{padding-top:78px} .indexc .textbox{width:calc(100% - 960px);padding:34px 0 64px;background-image:url(../img/indexcbg.png);background-repeat:no-repeat;background-position:center bottom;} .indexc .textbox .entitle{color:rgba(89,86,86,0.3);font-size:30px;font-family:'indu';letter-spacing:3px} .indexc .textbox .cntitle{color:#595656;font-size:30px;margin-top:8px;font-weight:bold} .indexc .textbox .title{color:#bfa55d;font-size:30px;margin-top:58px} .indexc .textbox .text{color:rgba(128, 128, 128, 1);margin-top:28px;line-height:2.286} .indexc .map{width:960px;height:528px;position:relative;background-image:url(../img/imapbg.png);background-repeat:no-repeat;background-position:center center;} .indexc .map .mapimg{position:absolute;left:424px;top:40px} .indexc .item{position:absolute;z-index:2} .indexc .item .showimg{display:none;position:absolute} .indexc .item .showtext{opacity:0;visibility:hidden;z-index:-1} .indexc .item:nth-of-type(1){top:176px;left:537px} .indexc .item:nth-of-type(1) .showimg{top:-146px;left:-122px} /* .indexc .item:nth-of-type(2){top:206px;left:582px} .indexc .item:nth-of-type(2) .showimg{top:-39px;left:-12px} .indexc .item:nth-of-type(3){top:182px;left:594px} .indexc .item:nth-of-type(3) .showimg{top:-6px;left:-7px} .indexc .item:nth-of-type(4){top:196px;left:604px} .indexc .item:nth-of-type(4) .showimg{top:0;left:-6px} .indexc .item:nth-of-type(5){top:222px;left:557px} .indexc .item:nth-of-type(5) .showimg{top:-28px;left:-19px} */ .indexc .item:nth-of-type(2){top:270px;left:520px} .indexc .item:nth-of-type(2) .showimg{top:-58px;left:-29px} .indexc .item:nth-of-type(3){top:272px;left:572px} .indexc .item:nth-of-type(3) .showimg{top:-23px;left:-31px} .indexc .item:nth-of-type(4){top:292px;left:612px} .indexc .item:nth-of-type(4) .showimg{top:-24px;left:-24px} .indexc .item:nth-of-type(5){top:274px;left:642px} .indexc .item:nth-of-type(5) .showimg{top:-13px;left:-39px} .indexc .item:nth-of-type(6){top:292px;left:658px} .indexc .item:nth-of-type(6) .showimg{top:-6px;left:-2px} .indexc .item:nth-of-type(7){top:344px;left:600px} .indexc .item:nth-of-type(7) .showimg{top:-18px;left:-19px} .indexc .item:nth-of-type(8){top:392px;left:578px} .indexc .item:nth-of-type(8) .showimg{top:-7px;left:-39px} .indexc .item:nth-of-type(9){top:396px;left:526px} .indexc .item:nth-of-type(9) .showimg{top:-20px;left:-46px} .indexc .item:nth-of-type(10){top:360px;left:506px} .indexc .item:nth-of-type(10) .showimg{top:-18px;left:-34px} .indexc .item:nth-of-type(11){top:452px;left:536px} .indexc .item:nth-of-type(11) .showimg{top:1px;left:-9px} .indexc .item .mark{cursor:pointer} .indexc .item .showtext{width:230px;padding:8px 15px;background-color:#fff;border-radius:10px;text-align:center;line-height:24px;color:#999;border:1px solid #ededed;position:absolute;bottom:30px;left:-73px;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s} .indexc .item .showtext:after{content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;position:absolute;bottom:-6px;right:8px} .indexc .item.cur{z-index:22} .indexc .item.cur .showtext{opacity:1;visibility:visible;z-index:22} .indexc .item .showtext .address{font-weight:bold} .indexc .item .showtext .list{color:#666;margin-right:10px} .indexc .item .showtext .list:nth-last-of-type(1){margin-right:0} .indexc .item.cur .mark{position:relative;z-index:20} .indexc .item.cur .showimg{display:block} .indexc .item.cur .showimg img{max-width:initial} .indexc .wapmap{display:none} @media (max-width:1580px){ .indexbanner .textbox, .indexban .swiper-container-horizontal>.swiper-pagination-bullets{margin-left:-42.5vw} } @media (max-width:1440px){ .indexbanner .textbox{margin-top:-86px} .indexbanner .textbox .title1{font-size:80px} .indexbanner .textbox .title2{font-size:34px} .indexbanner .textbox .title3{font-size:18px;color:#fff} .indexbanner .textbox2{margin-top:-128px} .indexbanner .textbox2 .title3{font-size:14px;max-width:66%} .indexbanner .textbox2 .textimg img{width:649px} .indexa .imgbox{width:367px} .indexa .inews .textbox .textboxl{padding-bottom:60px} .indexa .inews{width:433px;height:238px;margin-left:20px;overflow:hidden} .indexnews{width:433px;height:238px} .indexa .inews .box .textboxr .more{margin-top:20px} .indexa .inews .list .box{padding:25px 30px 20px} .indexa .inews .slick-next{right:310px;bottom:27px} .indexa .inews .slick-prev{right:352px;bottom:27px} .indexa .inews .box .textboxr{width:calc(100% - 114px);margin-left:34px} .indexa .iabout{width:calc(100% - 820px);padding-right:2.5vw} .indexa .iabout .text{margin-top:12px} .indexa .iabout .more{margin-top:20px} .indexb .item{padding:70px 28px 0 26px} .indexb .indexzx{width:363px} .indexb .items{width:calc(100% - 363px)} .indexc .map{width:700px} .indexc .textbox{width:calc(100% - 700px)} .indexc .map .mapimg{left:294px;top:41px} .indexc .item:nth-of-type(1){left:407px} .indexc .item:nth-of-type(1) .showimg{top:-145px;left:-121px} /* .indexc .item:nth-of-type(2){left:452px} .indexc .item:nth-of-type(3){left:464px} .indexc .item:nth-of-type(4){left:474px} .indexc .item:nth-of-type(5){left:427px} */ .indexc .item:nth-of-type(2){left:390px} .indexc .item:nth-of-type(3){left:442px} .indexc .item:nth-of-type(4){left:482px} .indexc .item:nth-of-type(5){left:512px} .indexc .item:nth-of-type(6){left:528px} .indexc .item:nth-of-type(7){left:470px} .indexc .item:nth-of-type(8){left:448px} .indexc .item:nth-of-type(9){left:396px} .indexc .item:nth-of-type(10){left:376px} .indexc .item:nth-of-type(11){left:406px} } @media (max-width:1366px){ .indexbanner .textbox, .indexban .swiper-container-horizontal>.swiper-pagination-bullets{margin-left:-45.5vw} } @media (max-width:993px){ .indexban .numbox {display: none;} .indexbanner .textbox2{margin-top:-39px;left:0;margin-left:0} .indexbanner .textbox2 .textimg img{width:209px} .indexbanner .textbox2 .title3{max-width:96%;line-height:1.6;margin-top:10px} .indexbanner .swiper-button-prev{left:10px} .indexbanner .swiper-button-next{right:10px} .indexbanner .textbox{margin-top:-60px;left:0;margin-left:0} .indexbanner .textbox .title1{font-size:30px;text-align:center} .indexbanner .textbox .title2{font-size:17px;text-align:center} .indexbanner .textbox .title3{max-width:96%;font-size:12px;margin-top:4px;line-height:1.4;text-align:center} .indexban .swiper-container-horizontal>.swiper-pagination-bullets{display:none} .indexa{margin-top:40px} .indexa .iabout{width:100%;padding-right:0} .indexa .iabout .entitle{font-size:22px} .indexa .iabout .cntitle{font-size:18px} .indexa .iabout .text{line-height:1.8;max-height:75px;margin-top:15px} .indexa .iabout .more{width:108px;height:40px;line-height:40px;margin-top:20px} .indexa .imgbox{margin-top:30px;width:100%} .indexa .imgbox img{width:100%} .indexa .inews{width:100%;margin-left:0;height: auto;} .indexnews {height: auto;width: 100%;} .indexa .inews .slick-prev {left: 30px;bottom: 30px;right: auto;} .indexa .inews .slick-next {left: 70px;bottom: 30px;right: auto;} .indexa .imgbox .en{letter-spacing:2px;width:120px;height:40px;line-height:40px} .indexa .inews .textbox{width:100%;margin-left:0;padding:25px 15px} .indexa .inews .swiper-button-next{right:auto;bottom:20px;left:58px} .indexa .inews .swiper-button-prev{right:auto;bottom:20px;left:18px} .indexa .inews .textbox .textboxl .t{font-size:22px} .indexa .inews .textbox .textboxl .year{margin-top:10px;font-size:14px} .indexa .inews .textbox .textboxl .date{font-size:20px} .indexa .inews .textbox .textboxr .text{margin-top:10px;line-height:1.8;max-height:75px} .indexa .inews .textbox .textboxr .more{margin-top:20px} .indexa .inews .textbox .textboxl{padding-bottom:40px} .indexb .items{width:100%} .indexb .item{width:48%;height:auto;margin-right:4%;margin-bottom:15px;padding:30px 10px;background-color:#bfa55d} .indexb .item:nth-of-type(2n){margin-right:0} .indexb{margin-top:40px;background-color:transparent} .indexb .item .more{opacity:1;margin:20px auto 0} .indexb .item:nth-of-type(1) .icon{background-image:url(../img/indexb1_cur.png) !important} .indexb .item:nth-of-type(2) .icon{background-image:url(../img/indexb2_cur.png) !important} .indexb .item:nth-of-type(3) .icon{background-image:url(../img/indexb3_cur.png) !important} .indexb .item:nth-of-type(4) .icon{background-image:url(../img/indexb4_cur.png) !important} .indexb .item .cn{color:#fff;margin-top:25px;font-size:18px} .indexb .item .en{font-size:14px;color:rgba(255,255,255,0.6);height:36px} .indexb .indexzx{width:100%;padding:30px 15px;height:auto} .indexb .indexzx .title{font-size:22px} .indexb .indexzx .text{margin-top:15px} .indexb .indexzx .more{width:106px;height:40px;line-height:40px;margin-top:20px} .indexdbox{padding:0 30px} .indexc{padding-top:40px} .indexc .textbox{width:100%;padding:0 0 30px 0} .indexc .textbox .entitle{font-size:20px} .indexc .textbox .cntitle{font-size:18px;margin-top:3px} .indexc .textbox .title{font-size:22px;margin-top:15px} .indexc .textbox .text{margin-top:5px;line-height:1.8} .indexc .map{display:none} .indexc .wapmap{display:block;margin-bottom:40px} } @media (max-width:380px){ .indexb .item .en{min-height:36px} } .about{padding:96px 0;position:relative;background-image:url(../img/aboutbg.png);background-repeat:no-repeat;background-position:right bottom 20px} .about .botimg{width:calc(100% - 9.13vw);position:absolute;bottom:0;left:0} .abouleft{width:calc(100% - 384px);background-color:#fff;padding:0 96px 96px;position:relative;z-index:9} .abouttitlebox .entitle{font-family:'gothbold';color:#090a0c;font-size:30px;word-wrap:break-word} .abouttitlebox .cntitle{color:#090a0c;font-size:30px;margin-top:6px;font-weight:bold} .abouleft .abouttitlebox .entitle{font-size:40px} .abouleft .content{margin-top:58px} .abouleft .content img, .found .foundlf .content img, .architbox img{display:initial} .abouright{position:relative;z-index:9} .abouright .imglist{position:relative} .abouright .imglist .textbox{position:absolute;bottom:70px;left:50px} .abouright .imglist .textbox .cntitle{color:#fff;font-size:16px;font-weight:bold} .abouright .imglist .textbox .entitle{color:#fff;font-size:50px;font-family:'avanbold'} .abouright .imglist .textbox .line{width:18px;height:4px;background-color:#fff;margin-top:16px} .abouright .aboutmap{width:384px;padding:42px 0 62px 28px;position:relative;z-index:35;background-image:url(../img/aboutmapbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .abouright .aboutmap .entitle{font-size:30px;color:#595656;font-family:'indu';opacity:0.3} .abouright .aboutmap .cntitle{font-size:24px;font-weight:bold;color:#595656;font-family:"Microsoft JhengHei";margin-top:10px} .abouright .aboutmap .amap{margin-top:20px} .abouright .bot{margin-top:24px} .abouright .bot .amlist{margin-right:38px} .abouright .bot .numUp{font-family:'monbold';color:#595656;font-size:36px;line-height:1} .abouright .bot .unit{color:#595656;margin-top:15px} .found{padding:0 0 100px 0;background-color:rgba(250,250,250,1);background-image:url(../img/foundbg2.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto} .found .wrapcon{width:calc(100% - 9.52vw);background-color:#fff;padding:96px 0 100px 9.52vw} .found .foundlf{width:calc(100% - 384px);padding:0 96px 96px 0} .found .foundlf .name{padding-left:36px;margin-top:86px;;color:#bfa55d;font-size:26px;background-image:url(../img/foundicon.png);background-repeat:no-repeat;background-position:left center} .found .foundlf .content{margin-top:30px} .architbox{margin-top:96px} .leadteamitems{margin-top:70px} .leadteamitem{background-color:#fafafa;margin-bottom:30px;padding:45px 50px} .leadteamitem:nth-last-of-type(1){margin-bottom:0} .leadteamitem .leadname{font-size:26px} .leadteamitem .text{color:#333;line-height:2.143;margin-top:32px;font-size:16px} .leadteam .more, .newsbox .newsmore{width:100%;height:60px;color:#666;background-color:#fafafa;margin-top:25px;text-align:center;line-height:60px;cursor:pointer} .leadteam .more.cur, .newsbox .newsmore.cur{background-color:#bfa55d;color:#fff} .found .foundlf.contact{width:100%;padding:0} .contact .conlf{width:100%;margin-right:60px} .contact .conmap{width:900px;height:620px;overflow:hidden;margin-top:30px} .contact .conmap img{width:100%;height:100%} .contact .conlf .items{margin-top:52px} .contact .conlf .item{margin-bottom:30px} .contact .conlf .item:nth-last-of-type(1){margin-bottom:0} .contact .conlf .item .cname{color:#999} .contact .conlf .item .tel{font-family:'gothbold';font-size:32px;margin-top:12px} .contact .conlf .item .fax, .contact .conlf .item .address, .contact .conlf .item .postcode{color:#48413e;font-size:18px;margin-top:12px} .contact .conlf .item .ewm{border:1px solid #eaeaea;border-radius:5px;display:inline-block} .found .newswrapcon{width:calc(100% - 9.55vw);background-color:#fff;padding:0 0 100px 10vw} .newsbox{background-color:#fafafa} .newsone .img{width:480px} .newsone .textbox{width:calc(100% - 480px);padding:44px 48px 0} .newsone .textbox .date{color:#595656;font-size:28px;font-family:'gothbold'} .newsone .textbox .title, .newsitem .textbox .title{font-size:20px;font-weight:bold;max-height:26px;margin-top:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .newsone .textbox .text, .newsitem .textbox .text{color:rgba(153, 153, 153, 1);line-height:2.143;margin-top:18px;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .newsone .textbox .more{width:140px;height:45px;background-color:#bfa55d;color:#fff;text-align:center;line-height:45px;font-weight:bold;display:block;margin-top:52px} .newsone:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .newsitem{background-color:#fff;background-image:url(../img/newsline.png);background-repeat:no-repeat;background-position:left bottom} .newsitem .textbox{width:100%;padding:44px 0 46px} .newsitem .textbox .date{color:#595656;font-family:'gothbold';font-size:28px} .newsitem .see{width:0;height:241px;background-color:#bfa55d;background-image:url(../img/newssee.png);background-repeat:no-repeat;background-position:center center} .newsitem:hover .see{width:96px} .newsitem:hover .textbox{width:calc(100% - 98px);padding:44px 200px 46px 0} .newsitem:hover .textbox .date, .newsitem:hover .textbox .title{color:#bfa55d} .newsitem .textbox .text{max-height:initial;height:60px} .newsbox{margin-top:58px} .newswrapcon .foundlf{padding-top:96px} .newsbox .newsmore{margin-top:50px} .nyearbox{width:336px;margin-top:48px;position:relative} .nyearbox .nyearname{height:50px;color:#999;line-height:50px;cursor:pointer;padding:0 30px;background-color:#f8f8f8;background-image:url(../img/newdown.png);background-repeat:no-repeat;background-position:right 30px center} .nyearbox .nyearitems{width:100%;height:auto;background-color:#f8f8f8;position:absolute;bottom:30px;left:0;visibility:hidden;opacity:0;z-index:-1} .nyearbox.cur .nyearitems, .nyearbox:hover .nyearitems{bottom:50px;visibility:visible;opacity:1;z-index:9} .nyearbox .nyearitems .nyearlist{line-height:40px;color:#666;padding:0 30px;cursor:pointer} .nyearbox .nyearitems .nyearlist:hover{background-color:#bfa55d;color:#fff} .newsearch{width:336px;height:50px;margin-top:20px;background-color:#f8f8f8;padding:10px 44px 10px 30px;background-image:url(../img/newseabtn.png);background-repeat:no-repeat;background-position:right 30px center} .newsearch input{width:100%;height:30px;background-color:transparent} .newsearch input::-webkit-input-placeholder{color:#ccc;opacity:1} .newsearchbtn{width:336px;height:50px;background-color:#595656;color:#fff;font-size:14px;line-height:50px;text-align:center;margin-top:20px;cursor:pointer} .found .foundlf.newsdleft{width:calc(100% - 434px);margin-right:50px;padding:0 0 0 0} .newsdrecommbox{width:384px} .newsdrecomm-top{background: #fafafa;padding:44px 50px 0} .newsdrecomm-top .cntitle{color:#393435;font-size:28px;font-weight:bold;line-height:1} .newsdrecomm-top .entitle{color:#999;font-family:Arial;margin-top:10px} .newsdrecommitems{background: #fafafa;padding:20px 50px 0} .newsdrecommitem{display:block;padding-bottom:30px;border-bottom:1px solid #f5f5f5;margin-bottom:30px} .newsdrecommitem:nth-last-of-type(1){margin-bottom:0} .newsdrecommitem .img{overflow:hidden} .newsdrecommitem .img img{transition:.4s;-webkit-transition:.4s} .newsdrecommitem .title{color:#666;font-size:16px;margin-top:22px;max-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .newsdrecommitem .mores{width:47px;height:33px;margin-top:16px;transition:.4s;-webkit-transition:.4s;background-image:url(../img/casemore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .newsdrecommitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05)} .newsdrecommitem:hover .mores{background-image:url(../img/casemore_cur.png)} .newsdother{background-color:#fff;margin-top:20px;padding:30px 50px 50px;background: #fafafa;} .newsdother .projbot{margin-top:0;padding-top:0;padding-bottom:0;border-top:none} .newsdother .projbot .projbotl{max-width:100%} .newsdother .projbot .projreturn{float:left;margin-top:50px} .newsdleft.projCdtoptextbox{padding-bottom:0;border-bottom:none} .newsdleft .title{font-size:30px;font-weight:bold;color:#231e37} .projbotl .projpagerslist{margin-bottom:22px} .projbotl .projpagerslist:nth-of-type(2){margin-bottom:0} .projbotl .projpagerslist .name{color:#999;margin-right:12px} .projbotl .projpagerslist .text{width:calc(100% - 68px);color:#333} .projbotl .sharebox{margin-top:46px} .projbotl .sharebox .sharelist{width:36px;height:36px;cursor:pointer;border:1px solid #f0f0f0;border-radius:36px;margin-right:15px;transition:.4s;-webkit-transition:.4s;background-repeat:no-repeat;background-position:center center;} .projbotl .sharebox .sharelist:hover{background-color:#bfa55d;border:1px solid #bfa55d} .projbotl .sharebox .sharelist:nth-of-type(1){background-image:url(../img/projwx.png)} .projbotl .sharebox .sharelist:nth-of-type(1):hover{background-image:url(../img/projwx_cur.png)} .projbotl .sharebox .sharelist:nth-of-type(2){background-image:url(../img/projxl.png)} .projbotl .sharebox .sharelist:nth-of-type(2):hover{background-image:url(../img/projxl_cur.png)} .projbotl .sharebox .sharelist:nth-of-type(3){background-image:url(../img/projqq.png)} .projbotl .sharebox .sharelist:nth-of-type(3):hover{background-image:url(../img/projqq_cur.png)} .projbot .projreturn{width:300px;height:50px;background-color:#bfa55d;display:block;padding-left:106px;color:#fff;line-height:50px;font-size:16px;background-image:url(../img/list.png);background-repeat:no-repeat;background-position:right 104px center;} .projrecomm{padding:94px 0 160px;background-color:#fafafa} .newsdetailbox .ohter{margin:22px 0} .newsdetailbox .ohter .icon{margin-right:10px} .newsdetailbox .ohter .otherlist{margin-right:20px} .newsdetailbox .ohter .otherlist:nth-last-of-type(1){margin-right:0} .newsdetailbox .ohter .otherlist:nth-of-type(1) .icon{margin-top:3px} .newsdetailbox .ohter .otherlist:nth-last-of-type(1) .icon{margin-top:2px} .newsdetailbox .ohter .otherlist .text{color:#ccc;font-weight:bold} .newsdetailbox .content img{display:initial} @media (max-width:1580px){ .about .botimg{width:calc(100% - 6.42vw)} .found .wrapcon{width:calc(100% - 6.42vw);padding:96px 0 100px 7.5vw} .found .newswrapcon{width:calc(100% - 6.42vw);padding:0 0 100px 7.5vw} .abouleft .abouttitlebox .entitle{font-size:32px} .abouttitlebox .cntitle{font-size:26px} .contact .conlf .items{margin-top:32px} .contact .conlf .item{margin-bottom:20px} .contact .conmap{width:700px;height:560px} .contact .conlf{width:calc(100% - 760px)} .newsone .img{width:400px} .newsone .textbox{width:calc(100% - 400px);padding:34px 38px 0} .newsone .textbox .title, .newsone .textbox .text{margin-top:12px} .newsone .textbox .more{margin-top:35px} } @media (max-width:1440px){ .found .foundlf{padding:0 56px 96px 0} .newswrapcon .foundlf{width:calc(100% - 336px);padding-top:96px} .newsone .img{width:350px} .newsone .textbox{width:calc(100% - 350px);padding:34px 38px 0} .newsone .textbox .title, .newsone .textbox .text{margin-top:8px} .newsone .textbox .more{margin-top:25px} .newsone .textbox .date{font-size:24px} .newswrapcon .abouright{width:336px} } @media (max-width:1366px){ .about .botimg{width:calc(100% - 4.21vw)} .found .wrapcon{width:calc(100% - 4.31vw);padding:96px 0 100px 5vw} .found .newswrapcon{width:calc(100% - 4.31vw);padding:0 0 100px 5vw} .abouttitlebox .entitle, .abouleft .abouttitlebox .entitle{font-size:28px} .abouttitlebox .cntitle{font-size:22px} } @media (max-width:1280px){ .about .botimg{width:calc(100% - 4.21vw)} .found .wrapcon{width:calc(100% - 2.66vw);padding:96px 0 100px 4vw} .found .newswrapcon{width:calc(100% - 2.66vw);padding:0 0 100px 4vw} } @media (max-width:993px){ .newsone .img{width:100%} .about{padding:40px 0} .abouleft{width:100%;padding:0 0 20px} .abouttitlebox .entitle, .abouleft .abouttitlebox .entitle{font-size:22px} .abouttitlebox .cntitle{font-size:18px;margin-top:6px} .abouleft .content{margin-top:25px} .about .botimg, .abouright.found-r, .found .newswrapcon .abouright{display:none} .abouright .aboutmap{width:100%;height:auto;padding:30px 0 30px 20px} .found .wrapcon, .found .newswrapcon{padding:40px 15px;width:100%} .found .wrapcon .foundlf{width:100%;padding:0} .found{padding:0} .found .foundlf .name{font-size:20px;margin-top:20px} .found .foundlf .content, .architbox{margin-top:20px;margin-bottom:30px} .abouright .imglist .textbox{left:20px} .abouright .imglist .textbox .cntitle{font-size:14px} .abouright .imglist .textbox .entitle{font-size:36px} .leadteamitems, .newsbox, .newsbox .newsmore{margin-top:30px} .leadteamitem{margin-bottom:20px;padding:25px 15px} .leadteam .more{margin-top:25px;margin-bottom:30px} .leadteamitem .leadname{font-size:20px} .leadteamitem .text{margin-top:18px;line-height:1.8} .contact .conlf{width:100%;margin-right:0} .contact .conlf .items{margin-top:25px} .contact .conlf .item{margin-bottom:10px} .contact .conlf .item .tel{font-size:24px;margin-top:6px} .contact .conlf .item .fax, .contact .conlf .item .address, .contact .conlf .item .postcode{font-size:15px;margin-top:6px} .contact .conmap{width:100%;height:450px;margin-top:35px} .newsone .textbox{width:100%;padding:20px 15px} .newsone .textbox .date, .newsitem .textbox .date{font-size:20px} .newsone .textbox .title, .newsitem .textbox .title{font-size:16px;max-height:22px;margin-top:8px} .newsone .textbox .text, .newsitem .textbox .text{line-height:1.8;margin-top:12px;max-height:50px} .newsone .textbox .more{width:100px;height:38px;line-height:38px;margin-top:20px} .newsitem .textbox{padding:25px 0} .newsitem .see{width:46px;height:164px} .newsitem .textbox{width:calc(100% - 46px);padding-right:20px} .newsbox{margin-bottom:30px} .nyearbox, .nyearbox .nyearname, .newsearchbtn, .newsearch{width:100%} .newsdrecommbox{width:100%;margin-top:30px;} .newsdleft .title{font-size:22px} .newsdrecomm-top{padding:25px 20px 10px} .newsdrecommitems{padding:15px 20px} .newsdother{padding:25px 20px} .architright{display:none} .newsitem{margin-bottom:20px} } @media (max-width:768px){ .contact .conmap{height:350px} } .advantage .wrapcon{padding:0} .advantage .advanone, .advantage .advantwo{padding:96px 92px 100px 10vw} .advantage .advantwo{background-color:#f2f2f2} .advantage .advanone .textbox{width:calc(100% - 600px);margin-right:94px} .advantage .advanone .textbox .text{font-size:16px;margin-top:50px;color:rgba(153, 153, 153, 1);line-height:2.125} .advantwo .desc{width:calc(100% - 864px);margin-left:96px;font-size:16px;margin-top:92px;color:rgba(153, 153, 153, 1);line-height:2.125} .advantwo .item{width:210px;height:288px;padding:26px 34px 0 28px;background-color:#fff;border-radius:10px;margin-right:69px;position:relative} .advantwo .item:nth-last-of-type(1){margin-right:0} .advantwo .item:after{content:"";width:24px;height:12px;background-image:url(../img/advanr.png);background-repeat:no-repeat;background-position:center center;position:absolute;right:-47px;top:50%;margin-top:-6px} .advantwo .item:nth-last-of-type(1):after{display:none} .advantwo .item .aname{color:#bfa55d;font-size:16px;font-weight:bold;text-align:center} .advantwo .item .img{width:100px;height:100px;border-radius:100px;margin:15px auto} .advantwo .item .img img{width:100%} .advantwo .item .text{font-size:12px;color:rgba(153, 153, 153, 1);line-height:2.125} .thinkingone .textbox{width:50%;padding-right:7.252vw;padding-bottom:30px} .thinkingone .textbox .text{font-size:16px;margin-top:94px;color:rgba(153, 153, 153, 1);line-height:2.125} .thinkingone .img, .thinkingthree .img{width:50%} .thinkingone .img:hover img, .thinkingthree .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .thinkingtwo .list{width:50%;padding:68px 80px 98px} .thinkingtwo .list.one{background-color:#595656} .thinkingtwo .list.two{background-color:#f5f5f5} .thinkingtwo .list.one .entitle{color:rgba(255,255,255,0.2);font-size:36px;font-family:'tt0524m';margin-top:54px} .thinkingtwo .list.one .cntitle{color:#fff;font-size:30px;margin-top:58px;font-weight:bold} .thinkingtwo .list.one .text{color:#fff;line-height:2.143;margin-top:46px} .thinkingtwo .list.two .entitle{color:rgba(89,86,86,0.2);font-size:36px;font-family:'tt0524m';margin-top:54px} .thinkingtwo .list.two .cntitle{color:#595656;font-size:30px;margin-top:58px;font-weight:bold} .thinkingtwo .list.two .text{color:#999;line-height:2.143;margin-top:46px} .thinkingthree, .thinkingtwo{margin-top:52px} .thinkingthree .textbox{width:50%;padding-right:80px;padding-bottom:30px} .thinkingthree .textbox .entitle{color:rgba(89,86,86,0.2);font-size:36px;font-family:'tt0524m';margin-top:50px} .thinkingthree .textbox .cntitle{color:#595656;font-size:30px;margin-top:54px;font-weight:bold} .thinkingthree .textbox .text{color:#999;line-height:2.143;margin-top:46px} .compet{position:relative;padding:0 0 300px 0;background-color:#fff;} .compet .wrap{position:relative;z-index:9} .compet .botimg{width:calc(100% - 9.6vw);position:absolute;bottom:106px;left:0} .competone{padding:84px 0 0 0;background-color:#fff} .competone .img{width:50%} .competone .textbox{width:50%;padding-right:8.125vw} .competone .comname{color:#bfa55d;font-size:26px;margin-top:100px} .competone .text{color:#595656;font-size:18px;line-height:2.222;margin-top:30px} .compettwo{margin-top:10px} .compettwo .list{width:25%;background-color:#ebebeb;padding:110px 66px 126px 60px;cursor:pointer} .compettwo .list.cur{width:50%;padding:110px 96px 130px 80px;} .compettwo .list:nth-of-type(2){background-color:#f5f5f5} .compettwo .list .title{color:#595656;font-size:30px;font-weight:bold;margin-top:62px} .compettwo .list .text{color:#999;font-size:16px;line-height:2.25;margin-top:36px;min-height:144px} @media (max-width:1580px){ .advantage .advanone, .advantage .advantwo{padding:96px 92px 100px 7.5vw} .compet .botimg{width:calc(100% - 6.95vw)} } @media (max-width:1440px){ .advantwo .item{width:180px;padding:26px 20px 0 14px} .advantwo .desc{width:calc(100% - 734px);margin-top:62px;margin-left:56px} .thinkingone .textbox .text{margin-top:44px} .thinkingtwo .list.two .entitle, .thinkingtwo .list.one .entitle, .thinkingthree .textbox .entitle{font-size:30px;margin-top:34px} .thinkingtwo .list.two .cntitle, .thinkingtwo .list.one .cntitle, .thinkingthree .textbox .cntitle{font-size:26px;margin-top:28px} .thinkingtwo .list.two .text, .thinkingtwo .list.one .text, .thinkingthree .textbox .text{margin-top:26px} .compet .botimg{width:calc(100% - 6.9vw)} .competone .comname{margin-top:54px} } @media (max-width:1366px){ .advantage .advanone, .advantage .advantwo{padding:96px 92px 100px 5.5vw} .compet .botimg{width:calc(100% - 4.84vw)} } @media (max-width:1280px){ .advantage .advanone, .advantage .advantwo{padding:96px 92px 100px 4vw} .compet .botimg{width:calc(100% - 3.24vw)} } @media (max-width:993px){ .advantage .advanone, .advantage .advantwo{padding:40px 15px} .advantage .advanone .textbox{width:100%;margin-right:0} .advantage .advanone .textbox .text{font-size:14px;margin-top:25px;margin-bottom:25px} .advantwo .item{width:78%;margin:0 auto;float:none;height:auto;margin-bottom:40px;padding:25px 15px} .advantwo .item:after{bottom:-25px;top:auto;margin-top:0;right:50%;;margin-right:-6px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)} .advantwo .item:nth-last-of-type(1){margin-right:auto} .advantwo .item .img{width:68px;height:68px} .advantwo .desc{width:100%;margin-left:0;margin-top:10px;line-height:1.8} .thinkingone .textbox .text{margin-top:20px} .thinkingtwo .list.two .entitle, .thinkingtwo .list.one .entitle, .thinkingthree .textbox .entitle{font-size:24px;margin-top:20px} .thinkingtwo .list.two .cntitle, .thinkingtwo .list.one .cntitle, .thinkingthree .textbox .cntitle{font-size:18px;margin-top:15px} .thinkingtwo .list.two .text, .thinkingtwo .list.one .text, .thinkingthree .textbox .text{margin-top:15px} .thinkingone .textbox, .thinkingthree .textbox, .competone .textbox{width:100%;padding-right:0} .thinkingone .img, .thinkingthree .img{width:100%} .thinkingtwo .list{width:100%;padding:30px 20px} .thinkingthree, .compettwo{margin-top:30px} .competone .comname, .compettwo .list .title{font-size:18px;margin-top:15px} .competone .text, .compettwo .list .text{font-size:15px;line-height:1.8;margin-top:15px} .compettwo .list.cur, .compettwo .list{width:100%;padding:25px 15px} .competone .img{width:100%;margin-top:20px} .compettwo .list .text{min-height:84px} .compet{padding:0 0 40px 0} .competone{padding:40px 0 0 0} } .tranform-l{width:calc(100% - 720px);padding-right:94px} .tranform-l .trentitle{font-family:'tt0524m';color:#bfa55d;font-size:40px;margin-top:50px} .tranform-l .trcntitle{color:#595656;font-size:24px;margin-top:30px;line-height:1.875} .tranform-l .text{color: rgba(153, 153, 153, 1);color:#999;line-height:2.286;margin-top:40px} .tranform-r{width:720px;border:1px solid #e9e9e9;margin-top:140px} .tranform-r .list{width:33.3333%;height:144px;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background-repeat:no-repeat;background-position:center center} .tranform-r .list:nth-of-type(3n){border-right:none} .tranform-l.trfodetail .trentitle{font-family:"寰蒋闆呴粦", "Microsoft YaHei";font-size:26px} .tranform-l.trfodetail{width:calc(100% - 768px);padding-right:7.395vw} .tranform-img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} @media (max-width:1440px){ .tranform-r{width:580px;margin-top:126px} .tranform-l{width:calc(100% - 580px);padding-right:54px} .tranform-l.trfodetail{width:calc(100% - 648px);padding-right:3.395vw} .tranform-img{width:648px} .tranform-l.trfodetail .trentitle{margin-top:30px} .tranform-l .text{margin-top:25px} } @media (max-width:1366px){ .tranform-l.trfodetail{width:calc(100% - 518px);padding-right:3.395vw} .tranform-img{width:518px} } @media (max-width:993px){ .tranform-r{width:100%;margin-top:30px} .tranform-l, .tranform-l.trfodetail{width:100%;padding-right:0} .tranform-l .trentitle{font-size:26px;margin-top:15px} .tranform-l .trcntitle, .tranform-l.trfodetail .trentitle{font-size:18px;margin-top:10px;line-height:1.6} .tranform-l .text{margin-top:10px} .tranform-img{width:100%;margin-top:25px} } @media (max-width:768px){ .tranform-r .list{width:50%} .tranform-r .list:nth-of-type(3n){border-right:1px solid #e9e9e9} .tranform-r .list:nth-of-type(2n){border-right:none} } .found.mission{background-image:url(../img/missbg.png);background-size:100% 100%} .found.mission .name{color:#bfa55d;font-size:26px;margin-top:98px} .found.mission .box{margin-top:42px;padding-right:96px} .found.mission .box .item{width:50%;background-color:#fafafa;padding:40px 4.1666vw 66px} .found.mission .box .item:nth-of-type(2), .found.mission .box .item:nth-of-type(3n){background-color:#f0f0f0} .found.mission .box .item:nth-last-of-type(1){background-image:url(../img/missbg2.png);background-repeat:no-repeat;background-position:bottom right} .found.mission .box .item .num{color:#595656;text-align:center;font-size:36px;font-family:'gothbold'} .found.mission .box .item .text{text-align:left;line-height:2.286;color:rgba(153, 153, 153, 1);margin-top:34px} .found.mission .box .item:nth-last-of-type(1) .text{text-align:left;margin-top:48px} .found.mission .box .item:hover{background-color:#bfa55d} .found.mission .box .item:hover .num, .found.mission .box .item:hover .text{color:#fff} .found.mission .box .item.visionlast{background-image:none} .visionbot{margin-top:73px;padding:7.2916vw 96px 7.2916vw 9.52vw;background-image:url(../img/visionimg1.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .visionbot .list{width:17.21%;margin-right:3.4875%;padding:44px 42px 40px;position:relative;background-color:#fff;border-radius:10px} .visionbot .list:nth-last-of-type(1){margin-right:0} .visionbot .list .icon{width:49px;margin:0 auto} .visionbot .list .text{color:#999;font-size:16px;text-align:center;line-height:2.25;margin-top:40px} .visionbot .list .down{position:absolute;left:50%;margin-left:-19px;bottom:-38px;opacity:0} .visionbot .list:hover .down{opacity:1;bottom:-19px} .visionbot .list:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)} .found .wrapcon.visionbox{padding: 96px 0 0 0} .found .wrapcon.visionbox .missionbox{padding-left:9.52vw} .valueone .textbox, .valueone .img, .valuetwo .textbox, .valuetwo .img, .culturethree .img{width:50%} .valueone .textbox, .valuetwo .textbox{padding-bottom:30px} .valueone .textbox{padding-right:7.6041vw} .valuetwo .textbox{padding-left:5vw;padding-top:88px} .valueone .textbox .title{font-size:26px;color:#bfa55d;margin-top:98px;margin-bottom:24px} .valueone .textbox .text, .valuetwo .textbox .text{font-size:16px;color:rgba(153, 153, 153, 1);line-height: 2.125} .valueone .img:hover img, .valuetwo .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .culureone .text{margin-top:46px} .culturetwo{margin-top:50px} .culturetwo .list{width:25%;background-color:#f5f5f5;padding:108px 60px 128px} .culturetwo .list:nth-of-type(2n){background-color:#ebebeb} .culturetwo .list .title{color:#595656;font-size:30px;font-weight:bold;margin-top:62px;margin-bottom:38px} .culturetwo .list .text{font-size:16px;color:rgba(153, 153, 153, 1);line-height:2.25} .culturethree{margin-top:50px} .culturethree .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .culturethree .textbox{width:50%;padding:68px 9.6875vw 30px 7.5vw;background-image:url(../img/culbg.png);background-repeat:no-repeat;background-position:right 52px bottom 64px} .culturethree .textbox .title{color:#bfa55d;font-size:24px;line-height:1.875} .culturethree .textbox .text{color:#999;font-size:16px;margin-top:38px;line-height:2.25} @media (max-width:1580px){ .found .wrapcon.visionbox .missionbox{padding-left:7.5vw} } @media (max-width:1440px){ .found.mission .name{margin-top:58px} .visionbot .list{padding:44px 20px 40px} .valueone .textbox .title{margin-top:48px} .valueone .textbox{padding-right:4vw} .valuetwo .textbox{padding-top:48px;padding-left:3vw} .culturethree .textbox{padding:38px 0 30px 5vw} .culturethree .textbox .text{margin-top:18px} } @media (max-width:1366px){ .found .wrapcon.visionbox .missionbox{padding-left:5vw} } @media (max-width:993px){ .found.mission .name{font-size:18px;margin-top:20px} .found.mission .box{margin-top:20px;padding-right:0} .found.mission .box .item{width:100%;padding:25px 15px} .found.mission .box .item:nth-of-type(3n){background-color:#fafafa} .found.mission .box .item:nth-of-type(2n){background-color:#f0f0f0} .found.mission .box .item .num{font-size:28px} .found.mission .box .item .text{margin-top:15px;line-height:1.8} .found .wrapcon.visionbox{padding:40px 0 0 0} .found .wrapcon.visionbox .missionbox{padding:0 15px} .visionbot{margin-top:30px;padding:45px 15px;background-size:cover} .visionbot .list{width:47%;margin-right:6%;margin-bottom:15px;padding:30px 15px} .visionbot .list:nth-of-type(2n){margin-right:0} .visionbot .list:nth-last-of-type(1){margin-bottom:0} .visionbot .list .text{font-size:15px;line-height:1.8;margin-top:20px} .valueone .textbox, .valueone .img, .valuetwo .textbox, .valuetwo .img, .valueone .img img, .valuetwo .img img,.culturethree .img, .culturethree .img img{width:100%} .valueone .textbox{padding-right:0;padding-bottom:0;margin-top:20px} .valueone .textbox .title{font-size:18px;margin-top:15px;margin-bottom:15px} .valuetwo{margin-top:30px} .valuetwo .textbox{padding-top:20px;padding-left:0;padding-bottom:0} .valueone .textbox .text, .valuetwo .textbox .text{font-size:14px;line-height:1.8} .valueone.culureone .textbox{margin-top:0} .valueone.culureone .img, .culturetwo, .culturethree{margin-top:30px} .culureone .text{margin-top:20px} .culturetwo .list{width:50%;padding:30px 15px} .culturetwo .list .icon img{height:26px} .culturetwo .list .title{font-size:18px;margin-top:20px;margin-bottom:15px} .culturetwo .list .text{font-size:14px;line-height:1.8} .culturetwo .list:nth-of-type(3){background-color:#ebebeb} .culturetwo .list:nth-of-type(4){background-color:#f5f5f5} .culturethree .textbox{width:100%;padding:20px 0 0 0} .culturethree .textbox .title{font-size:18px;line-height:1.8} .culturethree .textbox .text{font-size:14px;line-height:1.8;margin-top:15px} .culturethree .textbox{background-image:none} } .valueone .idname{color:#000;font-size:22px;font-weight:bold;margin-top:60px} .valueone .idtext1{margin-top:26px;font-size:20px} .valueone .idtext2{font-size:16px;color:rgba(153, 153, 153, 1);margin-top:24px;line-height:2.125} .ideaone .textbox{background-image:url(../img/idbg.jpg);background-repeat:no-repeat;background-position:right bottom;padding-right:7.2916vw} .ideaone .wapimg{display:none} .valuetwo .idname2{color:#000;font-size:22px;font-weight:bold} .valuetwo .desc{margin-top:28px;font-size:18px} .found.idea .wrapcon{padding-bottom:0} .found.recruit .wrapcon{padding-right:96px} .recruitclassbox{margin-top:56px} .recRclist{width:33.3333%;position:relative} .recRclistname{height:70px;cursor:pointer;border:1px solid #f5f5f5;padding:0 88px 0 50px;background-image:url(../img/redown.png);background-repeat:no-repeat;background-position:right 68px center;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s} .recRclist:nth-last-of-type(1) .recRclistname, .recRclist:nth-last-of-type(2) .recRclistname{border-left:none} .recRclistname .sname, .recRclistname .selvalue{line-height:70px;color:#999;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s} .recRclistname.cur{background-image:url(../img/reup.png)} .recRclistname.cur .sname, .recRclistname.cur .selvalue{color:#bfa55d} .recRclist .selbox{width:100%;display:none;padding:0 50px;height:auto;background-color:#fff;max-height:300px;overflow-y:auto;z-index:9;position:absolute;top:69px;left:0;border:1px solid #f5f5f5} .recRclist .selbox .sellist{height:58px;text-align:right;line-height:58px;border-bottom:1px solid #ebebeb;color:#999;padding-right:18px;cursor:pointer} .recRclist .selbox .sellist:nth-last-of-type(1){border-bottom:none} .recRclist .selbox .sellist:hover{color:#bfa55d} .recruit .recruitmore{width:100%;height:60px;color:#666;background-color:#fafafa;margin-top:25px;text-align:center;line-height:60px;cursor:pointer} .recruit .recruitmore.cur{background-color:#bfa55d;color:#fff} .recruititems{margin-top:50px} .recruititem{width:31%;margin-right:3.5%;background-color:#fafafa;padding:48px 54px 50px 50px;margin-bottom:50px;cursor:pointer} .recruititem:nth-of-type(3n){margin-right:0} .recruititem .rname{padding-left:34px;font-size:26px;font-weight:bold;color:#393435;line-height:32px;background-image:url(../img/reicon.png);background-repeat:no-repeat;background-position:left center} .recruititem .line{width:20px;height:3px;background-color:#dedede;margin:28px 0} .recruititem .shotextlist .n{color:#b1b1b1;line-height:2.571} .recruititem .shotextlist .text{width:calc(100% - 72px);color:#b1b1b1;line-height:2.571} .recruititem .shotextlist{margin-bottom:4px} .recruititem .shotextlist:nth-last-of-type(1){margin-bottom:0} .recruititem .mo{width:47px;height:33px;margin-top:44px;background-image:url(../img/remore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s} .recruititem:hover{background-color:#fff;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.04)} .recruititem:hover .mo{background-image:url(../img/remorecur.png)} .recruitalert{width:62.5%;height:80vh;padding:0 78px;position:absolute;top:20%;left:50%;opacity:0;margin-top:-40vh;margin-left:-31.25%;background-color:#fff;;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s} .recruitalert.cur{opacity:1;z-index:22;top:50%} .recruitalert .recruitalert-top{padding:70px 0 40px;border-bottom:1px solid #f2f2f2} .recruitalert .recruitalert-tname{padding-left:40px;color:#231e37;font-weight:bold;font-size:28px;background-image:url(../img/reicon.png);background-repeat:no-repeat;background-position:left center} .recruitalert .recruitalert-top .list{color:#999;margin-right:3.2vw} .recruitalert .recruitalert-top .list:nth-last-of-type(1){margin-right:0} .recruitalert .recruitalert-top #reclose{cursor:pointer} .recruitalert-tbot{margin-top:20px} .recruitalert-bot{margin-top:50px} .recruitalert-bot .item{margin-bottom:45px} .recruitalert-bot .item .in{font-weight:bold;margin-bottom:15px} .recruitalert-bot .item .context{color:#999;line-height:34px} .recruitalert .swiper-container{height:100%} .recruitalert .swiper-container .swiper-slide{height:auto} .recruitalert .swiper-scrollbar{width:4px;height:100%;background-color: #e5e5e5;position:absolute;top:0;right:0} .recruitalert .swiper-scrollbar .swiper-scrollbar-drag{background-color:#c5ae6d} @media (max-width:1440px){ .ideaone .textbox{padding-right:4.2vw} .valueone .idname{font-size:24px;margin-top:30px} .valuetwo .idname2{font-size:24px} } @media (max-width:993px){ .ideaone .wapimg{width:100%;display:block} .ideaone .wapimg img{width:100%} .ideaone .img{display:none} .valueone .idname{font-size:16px;margin-top:20px} .valueone .idtext1{font-size:15px;margin-top:8px} .valuetwo .desc{font-size:16px;margin-top:8px} .valueone .idtext2{font-size:14px;line-height:1.8} .valuetwo .idname2{font-size:18px} .ideaone .textbox{background-image:none} .found.recruit .wrapcon{padding-right:15px} .recruititem{width:100%;padding:25px 15px} .recruititem .rname{font-size:20px;background-size:18px auto;padding-left:26px} .recruititem .line{margin:10px 0} .recruititem .shotextlist .n, .recruititem .shotextlist .text{line-height:1.6} .recruititem .mo{margin-top:20px} .recruitalert{width:94%;height:66vh;margin-top:-33vh;margin-left:-47%;padding:0 30px} .recruitalert .recruitalert-tname{font-size:22px;background-size:18px auto;padding-left:26px} .recruitalert-tlf{width:calc(100% - 23px);margin-right:10px} .recruitalert .recruitalert-top{padding:25px 0} .recruitalert-bot{margin-top:25px} .recruitalert-bot .item{margin-bottom:20px} .recruitalert-bot .item .context{line-height:24px} .recRclist{width:100%} .recRclistname{height:54px;padding:0 35px 0 15px;background-position:right 15px center;} .recRclistname .sname, .recRclistname .selvalue{line-height:54px} .recRclist:nth-last-of-type(1) .recRclistname, .recRclist:nth-last-of-type(2) .recRclistname{border-left:1px solid #f5f5f5} .recruitclassbox{margin-top:30px} .recRclist .selbox{top:53px;padding:0 15px;box-shadow:0px 5px 28px rgba(0,0,0,0.04)} .recRclist .selbox .sellist{height:44px;line-height:44px} }