*{margin:0px;padding:0px;border:0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0 auto;-webkit-appearance:none;color:#666;overflow-x:hidden;letter-spacing: 1px;}
textarea,input,select,button{font-family: 'microsoft yahei';outline: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
select{background: #fff url(http://common.zbjsfw.com/swttp/sj.png) 98% center no-repeat !important;background-size: 15px 8px;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
ul{list-style: none;}
a{color:#666;text-decoration: none;}
li a,img{display:block;}
.slh{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.clear{clear:both;width:100%;height:0px;line-height:0px;font-size:0px;border:none;}
.fl{float: left; display:inline;}
.fr{float: right; display:inline;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.flex{display:flex; -webkit-display:flex;-moz-display:flex;-ms-display:flex;-o-display:flex;}
.wrap{-webkit-flex-wrap: wrap; flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;}
.df{justify-content:space-between; -webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;}
.spjz{justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;}
.evenly{justify-content: space-evenly;-webkit-justify-content: space-evenly;-moz-justify-content: space-evenly;-ms-justify-content: space-evenly;-o-justify-content: space-evenly;}
.czjz{align-items: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;}
.column{flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;}
.ydq{justify-content: flex-end;-webkit-justify-content: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;-o-justify-content: flex-end;}
.row-reverse{flex-direction: row-reverse;-webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;-ms-flex-direction: row-reverse;-o-flex-direction: row-reverse;}
.column-reverse{flex-direction: column-reverse;-webkit-flex-direction: column-reverse;-moz-flex-direction: column-reverse;-ms-flex-direction: column-reverse;-o-flex-direction: column-reverse;}
@font-face{font-family: 'GENUINE';src: url('../fonts/GENUINE.TTF'),url('../fonts/GENUINE.OTF');src: url('../fonts/impact.TTF');}
@font-face{font-family: 'a';src: url('../fonts/a.TTF'),url('../fonts/a.OTF');}
.baseline{align-items: flex-start;-webkit-align-items: flex-start;-moz-align-items: flex-start;-ms-align-items: flex-start;-o-align-items: flex-start;}
.onload{position: fixed;width: 100%;height: 100%;position: fixed;z-index: 18;background: #fff;left: 0;top: 0;}
.onload img{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);width: 45px;}
.lgsize{font-size: 36px;line-height: 38px;}
.mdsize{font-size: 28px;line-height: 30px;}
.smsize{font-size: 15px;line-height: 15px;}
.pcshow{display: flex;}
.sjshow{display: none;}
.pcblock{display: block;}
.sjblock{display: none;}
.w1200{width: 96%;max-width: 1200px;margin: auto;}
.sjpcimg img{display: block;width: 100%;}
.sjpcimg img:nth-child(2){display: none;}
.pd100{padding: 100px 0;}
.pd80{padding: 80px 0;}
.pdtop60{padding-top: 60px;}
.pd50{padding: 50px 0;}
.mb100{margin-bottom: 100px;}
.mb80{margin-bottom: 80px;}
.mb50{margin-bottom: 50px;}
.mb30{margin-bottom: 30px;}
@media (max-width:1200px) {
	.lgsize{font-size: 24px;line-height: 24px;}
	.mdsize{font-size: 18px;line-height: 20px;}
	.smsize{font-size: 12px;line-height: 12px;}
	.pd80{padding: 50px 0;}
	.pdtop60{padding-top: 40px;}
	.mb100 {margin-bottom: 50px;}
	.mb80{margin-bottom: 30px;}
	.mb50{margin-bottom: 18px;}
}
@media (max-width:640px) {
	body{letter-spacing: 0px;}
	.lgsize{font-size: 18px;line-height: 18px;}
	.mdsize{font-size: 15px;line-height: 15px;}
	.smsize{font-size: 10px;line-height: 10px;}
	.sjpcimg img:nth-child(1){display: none;}
	.sjpcimg img:nth-child(2){display: block;}
	.pcshow{display: none !important;}
	.sjshow{display: flex !important;}
	.pcblock{display: none !important;}
	.sjblock{display: block !important;}
	.mb100 {margin-bottom: 25px;}
	.mb80{margin-bottom: 20px;}
	.mb50{margin-bottom: 16px;}
	.pd80{padding: 25px 0;}
	.pdtop60{padding-top: 13px;}
}

/* top */
.top{background: rgba(255,255,255,0);position: fixed;width: 100%;top: -150px;left: 0;z-index: 100;padding: 16px 0 12px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.top.active{top: 0px;}
.w90{width: 90%;max-width: 1440px;margin: auto;}
.logo{width: 200px;height: 53px;position: relative;display: block;overflow: hidden;}
.logo img{position: absolute;left: 0;top: 0;width: 100%;display: block;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.nav{margin-top: 6px;}
.nav li{margin: 0 20px;}
.nav li:nth-child(1){margin-left: 0;}
.nav li:last-child{margin-right: 0;}
.nav li a{color: #fff;display: block;position: relative;padding-bottom: 12px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.nav li a span{position: absolute;width: 0px;height: 1px;background: #fff;left: 50%;bottom: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
.nav li.on a span,.nav li:hover a span{width: 100%;}
.topfr{color: #fff;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.topfr span{font-size: 18px;line-height: 18px;margin-right: 6px;}

/* 手机导航按钮 */
.shownav span{width: 21px;height: 3px;background: #fff;margin-bottom: 3px;display: block;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;border-radius: 2px;}
.shownav span:last-child{margin-bottom: 0;}
.shownav.active span:nth-child(2){filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.shownav.active span:nth-child(1){transform: translate(2px,-4px) rotate(45deg);-webkit-transform: translate(2px,-4px) rotate(45deg);-moz-transform: translate(2px,-4px) rotate(45deg);-ms-transform: translate(2px,-4px) rotate(45deg);-o-transform: translate(2px,-4px) rotate(45deg);}
.shownav.active span:nth-child(3){transform: translateX(0px) rotate(-45deg);-webkit-transform: translateX(0px) rotate(-45deg);-moz-transform: translateX(0px) rotate(-45deg);-ms-transform: translateX(0px) rotate(-45deg);-o-transform: translateX(0px) rotate(-45deg);}

.topfr a:nth-child(1){color: #fff;font-size: 18px;line-height: 18px;}
.topfrline{width: 1px;height: 13px;background: #fff;margin: 0 10px;}

.top.on{background: #fff;border-bottom: 1px solid #0f468a;}
.top.on .logo img{top: -100%;}
.top.on .nav li a{color: #0e458a;}
.top.on .nav li a span{background: #0e458a;}
.top.on .topfr,.top.on .topfr a:nth-child(1){color: #0e458a;}
.top.on .shownav span,.top.on .topfrline{background: #0e458a;}

@media (max-width:1300px) {
	.nav li {margin: 0 13px;}
	.logo {width: 146px;height: 39px;}
}
@media (max-width:1000px) {
	.w90 {width: 96%;}
	.nav li {margin: 0 5px;}
	.topfr p{display: none;}
	.logo {width: 112px;height: 30px;}
}
@media (max-width:640px) {
	.top {padding: 12px 0 9px;}
	.nav{position: fixed;width: 100%;height: 0px;background: #fff;top: 52px;margin-top: 0px;left: 0;flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;justify-content: flex-start;-webkit-justify-content: flex-start;-moz-justify-content: flex-start;-ms-justify-content: flex-start;-o-justify-content: flex-start;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;overflow: hidden;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
	.nav li{width: 100%;border-bottom: 1px solid #0e458a;margin: 0 0 13px 0;text-indent: 8px;}
	.nav li:nth-child(1){padding-top: 21px;}
	.nav li span{display: none;}
	.nav li a{padding-bottom: 6px;color: #0e458a;}
	.nav.active{height: calc(100% - 51px);}
}

/* 关于新京南 */
.abwrap{background: url(../images/b1.jpg) center center;background-attachment: fixed;background-size: 100% auto;}
.abp{width: 96%;max-width: 888px;line-height: 23px;color: #888888;margin: auto;text-align: center;}
.tit h3{color: #1c6cc3;margin-bottom: 12px;}
.tit span{font-size: 18px;line-height: 20px;font-weight: bold;text-transform: uppercase;color: #333;}
.tit.on h3,.tit.on span{color: #fff;}

@media (max-width:1030px) {
	.tit h3 {margin-bottom: 8px;}
	.tit span {font-size: 14px;line-height: 15px;}
}
@media (max-width:1000px) {
	.tit span {font-size: 13px;line-height: 14px;}
}
@media (max-width:640px) {
	.tit span {font-size: 11px;line-height: 12px;}
	.abp {line-height: 18px;text-align: left;}
}

/* 联系我们 */
.lxwrap{background: url(../images/fotbg.jpg) center center;background-size: 100% 100%;background-attachment: fixed;overflow: hidden;}
.lxinfo{margin-left: 60px;}
.lxinfo h3{color: #fff;margin-bottom: 30px;}
.lxinfo a{color: #fff;margin-bottom: 12px;}
.lxcode img:nth-child(2){margin-left: 26px;}
.lxnav{margin-bottom: 36px;}
.lxnav li{margin: 0 36px;cursor: pointer;}
.lxnav li:last-child{display: none;}
.lxnav li a{color: #fff;}
.lxbtm{border-top: 1px solid #fff;padding-top: 36px;color: #fff;}
.lxbtm a{color: #fff;margin-left: 26px;}

@media (max-width:1000px) {
	.lxnav li {margin: 0 16px;}
}
@media (max-width:640px) {
	.lxwrap{background: url(../images/fotbg1.jpg) center center no-repeat;background-size: 100% 100%;background-attachment: initial;}
	.lxwrap .tit{margin-bottom: 21px;}
	.lxcon{flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;margin-bottom: 21px;}
	.lxinfo{margin-left: 0px;margin-bottom: 26px;}
	.lxinfo h3{text-align: center;margin-bottom: 18px;}
	.lxinfo a{text-align: center;margin-bottom: 8px;}
	.lxinfo a:last-child{margin-bottom: 0px;}
	.lxcode img{width: 30%;}
	.lxnav li{display: none;}
	.lxnav li:last-child{display: block;}
	.lxnav li a{font-size: 30px;line-height: 30px;}
	.lxnav {margin-bottom: 18px;}
	.lxbtm {border-top: 1px solid #fff;padding-top: 15px;}
	.lxbtm a {margin-left: 16px;}
	
}


/* 人才理念 */
.rcwrap{background: url(../images/fbg.jpg) center center;background-size: auto 100%;background-attachment: fixed;}
.rcwrap .w1200{overflow: hidden;}
.rcwrap .tit{text-align: right;margin-bottom: 36px;}
.rcp{width:96%;max-width: 688px;line-height: 23px;color: #888888;text-align: right;float: right;margin-right: 50px;}
.rclb{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.rcwrap.active .rclb{animation: rcmove 1s linear 0.8s;-webkit-animation: rcmove 1s linear 0.8s;-moz-animation: rcmove 1s linear 0.8s;-ms-animation: rcmove 1s linear 0.8s;-o-animation: rcmove 1s linear 0.8s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.rclb .swiper-slide{overflow: hidden;}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {top: initial;bottom: 0;}
.rclb img{display: block;width: 100%;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.rclb img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
.rcwrap .tit h3,.rcwrap .tit span,.rcp{margin-right: 50px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}

.rcwrap.active .tit h3{animation: rcmove 1s linear 0s;-webkit-animation: rcmove 1s linear 0s;-moz-animation: rcmove 1s linear 0s;-ms-animation: rcmove 1s linear 0s;-o-animation: rcmove 1s linear 0s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.rcwrap.active .tit span{animation: rcmove 1s linear 0.2s;-webkit-animation: rcmove 1s linear 0.2s;-moz-animation: rcmove 1s linear 0.2s;-ms-animation: rcmove 1s linear 0.2s;-o-animation: rcmove 1s linear 0.2s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.rcwrap.active .rcp{animation: rcmove 1s linear 0.4s;-webkit-animation: rcmove 1s linear 0.4s;-moz-animation: rcmove 1s linear 0.4s;-ms-animation: rcmove 1s linear 0.4s;-o-animation: rcmove 1s linear 0.4s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}

@keyframes rcmove{0%{margin-right: 50px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}100%{margin-right: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}
@-webkit-keyframes rcmove{0%{margin-right: 50px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}100%{margin-right: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}
@-moz-keyframes rcmove{0%{margin-right: 50px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}100%{margin-right: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}
@-ms-keyframes rcmove{0%{margin-right: 50px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}100%{margin-right: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}
@-o-keyframes rcmove{0%{margin-right: 50px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}100%{margin-right: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}

@media (max-width:1000px) {
	.rcwrap .tit {margin-bottom: 18px;}
}
@media (max-width:640px) {
	.rcwrap{background: url(../images/fbg1.jpg) center center no-repeat;background-size: 100% 100%;background-attachment: initial;}
	.rcwrap .tit h3, .rcwrap .tit span, .rcp,.rcwrap.active .rclb{text-align: center;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;margin-right: 0px;}
	.rcwrap.active .tit h3,.rcwrap.active .tit span,.rcwrap.active .rcp,.rcwrap.active .rclb{animation: initial;-webkit-animation: initial;-moz-animation: initial;-ms-animation: initial;-o-animation: initial;}
	.rcp{width: 100%;line-height: 18px;text-align: left;}
	.rcwrap .tit {margin-bottom: 10px;}
	.rclb{position: relative;}
	.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #1c6cc3;}
}









