*{ color: #333; margin:0; padding:0; list-style: none; text-decoration: none; } body { width: 100%; min-width: 1180px; } .logo { height:63px; display:flex; justify-content: center; align-items: center; } .advertisement { width: 100%; height: 550px; background: url(/uploads/image/rcwdcbimg/advertisement.png) no-repeat center/ cover; border-bottom: 1px solid #a3a3a3; } .nav { width:1182px; margin:0 auto; display:flex; } .nav li { padding:30px 0; } .nav a{ padding:0 23px; border-right:1px solid #d2a359; box-sizing:border-box; color:#3e3e3e; } .nav li:last-child a { border:0; } .nav .active a { color:#c7080b; font-weight:bold; } .content { width:1182px; min-width:1182px; margin:0 auto; position:relative; } .title_main { width: 100%; height: 96px; position: relative; margin-bottom:15px; margin-top:20px; } .title_main img{ position: absolute; left: -18px; bottom: 0; } .banner { display:flex; } .banner .banner-tit { flex:1; display:row-reverse; } .banner-img { width:890px; height:460px; position:relative; } .banner-img img { width:100%; height:100%; } .banner-tit li { border:1px solid #c1c1c1; color:#8e8e8e; padding-left:37px; width:240px; height:50px; line-height:50px; font-size:16px; margin-bottom:19px; box-sizing:border-box; cursor: default; } .banner-tit li:last-child { margin:0; } .banner-tit .active { background:#c7080b; border-color:#c7080b; color:#fff; } .banner-tit li:hover { color:#333; } .banner-tit .active:hover { color:#fff; } .recruitment { display:flex; flex-wrap: wrap; } .recruitment>div { width:562px; height:316px; margin-right: 29px; } .recruit-advert { width:562px; height:244px; border-radius:4px; overflow:hidden; } .recruit-advert img { width:100%; height:100%; } .recruitment .tit { width: 548px; height: 31px; line-height: 31px; font-size: 24px; color: #c7080b; padding-left: 12px; border-left: 2px solid #c7080b; margin-top: 29px; margin-bottom: 19px; font-weight: bold; display:flex; align-items: center; justify-content: space-between; } .recruitment .tit a{ font-size: 17px; padding: 0px 10px; border: 1px solid #b9b9b9; color: red; line-height: 22px; margin-top: 4px; } .recruitment .tit a:hover { color:#999; } .specal { width: 200px; height: 183px; overflow: hidden; position: relative; border:1px solid #a6a6a6; box-sizing: border-box; } .specal img { width:100%; height:100%; } .place { padding-top: 21px; display:flex; } .item { flex:1; display:flex; flex-wrap: wrap; } .item>a { display:block; width: 170px; height:75px; overflow: hidden; margin-left:25px; box-sizing:border-box; border:1px solid #a6a6a6; } .item>a img { width:100%; height:100%; transition: 0.5s; } .item a:nth-of-type(6),.item a:nth-of-type(7),.item a:nth-of-type(8),.item a:nth-of-type(9),.item a:nth-of-type(10) { margin-top:30px; } .item>a img:hover { transform:scale(1.2); } .title_main-specal { width: 100%; height:180px; position:relative; margin-top: 40px; } .title_main-specal .tit-img { width:100%; height:100%; position:absolute; bottom:0; left:-18px; } .title_main-specal .cont { width: 998px; padding-top: 80px; position: relative; z-index: 3; margin:0 auto; } .search { width:100%; height:43px; box-sizing: border-box; border:1px solid #a3a3a3; display:flex; } .select { background:#f5f5f5; width:116px; position:relative; text-align:center; height:100%; line-height:43px; cursor: default; } .select span:after { border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-left:10px; vertical-align: 3px; } .text-search { flex:1; } .text-search input { width:100%; height:100%; border:0; outline:none; padding: 0 20px; box-sizing:border-box; } .search .button { width: 70px; display:flex; justify-content: center; align-items: center; } .post { margin-top: 25px; display:flex; justify-content: space-around; } .post li { font-size:15px; cursor: pointer; } .post li:before { content:""; width:2px; height:2px; border-radius:50%; background:#333; display:inline-block; margin-right: 5px; vertical-align: 3px; } .post li:hover { color:#c7080b; } .new { display:flex; margin-top:70px; } .new-banner { width:717px; height:473px; margin-left:40px; padding-top:48px; } .new-item { flex:1; position:relative; } .new-item img { width:100%; height:100%; position:absolute; left:-18px; bottom:0; } .new-item ul { position:relative; z-index:1; padding-top:70px; } .new-item ul li { line-height:48px; font-size:14px; padding-left:13px; box-sizing:border-box; } .new-item ul li:before { content:""; width:2px; height:2px; border-radius:50%; background:#333; display:inline-block; margin-right: 5px; vertical-align: 3px; } .new-item a:hover { color:#c7080b; } .new-item .more { font-size: 17px; padding: 0px 10px; border: 1px solid #b9b9b9; color: red; line-height: 22px; position: absolute; right: 17px; top: 18px; z-index: 3; } .new .banner-fa { width:100%; height:408px; overflow:hidden; position: reletive; } .new .banner-fa li { width:717px; height:408px; float: left; } .new .banner-fa img { width:100%; height:100%; } .new .banner-tab { display:flex; margin-top:10px; } .new .banner-tab li { flex:1; text-align:center; background:#eaeaea; line-height:56px; font-size:16px; color:#2f2f2f; cursor: pointer; } .new .banner-tab .active { background-color: #c7080b; color:#fff; } .new .banner-tab li:hover { color:#c7080b; } .new .banner-tab .active:hover { color:#fff; } /* 注:4月28日修改 */ .mechanism ul { display:flex; justify-content: space-between; } .mechanism li { height:52px; overflow:hidden; background:#fff; margin-bottom:10px; box-sizing:border-box; } .mechanism a { display:block; height:52px; } .mechanism li img { width: auto; height:52px; } .map { width:100%; height:600px; position:relative; display:flex; align-items: center; justify-content: center; } .map img { cursor: pointer; } .qy-recruit { width:100%; height:100%; } /* 地图热点定位 */ .map a { position:absolute; width: 30px; height:30px; background:pink; overflow: hidden; opacity: 0; } .xinjiang {left:323px;top:177px;} .xizang {left:336px;top:334px;} .qinghai {left:440px;top:273px;} .sichuan {left:508px;top:365px;} .yunnan {left:489px;top:465px;} .neimenggu {left:612px;top:204px;} .shanxi {left:629px;top:264px;} .hebei {left:665px;top:242px;} .liaoning {left:768px;top:190px;} .jilin {left:810px;top:153px;} .heilongjiang {left:807px;top:90px;} .jiangsu {left:746px;top:319px;} .zhejiang {left:752px;top:391px;} .anhui {left:709px;top:350px;} .fujian {left:735px;top:445px;} .jiangxi {left:690px;top:413px;} .shandong {left:713px;top:281px;} .henan {left:653px;top:315px;} .hubei {left:646px;top:363px;} .hunan {left:636px;top:411px;} .guangdong {left:669px;top:484px;} .hainan {left:615px;top:542px;} .sichuan {left:508px;top:365px;} .guizhou {left:569px;top:427px;} .shanxi2 {left:595px;top:320px;} .gansu {left:537px;top:295px;} .guangxi {left:597px;top:482px;} .ningxia {left:566px;top:253px;} .beijin {left:677px;top:211px;} .tianjin {left:718px;top:225px;} .shanghai {left:775px;top:349px;} .chongqing {left:582px;top:379px;}