body{background:#f5f5f5;font-family:'Microsoft YaHei';}
.banner2017{background:url(../images/banner2017.jpg?ver=20220210001) no-repeat center center;height:300px;}
.banner2017 .wb{margin:0 0 0 270px;padding:180px 0 0 0;text-align:center;}
.banner2017 .wb a{display:inline-block;*display:inline;*zoom:1;height:40px;line-height:40px;padding:0 20px;background:#ff8c40;color:#fff;font-size:16px;border-radius:4px;}
.introtable{width:1212px;margin:15px auto;background:#fff;line-height:200%;}
.lsie td{text-align:center;}
#HrMain{width: 1212px;margin: 10px auto 0 auto;}
.hrmleft{width:560px;height:610px;background:#fff;float:left;}
.hrmRight{width:638px;height:606px;border:2px solid #2182cc;background:#fff;float:right;}
.slideBox{width:610px; height:230px; overflow:hidden; position:relative; border:1px solid #ddd;}
.slideBox .hd{height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1;}
.slideBox .hd ul{overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;}
.slideBox .hd ul li.on{background:#f00; color:#fff;}
.slideBox .bd{position:relative; height:100%; z-index:0;}
.slideBox .bd li{zoom:1; vertical-align:middle;}
.slideBox .bd img{width:610px; height:230px; display:block;}
.slideBox .prev,
.slideBox .next{position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/channel/hr_club/images/2018/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{left:auto; right:3%; background-position:8px 5px;}
.slideBox .prev:hover,
.slideBox .next:hover{filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{display:none;}
.slideBox .nextStop{display:none;}

.etcontact{margin:10px;padding:10px 5px;background:#d4edff;color:#2182cc;border:1px solid #b9e1ff;font-size:14px;}
.picMarquee-left{ overflow:hidden; position:relative;}
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:240px; height:200px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }
.job_show_tit{width: 616px;font-size: 18px;color: #2182cc;height: 48px;line-height: 48px;border-bottom: 1px solid #2182cc;margin:0 auto;}
.job_show_table{width: 616px;margin:10px auto 0 auto;}
.kclist{width:100%;}
.kclist th,.kclist td{padding:10px 5px;text-align:center;}
.efiti{border:1px solid #f5e5a0;background:#fff6d5;color:#333;padding:5px 10px;margin:10px 0 0 0;}
.lianxi{margin:5px 0 0 0;font-size:16px;color:#ff6060;}
.lianxi img{width:30px;vertical-align:middle;}
.woyaobm{display:block;border:none;width:300px;height:46px;line-height:46px;text-align:center;font-size:14px;color:#fff;position:relative;margin:10px auto 0 auto;background:#2182cc;border-radius:4px;}
.woyaobm span{display:block;position:absolute;right:-8px;top:-8px;background:#2182cc;border:1px solid #fff;height:22px;line-height:22px;padding:0 6px;border-radius:4px;}
.kclistbanner{background:url(../images/banner2017.jpg) no-repeat center -15px;height:220px;}
.kclistinfo{padding:10px;background:#fff;line-height:150%;font-size:14px;}
.kclistwrap{margin:10px auto 0 auto;}
.listwrap{width:860px;min-height:681px;float:left;background:#fff;padding:0 10px 10px 10px;}
.listpright{width:300px;min-height:681px;float:right;background:#fff;padding:0 10px 10px 10px;}
.listpright .simg{width:292px;border:1px solid #ddd;padding:3px;background:#fff;margin:10px 0 0 0;}
.job_list_tit{font-size: 18px;color: #2182cc;height: 48px;line-height: 48px;border-bottom: 1px solid #2182cc;margin:0 auto;}
.top{height:70px;line-height:70px;background:#fff;}
.top .wrap{width:1212px;height:70px;margin:0 auto;}
.top .wrap .logo{float:left;margin:11px 0 0 0;}
.top .wrap .logo .home{display:block;width:108px;height:48px;float:left;background:url(/images/2017/index_logo_108_48.gif) no-repeat left top;line-height:100em;overflow:hidden;}
.top .wrap .logo .sub_text{height:30px;line-height:30px;font-size:26px;float:left;border-left:1px solid #b8b8b8;margin:10px 0 0 10px;padding:0 0 0 10px;color:#666;}
.head_3g,.booot,.dlwrap_c span{display:none;}
.regInput{display:inline-block;width: 300px;height: 30px;line-height: 30px;border: 1px solid #cfcfcf;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;font-size: 14px;padding: 0 0 0 5px;vertical-align: middle;}
.applyBtn {display:block;width: 300px;height: 45px;box-shadow: rgba(0, 0, 0, 0.15) 0px 1px, rgba(255, 255, 255, 0.15) 0px 1px inset;font-size: 18px;color: rgb(255, 255, 255);cursor: pointer;background: #2182cc;margin:15px 0 0 0;border-radius: 3px;border-width: initial;border-style: none;border-color: initial;border-image: initial;text-align:center;margin:0 auto;}

.dlwrap_t,.dlwrap_c{height:40px;line-height:40px;font-size:14px;}
.dlwrap_t{border-bottom:1px solid #ccc;}
.dlwrap_c{border-bottom:1px solid #eee;}
.dlwrap_t .cols,.dlwrap_c .cols{float:left;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.dlwrap_t .cols{font-weight:bold;color:#444;}
.dlwrap_c .cols{color:#666;}
.col_1{width:400px;padding:0 0 0 20px;}
.col_2{width:110px;text-align:center;}
.col_3{width:110px;text-align:center;}
.col_4{width:80px;text-align:center;}
.col_5{width:140px;text-align:center;}
.col_1 b{color: #2182cc;}
.col_2 input{vertical-align:middle;}

.hrmain{width:1212px;margin:0 auto;}
.hrpart1{background:#fff;margin:10px 0 0 0;padding:10px 20px 20px 20px;}
.hrctitle{border-bottom:1px solid #ddd;width:500px;margin:0 auto;text-align:center;}
.hrctitle span{display:inline-block;*display:inline;*zoom:1;height:40px;line-height:40px;font-size:20px;font-weight:bold;color:#2182cc;border-bottom:2px solid #2182cc;padding:0 10px;}
.hrintrofl{background:#fff9f4;width:512px;float:left;margin:20px 0 0 0;padding:20px;}
.hrgoa_1,.hrgoa_2{display:block;float:left;color:#2182cc;height:72px;font-size:16px;}
.hrgoa_1 img,.hrgoa_2 img{vertical-align:middle;}
.hrgoa_1{margin:0 0 0 60px;}
.hrgoa_2{margin:0 0 0 50px;}
.dreamtext{margin:15px 0 0 0;color:#666;font-size:12px;line-height:180%;}
.dreamtext h1{font-size:14px;color:#f60;}
.hrhuodongfr{width:610px;margin:20px 0 0 0;float:right;}
.viewevents{margin:5px 0 0 0;height:30px;line-height:30px;border:1px solid #f60;background:#fff2e4;}
.viewevents .title{width:120px;height:30px;background:#f60;color:#fff;float:left;text-align:center;}
.viewevents .list{padding:0 0 0 20px;width:460px;height:30px;float:right;position:relative;}
.viewevents .list .arror{position:absolute;right:10px;top:0;z-index:99;width:30px;height:30px;background:url(/channel/hr_club/images/2018/arrow.png) no-repeat center center;}
.viewevents .list .listul{z-index:98;position:absolute;left:0;top:0;background:#fff2e4;width:460px;padding:0 10px;height:30px;overflow:hidden;}
.viewevents .list .listul a{display:block;height:30px;width:450px;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ctel_1,.ctel_2{display:block;float:left;height:40px;font-size:16px;color:#666;}
.ctel_1 img,.ctel_2 img{vertical-align:middle;}
.ctel_1 span,.ctel_2 span{color:#f60}
.ctel_1{margin:15px 0 0 80px}
.ctel_2{margin:15px 0 0 30px}
.hrpart2{margin:20px 0 0 0;}
.hdlistwrap{margin:20px 0 0 0;position:relative;}
.hdonebox_blank{width:230px;height:330px;float:left;}
.hdonebox{width:244px;height:330px;border:1px solid #e3e3e3;border-left:none;float:left;background:#fff;}
.hdone_title,.hdone_title_ht{background:#2182cc;height:46px;line-height:46px;font-size:16px;text-align:center;color:#fff;}
.hdone_title_ht{background:url(/channel/hr_club/images/2018/ht.gif) no-repeat center center;}
.hdone_cont{padding:10px;}
.hdone_cont .dflogo,.hdone_cont .dflogo img{width:200px;height:72px;margin:0 auto;}
.hdtext{margin:10px 0 0 0;color:#666;font-size:12px;line-height:150%;}
.hdtext h1{font-size:14px;color:#f60;}
.blocline{height:1px;background:#f60;margin:10px 0;}
.rdtext{padding:0 0 0 10px;background:url(/channel/hr_club/images/2018/dd.png) no-repeat left 5px;color:#666;line-height:150%;margin:8px 0 0 0;}
.sqtel{border:1px solid #f60;padding:5px 10px;color:#666;margin:10px auto 0 auto;text-align:center;}
.sqtel span{color:#f60;font-size:16px;}
.foneb{width:266px;height:400px;background:url(/channel/hr_club/images/2018/focbg.png) no-repeat center center;position:absolute;left:-25px;top:-40px;}
.hdone_title_hd{height:68px;text-align:center;color:#fff;}
.hdone_title_hd .hd1{font-size:18px;margin:10px 0 0 0;}
.hdone_title_hd .hd2{font-size:14px;}
.bmgtnwr{margin:50px 0 10px 0;}
.ewomwe,.ewomwe:hover{display:block;width:200px;height:40px;line-height:40px;background:#f60;color:#fff;margin:0 auto;border-radius:4px;text-align:center;font-size:16px;}

@media screen and (max-width: 1024px) {
	
}
@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 550px) {
	.top,.ifooter,.siteFixedNav,.dlwrap_t{display:none;}
	.head_3g{display:block;width:100%; border-bottom:1px solid #ddd;background:#fff;box-shadow:0 2px 3px #f5f5f5;height:50px;line-height:50px;}
	.logo_3g{display:inline-block;*display:inline;*zoom:1;width:100px;background:url(/3g/person/images/logo_hd.gif) no-repeat;background-size:100px;vertical-align:middle;margin:0 0 0 10px;}
	.headtitle_3g{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;height:30px;line-height:30px;color:#333;border-left:1px solid #ccc;padding:0 0 0 10px;margin:0 0 0 10px;font-weight:normal;font-size:1rem;}
	.kclistbanner{background:url(../images/banner2017.jpg) no-repeat center 0;background-size:1000px;height:120px;}
	.booot{display:block;background:#f7f7f7;text-align:center;padding:0.5rem;font-size:0.8rem;color:#333;}
	#HrMain{width:100%;}
	.listwrap{width:auto;min-height:auto;}
	.listpright{display:none;width:auto;min-height:auto;}
	.dlwrap_c{height:auto;line-height:200%;font-size:14px;}
	.dlwrap_c span{display:inline-block;color: #2182cc;}
	.col_1{width:100%;padding:0;height:40px;line-height:40px;font-size:1rem;}
	.col_2{width:48%;text-align:left;}
	.col_3{width:48%;text-align:left;margin:0 0 0 2%}
	.col_4{width:48%;text-align:left;}
	.col_5{width:48%;text-align:left;margin:0 0 0 2%}
	.woyaobm{width:80%;}
}
@media screen and (max-width: 320px) {
	
}

#HrMainLine01{width: 1212px;margin-right: auto;margin-left: auto;padding-top: 7px;overflow: hidden;float: left;}
#HrMainLine01A{width: 1212px;float: left;height: 187px;overflow: hidden;margin-bottom: 6px;}
#HrMainLine01B{width: 1212px;float: left;height: 365px;overflow: hidden;background-image: url(../images/job168img_hr_bj3.jpg);background-repeat: no-repeat;}
#HrMainLine01B1{line-height: 28px;text-decoration: none;float: left;height: 56px;width: 205px;padding-left: 75px;font-size: 14px;padding-top: 4px;}
#HrMainLine01B3{line-height: 32px;text-decoration: none;height: 64px;width: 600px;padding-left: 50px;font-size: 14px;float:left;}
.whitetxt{font-size:16px;text-decoration:none;line-height:64px;font-weight:bold;color:#FFF;}
#HrMainLine01B2{float: left;width: 99%;padding-top: 10px;padding-left: 8px;}
#HrMainLine01B2A1{float: left;height: 220px;width: 250px;overflow: hidden;}
#HrMainLine01B2A2{float: left;width: 100%;padding-top: 10px;overflow: hidden;text-align: center;}
#HrMainLine01B2A{float: left;height: 265px;width: 250px;padding-top: 13px;}
#HrMainLine01B2B3{float: left;height: 270px;width: 20px;padding-top: 9px;overflow: hidden;}
#HrMainLine01B2B{float: left;height: 270px;width: 115px;padding-top: 9px;overflow: hidden;}
#HrMainLine01B2B1{float: left;height: 28px;width:72px;overflow: hidden;line-height: 28px;color: #656565;text-decoration: none;padding-left: 43px;}
#HrMainLine01B2B2{float: left;height: 28px;width: 90px;overflow: hidden;line-height: 28px;color: #656565;text-decoration: none;padding-left: 25px;padding-top: 4px;}
#HrMainLine01B2C{float: left;height: 280px;width: 665px;overflow: hidden;background-color:#D9D9D9;}
#HrMainLine01C{width: 1212px;float: left;overflow: hidden;padding-top: 9px;}
#HrMainLine01C1{float: left;height: 215px;width: 229px;border: 1px solid #CACACA;overflow: hidden;margin-right: 9px;}
#HrMainLine01C2{float: left;height: 215px;width: 229px;border: 1px solid #CACACA;overflow: hidden;}
#HrMainLine01C1A1{font-weight: bold;text-decoration: none;width: 69%;padding-left: 10px;font-size: 14px;height: 26px;overflow: hidden;color: #0061A5;float: left;}
#HrMainLine01C1A2{text-decoration: none;width: 20%;font-size: 12px;height: 26px;overflow: hidden;color: #0061A5;float: left;}
#HrMainLine01C1A{background-image: url(../images/job168img_hr_bj4.jpg);background-repeat: repeat-x;height: 26px;width: 100%;line-height: 26px;margin-bottom: 8px;}
#HrMainLine01C1B{float: left;height: 21px;width: 85%;padding-left: 25px;line-height: 21px;text-decoration: none;background-image: url(../images/job168img_In_Dot.jpg);background-repeat: no-repeat;background-position: 15px 9px;}
.TrMainLine01C1B1{float: left;height: 20px;width: 90%;padding-left: 7%;line-height: 20px;color: #39579f;background-image: url(../images/job168img_Tr_bt6.jpg);background-repeat: no-repeat;background-position: 7px 8px;overflow: hidden;}
.TrMainLine01C1B1 a{color: #39579f;}
.TrMainLine01C1B2{float: left;height: 6px;width: 80%;overflow: hidden;}
#InFooter{height: 110px;width: 100%;margin-right: auto;margin-left: auto;overflow: hidden;margin-top: 6px;clear: left;float: left;text-align: center;}
.InFooterA{height: 30px;width: 1212px;overflow: hidden;border-top-width: 7px;border-top-style: solid;border-top-color: #1777BF;line-height: 30px;padding: 0px;margin: 0px;}
#InFooterB{height: 49px;width: 543px;overflow: hidden;text-align: left;line-height: 24px;padding-top: 10px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;color: #696969;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
.InFooterB1{float: left;}
*.wqhg{_padding-top:24px;}

.commtitle{font-size: 30px;line-height: 150%;text-align: center;color: #333333;margin:0 0 20px 0;}
.sectionwrap1,.sectionwrap2{padding: 40px 0;}
.sectionwrap2{background: #ffffff;}
.sectionwrap3{padding: 40px 0;background: url(../images/2022/img8.png) no-repeat center bottom;}
.intro1{width: 600px;float: left;line-height: 200%;font-size: 14px;margin: 0 0 0 63px;}
.intro2{width: 365px;height: 365px;float: right;margin: 0 80px 0 0;}
.kctxwrap{width: 1200px;overflow: hidden;position: relative;margin: 0 auto -15px auto;}
.kctxwrap .slonghide{width: 1300px;position: relative;float: left;}
.kctxwrap .itembox{width: 236px;height: 132px;float: left;margin: 0 0 15px 0;}
.kctxwrap .itembox .title{width: 115px;height: 38px;line-height: 38px;font-size: 20px;color: #ffffff;text-align: center;border-radius: 4px;margin: 0 auto 10px auto;}
.kctxwrap .itembox .points{line-height: 200%;font-size: 14px;color: #666666;text-align: center;}
.kctxwrap .itembox .points em{color: #cccccc;font-style: normal;}
.kctxwrap .itembox .color1{background: #31aad2;}
.kctxwrap .itembox .color2{background: #5bbc97;}
.kctxwrap .itembox .color3{background: #91c54a;}
.kctxwrap .itembox .color4{background: #66b001;}
.kctxwrap .itembox .color5{background: #0f8e5e;}
.kctxwrap .itembox .color6{background: #007da6;}
.kctxwrap .itembox .color7{background: #d77c22;}
.kctxwrap .itembox .color8{background: #d127b3;}
.kctxwrap .itembox .color9{background: #d127b3;}
.kctxwrap .itembox .color10{background: #d127b3;}
.fwtxwrap{width: 1200px;overflow: hidden;position: relative;margin: 0 auto 0 auto;}
.fwtxwrap .slonghide{width: 1300px;position: relative;float: left;}
.fwtxwrap .fwtxbox{width:390px;margin:0 15px 0 0;background: #ffffff;float: left;}
.fwtxwrap .fwtxbox .title{width: 100%;height: 80px;line-height: 80px;color: #ffffff;font-size: 22px;text-align: center;float: left;}
.fwtxwrap .fwtxbox .color1{background: #0fa6bd;}
.fwtxwrap .fwtxbox .color2{background: #f0a861;}
.fwtxwrap .fwtxbox .color3{background: #d9697b;}
.fwtxwrap .fwtxbox .item{width: 33%;float: left;font-size: 18px;text-align: center;line-height: 150%;margin: 15px 0;}
.fwtxwrap .commtitle2{font-size: 26px;margin: 30px 0 15px 0;text-align: center;width: 100%;float: left;}
.clogos{width: 160px;height: 60px;border: 1px solid #eeeeee;float: left;margin: 10px 13px 0 0;}
.productLeft{width: 568px;float: left;}
.productRight{width: 612px;float: right;}
.productLeft .thumitem{box-sizing: border-box;width: 100%;border: 1px solid #eaeaea;background: #ffffff;border-radius: 6px;padding: 18px 20px;margin: 0 0 10px 0;}
.productLeft .thumitem:last-child{margin: 0;}
.productLeft .thumitem h1{font-size: 22px;line-height: 150%;margin: 0 0 5px 0;font-weight: normal;}
.productLeft .thumitem .text{font-size: 14px;line-height: 200%;color: #666666;}
.productLeft .active{background: #f7feff;border: 1px solid #0d77e3;box-shadow:0px 2px 8px 0px rgb(28 148 233 / 43%);}
.productLeft .active h1{color: #0d77e3;}
.productRight .detailitem{position: relative;display: none;}
.productRight .row{display: flex;margin: 0 0 15px 0;}
.productRight .pointtitle{width: 150px;height: 36px;line-height: 34px;font-size: 16px;background-color: #0d77e3;text-align: center;color: #ffffff;border-radius: 100px;}
.productRight .kcdx{background-image: url(../images/2022/icon1.png);background-position: center center;background-repeat: no-repeat;display: inline-block;width: 24px;height: 24px;vertical-align: middle;}
.productRight .jsjs{background-image: url(../images/2022/icon2.png);background-position: center center;background-repeat: no-repeat;display: inline-block;width: 24px;height: 24px;vertical-align: middle;}
.productRight .kcdxtext{font-size: 16px;line-height: 150%;margin: 0 0 0 20px;width: 430px;}
.productRight .jsphoto{width: 90px;height: 110px;margin: 15px 0 0 0;}
.productRight .jsphoto img{border-radius: 4px;border: 2px solid #eeeeee;}
.productRight .jstext{margin: 15px 0 0 15px;line-height: 200%;color: #000000;font-size: 12px;}
.productRight .jstext h1{font-size: 16px;margin: 0 0 5px 0;}
.contactuswrap{width: 1000px;padding: 30px;margin: 0 auto;background: #ffffff;border-radius: 6px;}
.contactuswrap .map{width: 450px;height: 280px;float: left;}
.contactuswrap .contactway{float: right;width: 520px;}
.contactuswrap .contacttype{width: 100px;font-size: 14px;font-weight: bold;float: left;line-height: 200%;}
.contactuswrap .contactvalue{font-size: 14px;line-height: 200%;}
.contactuswrap .qrcode{width: 120px;float: left;margin: 0 20px 0;}
.contactuswrap .qrcode img{margin: 0 0 10px 0;}
.contactuswrap .qrcode .text{font-size: 14px;text-align: center;}