.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: inherit;} .pull-left{ float: left; } .pull-right{ float: right; } .clearf{ zoom: 1;/*鍏煎IE娴忚鍣紝璁╂爣绛炬竻娴姩*/ } .clearf:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; } .newsindex_01{ padding-top: 8%; padding-bottom: 5%; } .newsindex_01 .top{ position: relative; } .newsindex_01 .top .left{ width: 60.97%; border-radius: 25px; overflow: hidden; } .newsindex_01 .top .left img{ width: 100%; } .newsindex_01 .top .left .swiper-button-next , .newsindex_01 .top .left .swiper-button-prev{ background: none; background: #0447a2; height: 95px; width: 95px; border-radius: 50%; top: 50%; margin: 0; transform: translateY(-50%); } .newsindex_01 .top .left .swiper-button-next i{ color: #fff; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); } .newsindex_01 .top .left .swiper-button-prev i{ color: #fff; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); } .newsindex_01 .top .left .swiper-button-next{ right: -5%; } .newsindex_01 .top .left .swiper-button-prev{ left: -5%; } .newsindex_01 .top .right{ position: absolute; right: 0; top: 0; height: 100%; width: calc(100% - 60.97%); background: #efefef; border-radius: 25px; padding: 5%; box-sizing: border-box; } .newsindex_01 .top .right .swiper-pagination{ width: 48.04%; height: 1px; } .newsindex_01 .top .right .swiper-pagination .swiper-pagination-progressbar{ height: 3px; top: auto; background: #0447a2; bottom: 0; } .newsindex_01 .top .right .list{ display: none; } .newsindex_01 .top .right .list.on{ display: block; } .newsindex_01 .top .right .list span{ color: #000000; } .newsindex_01 .top .right .list h2{ line-height: 1.3em;max-height: 2.6em; margin-top: 10px; margin-bottom: 10px; color: #000000; font-weight: bold; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .newsindex_01 .top .right .list:hover h2{ color: #0447a2; } .newsindex_01 .top .right .list time{ color: #7f7f80; } .newsindex_01 .top .right .list p{ overflow: hidden; margin-top: 20px; color: rgb(0, 0, 0); line-height: 1.875; height: 9.375em; } .newsindex_01 .top .right .shuzi{ margin-bottom: 5px; } .newsindex_01 .top .right .shuzi span{ color: #7f7f80; } .newsindex_01 .top .right .shuzi span:nth-child(1){ color: #000; } .newsindex_02 .listwrap li{ padding-bottom: 40px; margin-bottom: 5.56%; border-bottom: 1px solid #b2b2b2; width: 47.22%; margin-right: 5.56%; } .newsindex_02 .listwrap li:nth-child(2n){ margin-right: 0; } .ellipsis_p3{ display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .newsindex_02 .listwrap li h2{ font-weight: bold; /* color: #000; */ font-family: "Adobe Heiti Std"; } .newsindex_02 .listwrap li time{ display: inline-block; margin-top: 10px; margin-bottom: 20px; color: #7f7f80; } .newsindex_02 .listwrap li p{ color: #000; font-family: "Adobe Heiti Std"; line-height: 1.875; height: 5.625em; } .pageout{ margin-bottom: 110px; } @media only screen and (max-width:1024px){ .newsindex_01 .top .right{padding:10px 20px;} .newsindex_01 .top .right .list p{margin-top: 10px;} } @media only screen and (max-width:768px){ .newsindex_01 .top .left{ width: 100%; } .newsindex_01 .top .left .swiper-button-next, .newsindex_01 .top .left .swiper-button-prev { background: none; background: #0447a2; height: 50px; width: 50px; border-radius: 50%; top: 50%; margin: 0; transform: translateY(-50%); } .newsindex_01 .top .left .swiper-button-next i { color: #fff; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); } .newsindex_01 .top .left .swiper-button-prev i { color: #fff; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); } .newsindex_01 .top .right { position: static; right: 0; top: 0; height: 100%; width: 100%; background: #efefef; border-radius: 25px; padding: 5%; box-sizing: border-box; } .newsindex_01 .top .right .list p { margin-top: 5px; color: rgb(0, 0, 0); line-height: 1.875; height: auto; } .newsindex_02 .listwrap li { padding-bottom: 20px; margin-bottom: 5.56%; border-bottom: 1px solid #b2b2b2; width: 100%; margin-right: 6.56%; } .newsindex_02 .listwrap li time { display: inline-block; margin-top: 5px; margin-bottom: 8px; color: #7f7f80; } .pageout { margin-bottom: 30px; } } .newsdetails_01{ padding-top: 5%; } .newsdetails_01 .edit_con_original{ border-bottom: 2px solid #000; padding-bottom: 30px; } .newsdetails_01 .bottompage{ margin-top: 10px; } .newsdetails_01 .bottompage li{ float: left; width: 33.33%; } .newsdetails_01 .bottompage li a{ color: #646464; } .newsdetails_01 .bottompage li:nth-child(1){ text-align: left; } .newsdetails_01 .bottompage li:nth-child(2){ text-align: center;display: none; } .newsdetails_01 .bottompage li:nth-child(3){ text-align: right; float: right; } .newsdetails_01 .bottonser{ margin-top: 4%; margin-bottom: 2%; } .newsdetails_01 .bottonser li{ margin-right: 40px; float: left; } .newsdetails_01 .bottonser li:nth-child(2){display:none;} .newsdetails_01 .bottonser li:last-child{ display: none; } .newsdetails_01 .bottonser a{ color: #646464; } .weixin{ position:fixed; width:300px; z-index:100000; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); left:50%; top:50%;} .weixin .c{ position:absolute; width:40px; height:40px; overflow:hidden; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;} .weixin h2{ position:relative; line-height:40px; font-size:16px; padding-left:20px; font-weight:normal;} .weixin .img{ padding:10px 20px;text-align:center; border-top:1px solid #ddd;} .weixin .img img{width:200px; height: 200px;} .weixin p {margin:0 0 30px; text-align:center;} @media only screen and (max-width: 767px){ .weixin{width:75%;} .weixin .img img{width:160px; height: 160px;} .newsdetails_01 .edit_con_original{padding-bottom: 20px;} } .newsdetails_01 > .wrap > h2{ font-weight: bold; } .newsdetails_01 time{ color: #7f7f80; display: inline-block; margin-top: 15px; margin-bottom: 30px; } .blank_20 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); } @media only screen and (max-width:768px){ .newsdetails_01 time { color: #7f7f80; display: inline-block; margin-top: 5px; margin-bottom: 10px; } .newsdetails_01 .bottompage li:nth-child(2) i{ opacity: 0; visibility: hidden; } .newsdetails_01 .bottonser li { margin-right: 20px; float: left; } .newsdetails_01 .bottonser li i{ font-size: 26px; } } .manageindex_01{ position: relative; } .manageindex_01 img{ width: 100%; } .manageindex_01 .dingtext{ box-sizing: border-box; padding-top: 5%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .manageindex_01 .dingtext h2{ font-weight: bold; text-align: center; color: #fff; } .manageindex_01 .dingtext .edit_con_original{ width: 90%; margin: 0 auto; margin-top: 4%; } .manageindex_02 .topul{ text-align: center; } .manageindex_02 .topul ul{ padding: 2% 0; display: inline-block; } .manageindex_02 .topul ul li{ font-weight: bold; margin: 0 50px; float: left; } .manageindex_02 .topul ul li.on a{ color: #0447a2; } .manageindex_02 .topul ul li.on{ border-bottom: 4px solid #0447a2; } .manageindex_03{ padding-bottom: 3%; } .manageindex_03 ul li{ overflow: hidden; float: left; position: relative; width: 33.33%; margin-bottom: 1.4%; padding: 0 0.7%; box-sizing:border-box; } .manageindex_03 ul li img{ width: 100%; } .manageindex_03 ul li:nth-child(3n){ /*padding-right: 0;*/ } .manageindex_03 ul li .tran_scale{position: relative;} .manageindex_03 ul li .tran_scale:after{content:"";position:absolute;top:0;left: 0;width: 100%;height: 100%;background: url(../images/jbb2.png) repeat-x;background-size: 100% 100%;} .manageindex_03 ul li .botext{ /*font-weight: bold;*/font-size: 20px; box-sizing: border-box; padding: 4%; position: absolute; color: #fff; bottom: 0; left: 0; width: 100%; } .manageindex_03 ul li .dingtext{ transition: all .3s; position: absolute; width: 100%; height: 100%; left: 0; bottom: -100%; background: rgba(28,93,183,0.8); } /*.manageindex_03 ul li:hover .dingtext{ bottom: 0%; } .manageindex_03 ul li:hover .botext{ display: none; }*/ .manageindex_03 ul li .dingtext{ box-sizing: border-box; padding: 8%; color: #fff; } .manageindex_03 ul li .dingtext .but{ font-weight: bold; line-height: 40px; text-align: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; color: #0447a2; position: absolute; bottom: 40px; } .manageindex_03 ul li .dingtext h2{ margin-bottom: 5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .manageindex_03 ul li .dingtext p{ line-height: 1.5; height: 4.5em; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media only screen and (max-width:1299px){ /* .manageindex_03 ul li .dingtext p { line-height: 1.8; height: 7.2em; }*/ } @media only screen and (max-width:1024px){ .manageindex_01 { height: 400px; position: relative; } .manageindex_01 img{ display: none; } .manageindex_01 .dingtext .edit_con_original { width: 90%; margin: 0 auto; margin-top: 4%; height: 9.25em; } .manageindex_03 ul li .botext{font-size: 14px;} } @media only screen and (max-width:768px){ .manageindex_03 ul li .dingtext{ position: static; background: rgb(18 91 193 / 1); padding:20px 10px; } .manageindex_03 ul li .botext{ display: none; } .manageindex_01 { height: 260px; position: relative; } .manageindex_01 img{ display: none; } .manageindex_01 .dingtext .edit_con_original { width: 90%; margin: 0 auto; margin-top: 4%; height: 9.25em; } .manageindex_02 .topul ul li { font-weight: bold; margin: 0 15px; float: left; } .manageindex_03 ul li { width: 100%; } .manageindex_03 ul li:hover .dingtext { bottom:-100%; } .manageindex_03 ul li .dingtext .but{position:static;width: 30px;height: 30px;line-height: 30px;} .manageindex_03 ul li .dingtext p{margin-bottom:20px;height: auto;max-height: 4.5em;} .manageindex_02 .topul ul{display: block;overflow: hidden;} .manageindex_02 .topul ul li{margin: 0;width:50%;margin-bottom: 10px;} .manageindex_02 .topul ul li.on{border-width:2px;} } .managenewbusiness_01 ul li{ border: 1px solid #efefef; position: relative; float: left; width: 49.30%; margin-bottom: 1.4%; box-sizing: border-box; margin-right: 1.4%; } .managenewbusiness_01 ul li:nth-child(2n){ margin-right: 0; } .managenewbusiness_01 ul li img{ width: 100%; } .managenewbusiness_01 ul li .dingli{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 7% 5%; } .managenewbusiness_01 ul li .dingli h2{ font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .managenewbusiness_01 ul li .dingli em{ display: block; width: 46px; height: 4px; margin-top: 5%; background: #0447a2; } .managenewbusiness_01 ul li:hover .dingli{ background: url(../upload/20220616/managebusiness_09.jpg) center center; background-size: cover cover; } .managenewbusiness_01 ul li:hover .dingli h2{ color: #fff; } .managenewbusiness_01 ul li:hover .dingli em{ background: #fff; } .managenewbusiness_01{ padding-bottom: 3%; } @media only screen and (min-width:1025px){ .managenewbusiness_01 ul li:hover .dingli h2 a{color:#fff;} .managenewbusiness_01 ul li .dingli h2 a:hover{color:#fff !important;opacity: 0.8} } @media only screen and (max-width:768px){ .managenewbusiness_01 ul li { width: 100%; } .managenewbusiness_01 ul li:hover .dingli h2{ color: #000; } .managenewbusiness_01 ul li:hover .dingli em{ background: #0447a2; } .managenewbusiness_01 ul li:hover .dingli{ background: none; } } .managepro_01 .dingtext .wrap > p { margin-top: 10px; text-align: center; color: #fff; } .managepro_01 .dingtext .wrap > .edit_con_original *{ color:#fff !important; } .manageindex_01 .dingtext .wrap > .edit_con_original *{ color:#fff !important; } .managepro_01 .ulwrap{ margin-top: 3%; text-align: center; } .managepro_01 ul{ display: inline-block; } .managepro_01 ul li{ margin: 0 50px; float: left; color: #fff; } .managepro_01 ul li h3{ text-align: left; font-weight: bold; } .managepro_01 ul li p{ text-align: left; } @media only screen and (max-width:1699px){ .managepro_01 .dingtext .edit_con_original { width: 90%; margin: 0 auto; margin-top: 2%; } .managepro_01 .dingtext { box-sizing: border-box; padding-top: 3%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } } @media only screen and (max-width:1599px){ .managepro_01 .ulwrap { margin-top: 2%; text-align: center; } } @media only screen and (max-width:1499px){ .managepro_01 .dingtext .edit_con_original { line-height: 1.875; height: 13.125em; } } @media only screen and (max-width:1199px){ .managepro_01 .dingtext .edit_con_original { line-height: 1.875; height: 8.2em; } .managepro_01 ul li { margin: 0 25px; float: left; color: #fff; } } @media only screen and (max-width:768px){ .managepro_01 { height: 400px; position: relative; } .managepro_01 .dingtext .edit_con_original { line-height: 1.875; height: 7.2em; } } .manageproperty_02{ padding-top: 5.8%; } .manageproperty_02 .proul{ margin-bottom: 20%; } .manageproperty_02 .proul li{ box-sizing: border-box; padding-right: 80px; padding-left: 50px; float: left; color: #fff; width: 33.33%; } .manageproperty_02 .proul li h2{ margin-bottom: 25px; } .manageproperty_02 .proul li p{ color: rgb(255, 255, 255); line-height: 1.875; } .manageproperty_02 .swiperwrap{ text-align: center; } .manageproperty_02 .swiperwrap ul{ display: inline-block; } .manageproperty_02 .swiperwrap ul li{ cursor: pointer; margin: 0 40px; margin-bottom: 15px; padding: 5px 0; float: left; font-weight: bold; border-bottom: 4px solid transparent; } .manageproperty_02 .swiperwrap ul li.on{ color: #0447a2; border-bottom: 4px solid #0447a2; } .manangeproperty_03{ margin-top: 2%; margin-bottom: 6%; } .manangeproperty_03 .prolistwrap li img{ width: 100%; } .manangeproperty_03 .prolistwrap li{ overflow: hidden; position: relative; float: left; width: 50%; } .manangeproperty_03 .prolistwrap li .dingpro{ width: 47.22%; line-height: 60px; height: 60px; box-sizing: border-box; border: 1px solid #FFF; text-align: center; color: #fff; } .manangeproperty_03 .prolistwrap li:nth-child(2n + 1){ clear: both; } .manangeproperty_03 .prolistwrap li .proindexding{ position: absolute; transition: all .3s; left: 0; bottom: -100%; width: 100%; height: 100%; background: rgba(28,93,183,0.8); color: #fff; text-align: center; box-sizing: border-box; padding: 10%; } .manangeproperty_03 .prolistwrap li .proindexding a{ color: #fff !important; } .manangeproperty_03 .prolistwrap li .proindexding h2{ margin-bottom: 5%; } .manangeproperty_03 .prolistwrap li .proindexding p{ line-height: 1.667; height: 10.002em; } /* .manangeproperty_03 .prolistwrap li:hover .proindexding{ bottom: 0; } .manangeproperty_03 .prolistwrap li:hover .dingpro{ display: none; }*/ @media only screen and (min-width:1025px){ .manangeproperty_03 .prolistwrap li img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;} .manangeproperty_03 .prolistwrap li:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);} /* .manangeproperty_03 .prolistwrap li:hover .dingpro{ display: none; }*/ } @media only screen and (max-width:1399px){ .manangeproperty_03 .prolistwrap li .proindexding{ padding-top: 5%; } } @media only screen and (max-width:1199px){ .manangeproperty_03 .prolistwrap li .proindexding{ padding: 5%; } .manangeproperty_03 .prolistwrap li .proindexding h2 { margin-bottom: 2%; } } @media only screen and (max-width:768px){ .manangeproperty_03 .prolistwrap li .proindexding { position: static; background: rgba(28,93,183,1); } .manangeproperty_03 .prolistwrap li .blank_20{ display: none; } .manangeproperty_03 .prolistwrap li .dingpro{ display: none; } .manageproperty_02 .proul li { box-sizing: border-box; padding-right: 10px; padding-left: 10px; float: left; color: #fff; width: 100%; margin-bottom: 2%; } .manageproperty_02 .proul li h2 { margin-bottom: 5px; font-size: 20px; font-weight: bold; } .manageproperty_02 .proul { margin-bottom: 0; } .manageproperty_02{ background-size: unset !important; padding-bottom: 0px; } .manageproperty_02 .swiperwrap ul li{ width: 33.33%; margin: 0; } .manageproperty_02 .swiperwrap ul{ width: 100%; } .manageproperty_02 .swiperwrap ul li:nth-child(3n + 1){ clear: both; } .manangeproperty_03 .prolistwrap li { overflow: hidden; float: left; width: 100%; } .manageproperty_02 .swiperwrap { text-align: center; padding-top: 60px; } } .investment_01{ padding: 5% 0 7%; } .investment_01 ul li img{ width: 101%; } .investment_01 ul li{ position: relative; overflow: hidden; width: 50%; float: left; } .investment_01 ul li .h3{ color: #fff; box-sizing: border-box; position: absolute; bottom: 0; left: 0; width: 100%; padding: 5% 9%; } .investment_01 ul li .dinginveset{ transition: all .3s; box-sizing: border-box; padding: 5% 9%; position: absolute; bottom: -100%; left: 0; width: 100%; height: 100%; background: rgba(28,93,183,0.8); color: #fff; } .investment_01 ul li .dinginveset h2{ margin-bottom: 3%; } .investment_01 ul li .dinginveset a{ color: #fff !important; } .investment_01 ul li .dinginveset p{ color: rgb(255, 255, 255); line-height: 1.667; height: calc(100% - 100px); margin-bottom: 10px; overflow: hidden; /*overflow-y:auto;*/ } .investment_01 ul li .dinginveset .awrap {display: none;} .investment_01 ul li:nth-child(2n+1){ clear: both; } .investment_01 ul li:hover .dinginveset{ bottom: 0; } .investment_01 ul li:hover .h3{ display: none; } @media only screen and (min-width:1025px){ } @media only screen and (max-width:1399px){ .investment_01 ul li .dinginveset p { color: rgb(255, 255, 255); line-height: 1.667; height: 10.002em; } } @media only screen and (max-width:1199px){ .investment_01 ul li .dinginveset p { color: rgb(255, 255, 255); line-height: 1.667; height: calc(100% - 40px); margin-bottom: 0px; } } @media only screen and (max-width:768px){ .investment_01 ul li { position: relative; overflow: hidden; width: 100%; float: left; } } .recruit01{ padding: 3.9% 0 0; } .recruit01 .toprecruittopnav{ text-align: center; } .recruit01 .toprecruittopnav ul{ position: relative; display: inline-block; } /* .recruit01 .toprecruittopnav ul:after{ content: ''; position: absolute; height: 100%; width: 3px; background: #000; left: 50%; visibility:inherit; transform: translateX(-50%) rotate(20deg); } */ .recruit01 .toprecruittopnav ul li{ cursor: pointer; float: left; margin: 0 50px; line-height: 40px; } .recruit01 .toprecruittopnav ul li.on{ color: #0448a0; border-bottom: 4px solid #0448a0; } .recruit01 .toprecruittopnav ul li.on a{ color: #0448a0; } .social-tit{ text-align: center; margin:0 0 3%;} .social-tit ul{ display:inline-block} .social-tit li{float:left; padding:0 30px; position: relative;} .social-tit li::before{ content: ""; position: absolute; left:0; top:50%; margin-top:-14px; widtH:1px; height:28px; transform: skewX(-20deg); background: #AFB1B4;} .social-tit li:first-child::before{ opacity: 0;} .social-tit li.on a{color:#2F9344; font-weight: bold;} .social-select{margin-top: 2%; margin-bottom: 3.5%; position: relative; z-index: 10;} .social-select .btn i{color:#0448a0; margin-right: 15px;} .social-select .sel-box{ float: left; width:100%} .social-select .sel-box li{ float: left; width:26.73%; margin-right:2.77%; height: 40px; line-height: 40px; } .on_o{color: #000;} .select-box{position: relative; border-bottom:2px solid #000;} .select-box dt{cursor: pointer; padding:0 56px 0 20px; position: relative;} .select-box dt span{ color: #7f7f80; } .select-box dt i{ position: absolute; right:0; top:0; font-size: 20px; widtH:56px; height: 100%; color:#0549a0; text-align: center;} .select-box dt.on_o i{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);} .select-box dd{display: none;padding:10px 0;border: 1px solid #CFCFCF;position: absolute; z-index: 10; top:52px;left: -1px;width:100%;background: #fff;max-height: 220px;overflow: auto;} .select-box dd a{display: block;line-height:40px; padding:0 20px; cursor: pointer;} .social-select .btn{ color: #0448a0; float: left; width: 84.84% !important; height:40px; line-height:40px; bordeR:none; background: none; border: 1px solid #0448a0; border-radius: 50px;} .social-select li:last-child{ width: 11.5%; margin-right: 0; } .social-select .btn:hover{ opacity: .8; } .recruitlistul{ background-size: cover; background: #0448a0; width: 100%; } .recruitlistul > li{ padding-left: 40px; box-sizing: border-box; line-height: 60px; height: 60px; color: #fff; float: left; } .recruitlistul > li:nth-child(1){ width: 26.38%; } .recruitlistul > li:nth-child(2){ width: 18.65%; } .recruitlistul > li:nth-child(3){ width: 21%; } .recruitlistul > li:nth-child(4){ width: 21%; } .recruitlistul > li:nth-child(5){ width: 12.95%; } .listw ul{ background: #fff } .recruitlist:nth-child(2n) .listw > ul{ background: #fafafa; } .listw ul li{ line-height: 80px; height: 80px; box-sizing: border-box; float: left; padding-left: 40px; } .listw ul li em{ display: none; } .listw ul > li:nth-child(1){ width: 26.38%; } .listw ul > li:nth-child(2){ width: 18.95%; } .listw ul > li:nth-child(3){ width: 21%; } .listw ul > li:nth-child(4){ width: 20.48%; } .listw ul > li:nth-child(5){ width: 12.95%; } .listw ul li > i{ color: #fff; width: 13px; height: 13px; background: #115ea2; border-radius: 10px; } .listwhide ul li{ box-sizing: border-box; float: left; padding-left: 30px; } .listwhide ul > li:nth-child(1){ width: 26.38%; } .listwhide ul > li:nth-child(2){ width: 18.95%; } .listwhide{ padding: 40px 0; background: #eff2f4; } .zhze .leftgagnwei{ padding-right: 30px; border-right: 1px solid #0549a0; padding-left: 30px; box-sizing: border-box; width: 48.26%; float: left; } .zhze{ margin-top: 30px; } .zhze .rightzige{ padding :0 30px; box-sizing: border-box; width: calc( 100% - 48.26%); float: left; } .leftgagnwei h2{ font-weight: bold; margin-bottom: 15px; } .rightzige h2{ font-weight: bold; margin-bottom: 15px; } .listwhide > p{ margin-top: 60px; box-sizing: border-box; padding-left: 55px; font-weight: bold; } .btnwrao{ padding: 0 40px; } .btnwrao .emilbtn{ margin-top: 40px; text-align: center; background: #115ea2; display: block; width: 145px; height: 42px; line-height: 42px; color: #fff !important; border-radius: 50px; } .emilbtn:hover{ opacity: .8; } .listwhide{ display:none; } .recruitlist.on .listwhide{ display:block; } .recruitlist.on .listw ul > li:nth-child(3){ display: block; width: 20.65%; } .recruitlist.on .listw ul > li:nth-child(5){ display: none !important; } .recruitlist.on .listw ul > li:nth-child(4) { width: 21.25%; } .recruitlist .listw ul li:last-child{ display: none; } .recruitlist.on .listw ul li:last-child{ display: block !important; } .recruitlist.on .listw ul li:nth-child(6){ display: none; } .recruitlist.on .listw ul > li{ color: #0447a2; } .recruit01 .page{ padding-top: 5%; } @media only screen and (max-width: 1499px){ .recruitlistul > li { padding-left: 15px; } .listw ul li { padding-left: 15px; } } @media only screen and (max-width: 1299px){ .recruitlistul > li { padding-left: 10px; } .listw ul li { padding-left: 10px; } .listw ul > li:nth-child(2) { width: 16.95%; } .listw ul > li:nth-child(4) { width: 22.48%; } } @media only screen and (max-width: 1199px){ .recruitlistul > li { padding-left: 10px; } .listw ul li { padding-left: 10px; } .listw ul > li:nth-child(2) { width: 14.95%; } .listw ul > li:nth-child(4) { width: 25.48%; } } @media only screen and (max-width: 768px){ .social-select .sel-box li { float: left; width: 100%; margin-right: 0; height: 45px; line-height: 45px; } .social-select .btn { display: block; color: #fff; float: none; width: 84.84% !important; height: 45px; line-height: 45px; bordeR: none; background: #115ea2; border-radius: 50px; margin: 10px auto; } .social-select .btn i{ color: #FFFFFF; } .recruitlistul{ display: none; } .listw ul li { text-align: right; display: block !important; width: 100% !important; } .listw ul li em{ float: left; display: block; } .listw ul li { line-height: 40px; height: 40px; box-sizing: border-box; float: left; padding-left: 40px; } .recruitlist .listw ul li:last-child{ display: none !important; } .recruitlist.on .listw ul li:nth-child(6) { display: none !important; } .recruitlist.on .listw ul li:last-child { display: block !important; } .listw ul { margin-bottom: 10px; } .listw ul li { border-bottom: 1px solid #B4A9A8; padding-left: 0px; } .listwhide { padding: 20px 0; background: #eff2f4; } .listwhide ul li { box-sizing: border-box; float: left;width: 100% !important; padding-left: 15px; } .zhze .leftgagnwei { border-right: none; padding:0 15px; width: 100%; } .zhze .rightzige { padding: 8px 15px; box-sizing: border-box; width: 100%; float: left; } .zhze { margin-top: 10px; } .listwhide > p { margin-top: 5px; box-sizing: border-box; padding: 0 15px; font-weight: bold; } .emilbtn { margin-top: 15px; text-align: center; background: #115ea2; display: block; width: 145px; height: 42px; line-height: 42px; color: #fff; border-radius: 50px; } .btnwrao { padding: 0 15px; } .recruit01 .toprecruittopnav ul li{margin:0 20px;} } .contact_01{ padding: 10% 0 18%; } .contact_01 ul li{ color: #fff; box-sizing: border-box; padding-right: 3%; float: left; width: 20%; } .contact_01 ul li a{ color: #fff !important; } .contact_01 ul li{ padding-left: 2%;width:25%;box-sizing:border-box; padding-right: 0; border-right: 1px solid #fff; } .contact_01 ul li:last-child{ border-right: none; } .contact_01 ul li .left{ float: left; width: 15%; } .contact_01 ul li .right{ float: left; width: 85%; } .contact_01 ul li:nth-child(1) .left{ width: 10%; } .contact_01 ul li:nth-child(5) .left{ width: 10%; } @media only screen and (max-width: 1190px){ .contact_01 ul li:nth-child(4) { padding-left: 1%; } .contact_01 ul li:nth-child(3) { padding-left: 1%; } .contact_01 ul li:nth-child(2) { padding-left: 1%; } } @media only screen and (max-width: 1090px){ .contact_01 ul li:nth-child(4) { padding-left: .5%; } .contact_01 ul li:nth-child(3) { padding-left: .5%; } .contact_01 ul li:nth-child(2) { padding-left: .5%; } } .mapwrap #map{ width: 100%; } #map{ -moz-box-shadow:0px 0px 20px rgb(0 0 0 / 10%); -webkit-box-shadow:0px 0px 20px rgb(0 0 0 / 10%); box-shadow:0px 0px 20px rgb(0 0 0 / 10%); } .mapwrap{ padding-bottom: 5%; transform: translateY(-30px); } @media only screen and (max-width: 768px){ .contact_01 ul li { margin-bottom: 2%; border: none !important; color: #fff; box-sizing: border-box; padding-right: 3%; float: left; width: 100% !important; } .contact_01 ul li .left { float: left; width: 7% !important; } .contact_01 { padding: 13% 0 60%; } #map{ height: 400px !important; } } .recruitlist.on .listw ul{ border-bottom: 1px solid #FFFFFF; background: #eff2f4; } .managenewbusiness_01{padding-bottom: 0;} .managenewbusiness_01 .pageout{ margin-bottom: 0; } .b_more{text-align: center;padding-top: 20px;} .b_more a{display: inline-block;width: 120px;height: 36px;line-height: 36px;color: #fff;border:1px solid #fff;border-radius:20px;} @media only screen and (min-width: 1025px){ .b_more a:hover{color:#fff !important;opacity: 0.8} } .recruit_lianx{padding: 0 30px;padding-top: 20px;} .recruit_lianx h2{font-weight: bold;margin-bottom:15px; } @media only screen and (max-width: 768px){ .recruit_lianx{padding:10px 15px;padding-bottom: 0;} }