/*企业招聘*/

.join-1 {height: 832px;padding-top: 100px;} 
.join-1 .news_list .fl{height: 732px;width: 48%;background-image: url(../img/join-1-bg-1.png); background-repeat: no-repeat;background-position: bottom right;}
.join-1 .news_list .fl div{height: 732px;width: 708px;float: right;}
.join-1 .news_list .fl div i{height: 580px;width: 708px;font-size: 16px; padding:200px 100px; line-height: 50px;display: block;background-color: #fff; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);}
.join-1 .news_list .fr{height: 732px;width: 52%;}
.join-1 .news_list .fr b{width: 390px;height: 175px; display: block;color: #fff; font-size: 40px;background: #234fa1; text-align: center;padding: 25px;}
.join-1 .news_list .fr div{height:557px ;width: 793px;background-image: url(../img/join-1-bg.jpg);display: block;}

.join-2{height: 860px; background-image: url(../img/join-2-bg-1.jpg); padding-top: 100px;}

.join-2 .news_list{height: 631px; position: relative; display: block;}
.join-2 .news_list b{width: 236px;height: 270px; font-size: 36px;text-align: center;display: block;padding: 85px 0; position: absolute; left: 742px; top: 180px; color: #60a2c1; background: url(../img/join-2-bg-7.png) no-repeat center;}
.join-2 .news_list b i{font-size: 16px;font-family: eFont; display: block;}

.join-2 .news_list li{height: 245px; display: block;width: 560px;position: absolute;}
.join-2 .news_list li i{height: 245px; display: block;width: 214px; font-size: 72px;color: #fff; text-align: center; line-height: 245px;}
.join-2 .news_list li h5{font-size: 24px; display: block;line-height: 40px; width: 346px; padding:0 20px; margin-top: 60px;}
.join-2 .news_list li span{font-size: 18px; display: block; line-height: 40px;width: 346px;padding:0 20px;}

.join-2 .news_list li:nth-child(2){text-align: right;right: 863px;top: 0;}
.join-2 .news_list li:nth-child(2) i{background-image: url(../img/join-2-bg-1.png);float: right;}
.join-2 .news_list li:nth-child(2) h5{ color: #a5abda;}

.join-2 .news_list li:nth-child(3){text-align: left;left: 863px;top: 0;}
.join-2 .news_list li:nth-child(3) i{background-image: url(../img/join-2-bg-2.png);float: left;}
.join-2 .news_list li:nth-child(3) h5{ color: #6bb4d6; float: right;}
.join-2 .news_list li:nth-child(3) span{float: right;}

.join-2 .news_list li:nth-child(4){text-align: left;left: 973px;top: 192px;}
.join-2 .news_list li:nth-child(4) i{background-image: url(../img/join-2-bg-3.png);float: left;}
.join-2 .news_list li:nth-child(4) h5{ color: #82cad3; float: right;}
.join-2 .news_list li:nth-child(4) span{float: right;}

.join-2 .news_list li:nth-child(5){text-align: left;left: 863px;top: 384px;}
.join-2 .news_list li:nth-child(5) i{background-image: url(../img/join-2-bg-4.png);float: left;}
.join-2 .news_list li:nth-child(5) h5{ color: #a1d3cc; float: right;}
.join-2 .news_list li:nth-child(5) span{float: right;}

.join-2 .news_list li:nth-child(6){text-align: right;right: 863px;top: 384px;}
.join-2 .news_list li:nth-child(6) i{background-image: url(../img/join-2-bg-5.png);float: right;}
.join-2 .news_list li:nth-child(6) h5{ color: #a1c1d3;}

.join-2 .news_list li:nth-child(7){text-align: right;right: 973px;top: 192px;}
.join-2 .news_list li:nth-child(7) i{background-image: url(../img/join-2-bg-6.png);float: right;}
.join-2 .news_list li:nth-child(7) h5{ color: #a1b6d3;}

/*招聘公告*/
.join-3{min-height: 860px; background-image: url(../img/join-3-bg-1.jpg);  padding-bottom: 100px;}
.join-3 table{box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);}
.join-3 table tr { text-align: center;margin: 0.3rem 0; background: url(../img/join-3-bg-3.png);}
.join-3 table tr th{height: 80px;font-size: 24px ; font-weight: bold; color: #fff; }
.join-3 table tr td{height: 80px;font-size: 18px ;color: #fff; }
.join-3 table tr:nth-child(2n+1) { text-align: center; background: url(../img/join-3-bg-2.png);}
.join-3 table tr:hover{background: url(../img/join-3-bg-3-2.png);}

.join-3 .mail{height: 80px;line-height: 80px; text-align: right; font-size: 18px ;color: #fff; }
.join-3 .mail span{margin-left: 70px;}

/*党群园地*/	
.join-4 .product_list {padding-top: 100px; }
.join-4 .product_list ul li{ cursor: pointer; width: 573px; height: 630px; float: left; padding:0 30px; margin-bottom: 40px;}
.join-4 .product_list ul li div{transition: all 0.3s;display:block;cursor: pointer; width: 513px; height: 610px; padding: 40px 40px 0px 40px;background: #fff; }
.join-4 .product_list ul li div:hover{box-shadow: 5px 8px 10px rgba(35 79 161 / 20%);}
.join-4 .product_list ul li div>i{display:block;width: 433px; height: 320px;  background-position: center;background-repeat: no-repeat;background-size: cover;}
.join-4 .product_list ul li div h5{ font-size:20px; font-weight:400; height: 80px; line-height: 45px;padding-top: 25px; position: relative; }
.join-4 .product_list ul li div span{display: block; font-size:16px; line-height: 25px; height: 50px;}
.join-4 .product_list ul li div time{float: right; display: block; font-size:18px; line-height: 86px; height: 86px;margin-top:10px;  padding-left: 30px; font-family: dFont; background: url(../img/join-4-bg-2.png) no-repeat left;}
.join-4 .product_list ul li div h6{float: left; font-size: 16px; line-height: 30px; padding-right:100px; color: #b42121; margin-bottom:0; margin-top:40px; display: inline-block;background: url(../img/join-4-bg-1.png) no-repeat;background-position: 100px;}

	
@media (max-width: 1680px) {
	
	.join-1{height:814px ;padding-top:88px }
	.join-1 .news_list {height:641px ;}
	.join-1 .news_list .fl{height:641px ;background-size: 620px;}
	.join-1 .news_list .fl div{height:641px ;width:620px ;}
	.join-1 .news_list .fl div i{height:508px ;width:620px ;padding:175px 88px ;line-height:44px ;}
	.join-1 .news_list .fr{height:641px ;}
	.join-1 .news_list .fr b{width:341px ;height:153px ;padding:22px ; line-height: 55px;}
	.join-1 .news_list .fr div{height:487px; width: 693px;}
	
	.join-2 .news_list b{left: 634px; }
	.join-2 .news_list li:nth-child(2){right: 757px;}
	.join-2 .news_list li:nth-child(3){left: 757px;}
	.join-2 .news_list li:nth-child(4){left: 869px;}
	.join-2 .news_list li:nth-child(5){left: 757px;}
	.join-2 .news_list li:nth-child(6){right: 757px;}
	.join-2 .news_list li:nth-child(7){right: 869px;}
	
	
	.join-4 .product_list {padding-top:88px ;}
	.join-4 .product_list ul li{width:501px ;height:551px ;padding:0 26px ;margin-bottom:35px ;}
	.join-4 .product_list ul li div{width:449px ;height:534px ;padding:35px 35px 0 35px ;}
	.join-4 .product_list ul li div>i{width:379px ;height:280px ;}
	.join-4 .product_list ul li div h5{height:70px ;line-height:39px ;padding-top:22px ;}
	.join-4 .product_list ul li div span{line-height:22px ;height:44px ;}
	.join-4 .product_list ul li div time{line-height:75px ;height:75px ;margin-top:9px ;}
	.join-4 .product_list ul li div h6{line-height:26px ;padding-right:88px ;margin-top:35px ;}

}

@media (max-width: 1440px) {
	.join-1{height:698px ;padding-top:75px ;}
	.join-1 .news_list {height:549px ;}
	.join-1 .news_list .fl{height:549px ;background-size: 531px;}
	.join-1 .news_list .fl div{height:549px ;width:531px ;}
	.join-1 .news_list .fl div i{height:435px ;width:531px ;padding:140px 75px ;line-height:38px ;}
	.join-1 .news_list .fr{height:549px ;}
	.join-1 .news_list .fr b{width:293px ;height:131px ;padding:19px ;line-height: 45px;}
	.join-1 .news_list .fr div{height:418px ;width: 594px;}
	
	.join-2 .news_list b{left: 526px; }
	.join-2 .news_list li:nth-child(2){right: 650px;}
	.join-2 .news_list li:nth-child(3){left: 650px;}
	.join-2 .news_list li:nth-child(4){left: 760px;}
	.join-2 .news_list li:nth-child(5){left: 650px;}
	.join-2 .news_list li:nth-child(6){right: 650px;}
	.join-2 .news_list li:nth-child(7){right: 760px;}
	
	.join-4 .product_list {padding-top:75px ;}
	.join-4 .product_list ul li{width:429px ;height:473px ;padding:0 23px ;margin-bottom:30px ;}
	.join-4 .product_list ul li div{width:385px ;height:458px ;padding:30px 30px 0 30px ;}
	.join-4 .product_list ul li div>i{width:325px ;height:240px ;}
	.join-4 .product_list ul li div h5{height:60px ;line-height:34px ;padding-top:19px ;}
	.join-4 .product_list ul li div span{line-height:19px ;height:38px ;}
	.join-4 .product_list ul li div time{line-height:65px ;height:65px ;margin-top:8px ;}
	.join-4 .product_list ul li div h6{line-height:23px ;padding-right:75px ;margin-top:30px ;}

}

@media (max-width: 1366px) {
	.join-1{height:662px ;padding-top:71px ;}
	.join-1 .news_list {height:521px ;}
	.join-1 .news_list .fl{height:521px ;background-size: 504px;}
	.join-1 .news_list .fl div{height:521px ;width:504px ;}
	.join-1 .news_list .fl div i{height:413px ;width:504px ;padding:132px 71px ;line-height:36px ;}
	.join-1 .news_list .fr{height:521px ;}
	.join-1 .news_list .fr b{width:277px ;height:125px ;padding:18px ;line-height: 43px}
	.join-1 .news_list .fr div{height:396px ;width: 566px;}
	
	.join-2 .news_list b{left: 493px; }
	.join-2 .news_list li:nth-child(2){right: 615px;}
	.join-2 .news_list li:nth-child(3){left: 615px;}
	.join-2 .news_list li:nth-child(4){left: 725px;}
	.join-2 .news_list li:nth-child(5){left: 615px;}
	.join-2 .news_list li:nth-child(6){right: 615px;}
	.join-2 .news_list li:nth-child(7){right: 725px;}
	
	.join-4 .product_list {padding-top:71px ;}
	.join-4 .product_list ul li{width:407px ;height:448px ;padding:0 21px ;margin-bottom:28px ;}
	.join-4 .product_list ul li div{width:365px ;height:434px ;padding:28px 28px 0 28px ;}
	.join-4 .product_list ul li div>i{width:308px ;height:228px ;}
	.join-4 .product_list ul li div h5{height:57px ;line-height:32px ;padding-top:18px ;}
	.join-4 .product_list ul li div span{line-height:18px ;height:36px ;}
	.join-4 .product_list ul li div time{line-height:61px ;height:61px ;margin-top:7px ;}
	.join-4 .product_list ul li div h6{line-height:21px ;padding-right:71px ;margin-top:28px ;}


}

/*@media (max-width: 1099.98px) { */
@media (max-width: 1099.98px) ,(min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.join-1 {height: 14rem;padding-top:0.6rem ;} 
	.join-1 .news_list {height:13.32rem ;}
	.join-1 .news_list .fr{height:5.32rem ;width:7.2rem ;float: initial;margin: 0 auto;}
	.join-1 .news_list .fr b{width:100% ;height:1.75rem ;font-size:0.52rem ;line-height: 0.6rem; padding:0.25rem ;}
	.join-1 .news_list .fr div{height:3.57rem ;width:7.2rem}
	
	.join-1 .news_list .fl{height:7.62rem ;width:7.2rem ;float: initial;margin: 0 auto;background-size: auto;background-position: bottom center;}
	.join-1 .news_list .fl div{height:6.32rem ;width:7.2rem ;}
	.join-1 .news_list .fl div i{height:5.80rem ;width:7.2rem ;font-size:0.28rem ;padding:1.2rem 0.8rem ;line-height:0.50rem ;}

	.join-2{height:7.60rem ;padding-top:1.00rem ;}
	.join-2 .news_list{height:6.31rem ;}
	.join-2 .news_list b{width:1.8rem ;height:1.9rem ;font-size:0.32rem ; padding: 0.4rem 0.15rem;left:2.7rem ;top:1.80rem ;background-size: cover;}
	.join-2 .news_list b i{font-size:0.24rem ;line-height: 0.26rem;}
	
	.join-2 .news_list li{height:2.45rem ;width:3.5rem ;}
	.join-2 .news_list li i{height:1.65rem ;width:1.45rem ;font-size:0.84rem ;line-height:1.65rem ;}
	.join-2 .news_list li h5{font-size:0.28rem ;line-height:0.30rem ;width:2rem ;padding:0.05rem 0.10rem ;margin-top:0.20rem ; }
	.join-2 .news_list li span{font-size:0.22rem ;line-height:0.30rem ;width:2rem ;padding:0 0.10rem ;}
	
	.join-2 .news_list li:nth-child(2){right: 3.7rem;top: 0.55rem; }
	.join-2 .news_list li:nth-child(3){left:3.7rem;top: 0.55rem; }
	.join-2 .news_list li:nth-child(4){left:4.5rem; top: 1.95rem;width: 2.9rem;}
	.join-2 .news_list li:nth-child(4) h5{width: 1.4rem;margin-top: 0.45rem;}
	.join-2 .news_list li:nth-child(4) span{width: 1.4rem;}
	.join-2 .news_list li:nth-child(5){left:3.7rem ;top:3.3rem ;}
	.join-2 .news_list li:nth-child(6){right:3.7rem ;top:3.3rem ;}
	.join-2 .news_list li:nth-child(7){right:4.5rem ;top:1.95rem ;width: 2.9rem;}
	.join-2 .news_list li:nth-child(7) h5{width: 1.5rem;}
	.join-2 .news_list li:nth-child(7) span{width: 1.5rem;}
	
	.join-3{min-height:8.60rem ;padding-bottom:0.5rem ;}
	.join-3 table tr th{height:0.80rem ;font-size:0.28rem ;}
	.join-3 table tr td{height:0.80rem ;font-size:0.24rem ;}
	.join-3 .mail{height:1.80rem ;line-height:0.40rem ;padding: 0.6rem 0; font-size:0.30rem ;}
	.join-3 .mail span{margin-left: inherit; display: block;}
	
	.join-4 .product_list {padding-top:0.6rem ;}
	.join-4 .product_list ul li{width:7.2rem ;height:6.30rem ;padding:0 ;margin-bottom:0.20rem ;}
	.join-4 .product_list ul li div{width:7.2rem ;height:6.10rem ;padding:0.20rem 0.20rem 0 0.20rem ;}
	.join-4 .product_list ul li div>i{width:6.8rem ;height:3.20rem ;}
	.join-4 .product_list ul li div h5{font-size:0.32rem ;height:0.80rem ;line-height:0.45rem ;padding-top:0.25rem ;}
	.join-4 .product_list ul li div span{font-size:0.28rem ;line-height:0.25rem ;height:0.50rem ;}
	.join-4 .product_list ul li div time{font-size:0.30rem ;line-height:0.86rem ;height:0.86rem ;margin-top:0.20rem ;padding-left:0.30rem ;}
	.join-4 .product_list ul li div h6{font-size:0.28rem ;line-height:0.30rem ;padding-right:1.00rem ;margin-top:0.50rem ;background-position:1.80rem ;}


}