body{background-color: #FFFFFF;color:#212121;font-size:14px;font-family:"microsoft yahei","微软雅黑";background: url(../../images/hr/body_bg.jpg) left top repeat-x;} *{padding: 0;margin: 0;} li{list-style:none;} img{border:none;display: block;} em{font-style: normal;} a{text-decoration:none;color:#212121;cursor: pointer;} .clearfix{ content: ""; display: block; overflow: hidden; clear: both;} .fl{ float: left;} .fr{ float: right;} .animation{ transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;} .width{width: 1180px;margin: 0 auto;} .pd20{padding: 0 20px!important;} .ml0{margin-left: 0!important;} .head{margin: 0 auto;width: 1220px;} .head .top{background: #424242;line-height: 40px;height:40px;border-bottom: 2px solid #80cbc4;color: #9E9E9E;box-sizing: border-box;padding: 0 20px;} .head .top a{color: #9E9E9E;display: inline-block;height: 40px;margin-right: 6px;} .head .top a:hover{color: #FFFFFF;text-decoration: underline;} .head .top .fl .weixin{position: relative;margin-left: 6px;} .head .top .fl .weixin img{position: absolute;left: -30px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;z-index: -1;} .head .top .fl .weixin:hover img{filter:alpha(opacity=1);-moz-opacity:1;opacity:1;z-index: 3;} .head .top em{display: inline-block;margin: 0 12px;} .head .nav{height: 116px;border-bottom: 2px solid #E0E0E0;background: #FFFFFF;box-sizing: border-box;padding: 0 0 0 20px;display: flex;justify-content: space-between;align-items: center;} .head .nav .logo{display: block;padding-top: 20px;} .head .nav .menu ul{display: flex;justify-content: flex-end;align-items: center;padding-top: 36px;} .head .nav .menu ul li{position: relative;} .head .nav .menu ul li p{position: absolute;left: 0;top: 80px;width: 100%;display: none;padding: 0 0 20px 0;border: 1px solid #013d61;padding-bottom:10px;background-color: #FFF;border-top: 0;z-index: 999;} .head .nav .menu ul li p a{display: block;font-size: 14px;line-height: 32px;text-align: center;} .head .nav .menu ul li p a:hover{background-color: #F5F5F5;} .head .nav .menu ul li:hover p{display: block;} .head .nav .menu ul li>a{display: block;font-size: 16px;line-height: 80px;padding: 0 16px;} .head .nav .menu a:hover,.head .nav .menu a.on{color: #227397;} /* .head .nav .menu em{display: block;width: 2px;height: 2px;background: #757575;float: left;margin-top: 57px;} */ .content{margin: 20px auto 40px;background: #FFFFFF;box-sizing: border-box;padding-bottom: 50px;height: auto;overflow: hidden;width: 1220px;padding: 0 20px;} .content .title{background: #FAFAFA;border-top: 2px solid #F5F5F5;position: relative;line-height: 38px;} .content .title .more{float: right;margin-right: 10px;font-size: 12px;text-align: right;} .content .title .nav{font-size: 16px;font-weight: bold;width: 85px;display: inline-block;text-align: center;} .content .title em{width: 85px;height: 2px;background: #227397;position: absolute;left: 0px;top: -2px;} .content .title a:hover{text-decoration: none;} .content ul.list{padding-top: 20px;} .content ul.list li{line-height: 30px;height: auto;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;} .content ul.list li span{float: right;color: #9E9E9E;display: block;margin-right: 10px;} .content ul.list li em{display: inline-block;width: 3px;height: 3px;background: #227397;vertical-align: middle;margin: 0 10px;} .content ul.list li a:hover{text-decoration: underline;} .content .floor_1{height: 300px;padding-top: 20px;} .content .floor_1 .fl{width: 430px;margin-right: 20px;} .content .floor_1 .fr{width: 280px;} .content .floor_1 .swiper-container{height: 300px;position: relative;} .content .floor_1 .swiper-container .swiper-slide{position: relative;} .content .floor_1 .swiper-container .swiper-slide img{width: 430px;height: 300px;} .content .floor_1 .swiper-container .swiper-slide p{position: absolute;display: block;height: 30px;line-height: 30px;padding-left: 10px;background: #000000;background:rgba(0, 0, 0, 0.7)!important;filter:Alpha(opacity=70);bottom: 0;box-sizing: border-box;width: 100%;color: #FFFFFF;font-size: 14px;} .content .floor_1 .swiper-container .prev,.content .floor_1 .swiper-container .next{position: absolute;bottom: 0px;display: block;width: 30px;line-height: 30px;height: 30px;z-index: 2;} .content .floor_1 .swiper-container .next{right: 0;background: url(../../images/hr/next.jpg);} .content .floor_1 .swiper-container .prev{right: 32px;background: url(../../images/hr/prev.jpg)} .content .floor_2,.content .floor_3{margin-top: 30px;height: auto;overflow: hidden;} .content .floor_2 .fl,.content .floor_2 .fr,.content .floor_3 .fl,.content .floor_3 .fr{width: 580px;} .content .floor_2 .img{width: 130px;height: 150px;float: left;margin: 20px 10px 0 0;} .content .floor_2 .img img{width: 130px;height: 150px;} .footer{background: #393b3d;height: auto;overflow: hidden;padding-bottom: 50px;margin-top: 30px;} .footer .fl{color: #737373;line-height: 30px;background: url(../../images/jcjx/footer_logo.png) left 40px no-repeat;padding-top: 155px;} .footer .fl a{color: #737373;} .footer .fr p{float: left;color: #737373;margin: 60px 0 0 33px;} .footer .fr p img{max-width: 82px;margin-bottom: 5px;display: block;} .footer .fr span{display: block;line-height: 30px;clear: both;text-align: right;padding-top: 10px;color: #737373;} .footer .fr span em{font-family: DIN-MediumItalicAlt;font-size: 22px;line-height: 30px;color: #737373;} .list_cont{height: auto;overflow: hidden;background: #FFFFFF;box-sizing: border-box;margin-top: 20px;width: 1220px;} .list_cont .fl .top{line-height: 40px;height: 40px;} .list_cont .fl{width: 880px;padding-bottom: 50px;overflow: hidden;} .list_cont .fr{width: 280px;} .list_cont .fl .top{line-height: 38px;border-bottom: 2px solid #F5F5F5;padding-left: 28px;background: url(../../images/hr/icons.jpg) 10px center no-repeat #FAFAFA;} .list_cont .fl .top a{display: inline-block;padding: 0 8px;} .list_cont .fl ul.list li{margin-top: 20px;border-bottom: 1px solid #EEE;padding-bottom: 20px;} .list_cont .fl ul.list li a{font-size: 24px;color: #000000;display: block;} .list_cont .fl ul.list li a:hover{color: #0097A7;text-decoration: underline;} .list_cont .fl ul.list li span{color: #757575;line-height: 22px;margin: 10px 0;display: block;padding-right: 55px;} .list_cont .fl ul.list li em{color: #0097A7;} .list_cont .fl .page{margin-top: 30px;padding: 0 20px;} .list_cont .fl .page li{float: left;line-height: 32px;margin-right: 10px;border: 1px solid #0097A7;color: #0097A7;position: relative;} .list_cont .fl .page li a{color: #0097a7!important;display: block;width: 40px;height: 32px;line-height: 32px;text-align: center;font-size: 16px;} .list_cont .fl .page li.active a{background: #0097a7;color: #FFF!important;padding: 0!important;} .list_cont .fl .page li:first-child a,.list_cont .fl .page li:last-child a{width: 60px;} .list_cont .fr p.title{font-size: 16px;padding-left: 10px;line-height: 38px;border-bottom: 2px solid #F5F5F5;background: #FAFAFA;font-weight: bold;} .list_cont .fr .list_1 ul{padding: 10px;} .list_cont .fr .list_1 li{background: url(../../images/hr/icons_1.jpg) left center no-repeat;border-bottom: 1px dashed #E0E0E0;line-height: 40px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} .list_cont .fr .list_1 li em{display: inline-block;width: 3px;height: 3px;vertical-align: middle;background: #227397;margin-right: 10px;} .list_cont .fr .list_1 li a{font-size: 16px;} .list_cont .fr .list_1 li a:hover{color: #227397;text-decoration: underline;} .list_cont .fr .list_2{padding-top: 20px;} .list_cont .fr .list_2 ul{padding: 0 10px;} .list_cont .fr .list_2 ul li{height: auto;overflow: hidden;padding: 20px 0;border-bottom: 1px solid #EEEEEE;font-size: 16px;line-height: 24px;font-weight: 600;} .list_cont .fr .list_2 ul li .img{width: 120px;height: 80px;float: left;margin-right: 10px;overflow: hidden;} .list_cont .fr .list_2 ul li img{width: 120px;height: 80px;} .list_cont .fr .list_2 ul li a{display: block;font-size: 14px;color: #424242;font-weight: normal;margin-top: 6px;} .list_cont .fr .list_2 ul li a:hover{color: #0097A7;} .list_cont .fr .list_3{margin-top: 30px;} .list_cont .fr .list_3 .title{position: relative;} .list_cont .fr .list_3 em{display: block;width: 85px;height: 2px;background: #00ACC1;position: absolute;left: 0;top: 0;} .list_cont .fr .list_3 .link{padding: 10px 0;} .list_cont .fl .art{padding: 20px;line-height: 28px;height: auto;overflow: hidden;} .list_cont .fl .art .title{font-size: 30px;line-height: 50px;} .list_cont .fl .art span.info{display: block;color: #9E9E9E;padding: 10px 0;border-bottom: 1px dashed #e0e0e0;margin-bottom: 15px;} /*.list_cont .fl .art .intro{margin: 10px 0;background: #F5F5F5;padding: 10px;border: 1px solid #CCC;line-height: 28px;}*/ .list_cont .fl .art p{text-indent: 2em;padding: 3px;} .list_cont .fl .art .body{border-bottom: 1px dashed #e0e0e0;padding-bottom: 15px;} .list_cont .fl .art .body img{border: 1px solid #E0E0E0;padding: 2px;margin: 0 auto;} .list_cont .fl .art .down a{color: #FF0000;} .list_cont .fl .other,.list_cont .fl .list{padding: 0 20px;} .link{padding: 10px 0;height: auto;overflow: hidden;} .link a{display: block;float: left;line-height: 27px;width: 92px;text-align: center;}