body{
	background: #f7f7f7
}
body, body * {
    box-sizing: border-box;
}
.row {
 margin-right: -5px;
 margin-left: -5px;
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
 position: relative;
 min-height: 1px;
 padding-right: 5px;
 padding-left: 5px;
}

 .col-lg-1,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12 {
  float: left;
 }
 .col-lg-12 {
  width: 100%;
 }
 .col-lg-11 {
  width: 91.66666667%;
 }
 .col-lg-10 {
  width: 83.33333333%;
 }
 .col-lg-9 {
  width: 75%;
 }
 .col-lg-8 {
  width: 66.66666667%;
 }
 .col-lg-7 {
  width: 58.33333333%;
 }
 .col-lg-6 {
  width: 50%;
 }
 .col-lg-5 {
  width: 41.66666667%;
 }
 .col-lg-4 {
  width: 33.33333333%;
 }
 .col-lg-3 {
  width: 25%;
 }
 .col-lg-2 {
  width: 16.66666667%;
 }
 .col-lg-1 {
  width: 8.33333333%;
 }
 .btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
/* Ranks */
.rank {
  display: inline-block;
  font: normal normal normal 14px/1 iconfont;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ff7300; letter-spacing: 1px;
}
.rank.rank-0:after {content: "\e60b\e60b\e60b\e60b\e60b";}
.rank.rank-1:after {content: "\e609\e60b\e60b\e60b\e60b";}
.rank.rank-2:after {content: "\e60a\e60b\e60b\e60b\e60b";}
.rank.rank-3:after {content: "\e60a\e609\e60b\e60b\e60b";}
.rank.rank-4:after {content: "\e60a\e60a\e60b\e60b\e60b";}
.rank.rank-5:after {content: "\e60a\e60a\e609\e60b\e60b";}
.rank.rank-6:after {content: "\e60a\e60a\e60a\e60b\e60b";}
.rank.rank-7:after {content: "\e60a\e60a\e60a\e609\e60b";}
.rank.rank-8:after {content: "\e60a\e60a\e60a\e60a\e60b";}
.rank.rank-9:after {content: "\e60a\e60a\e60a\e60a\e609";}
.rank.rank-10:after {content: "\e60a\e60a\e60a\e60a\e60a";}

.icon-erweima{
	font-size: 40px;
}
.colour9{
	color: #999
}
.container{
	width: 1150px;
	padding:0;
}
.top{
	width: 100%;
	background: #fff;
	padding:20px 0;
}
.top img{
	float: left;
	height: 75px;
	vertical-align: 
}
.top .nav{
	float: right;
	
}
.top .nav li{
	float: left;
	width: 180px;
	height: 55px;
	padding:10px;
	text-align: center;
	background: #262626;
	box-sizing: content-box;
}
.top .nav li a{
	display: block;
	color: #fff;
	font-size: 18px;
	line-height: 25px;
}
.top .nav li a span{
	font-size: 14px;
}
.top .nav li:hover ,.top .nav li.selected{
	background: #3d9dcb;
}
.top .navtemp li:hover ,.top .navtemp li.selected{
	background: #ccff00;
}
.top .navtemp li .selected a{
	display: block;
	color:#333;
	font-size: 18px;
	line-height: 25px;
}
.intro{
	height: 450px;
	background: url(../img_jnby/back1.jpg) center no-repeat;
}
.intro .tit{
	padding-top: 50px;
	color: rgb( 255, 255, 255 );
	font-size: 36px; 
	line-height: 2.571;
	text-align: center; 
}
.intro .con{
	font-size: 14px;
	line-height: 2.569;
	text-align: center; 
	color: rgb( 255, 255, 255 );
}

.cotainbar{
	width: 100%;
	padding:20px 0;
	background: #262626;
	text-align: center;
}
.cotainbar ul{
	display: inline-block;
}
.cotainbar li{
	float: left;
	margin:0 35px;

}
.cotainbar li a{
	display: block;
	color: #fff;
}
.cotainbar li a:hover,.cotainbar .selected a{
	color: #7ecef4;
}
.cotainbar li a:hover .icon,.cotainbar .selected  .icon{
	border-color: #7ecef4;
}
.cotainbarsel li a:hover,.cotainbarsel .selected a{
	color: #ccff00;
}
.cotainbarsel li a:hover .icon,.cotainbarsel .selected  .icon{
	border-color: #ccff00;
}
.cotainbar .icon{
	display: block;
	width: 95px;
	height: 95px;
	border:2px solid #fff;
	border-radius: 100%;
	text-align: center;
}
.cotainbar .icon em{
	display: inline-block;
	font-size: 24px;
	padding-top: 12px;
}

.cotainbar .iconfont{
	font-size: 40px;
	line-height: 90px;
}
.cotainbar p{
	font-size: 16px;

	line-height: 35px;
}
.cotainbar .loginBtn{
	display: inline-block;
	width: 390px;
	height: 90px;
	font-size: 30px;
	line-height: 90px;
	text-align: center;
	color: #fff;
	background: #3d9dcb;
}
.cyxx{
	padding:65px 0;
	background: #fff;
}
.cyxx .clearfix{
		display: table;vertical-align: middle;
}
.cyxx dl{
	display: table-cell;
	padding-left: 150px;
	width: 550px;
	vertical-align: middle;
}
.cyxx .img{
	display: table-cell;
	vertical-align: middle;
}
.cyxx dt{
	font-size: 24px;
	color: rgb( 0, 0, 0 );
    line-height: 3.25;
}
.cyxx dd{ 
	font-size: 14px;
    color: rgb( 84, 82, 83 );
    line-height: 2.143;
}
.cyfc{
	height: 120px;
	line-height: 120px;
	padding-top:30px;
	background: #262626;
	font-size: 38px;
	color: #fff;
	text-align: center;
}

.gallery-2{
	padding:30px 0;
	position: relative;
	height: 590px;
	overflow: hidden;
	background: #262626;
}

.gallery-2 .gallery-wrapper{
	position: absolute;
	top: 30px;
	left:0px;
	width: auto;
    height: 585px;
}
.gallery-2  .gallery-slide {
	float: left;
	width: auto;
    text-align: center;
    font-size: 18px;
    background: #1b1b1b;
    cursor: pointer;
}
.gallery-2  img{
	height: 530px;
}
.gallery-2 .gallery-slide img{
    opacity: 0.4;
    filter: alpha(opacity="40")
}
.gallery-2 .gallery-slide-active img{
    opacity: 1;
     filter: alpha(opacity="100")
}

.info{
	background: #fff;
	border:1px solid #ebebeb;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.info .tit{
	width: 100%;
    padding: 9px 10px 11px 10px;
    border-bottom: 1px solid #ebebeb;
    font-size: 14px;
}
.info img{
	margin:20px 0;
}
.info dl{
	padding-left: 20px;
}
.info dt{
	font-size: 14px;  
	color: #262626;
  	line-height: 2.143;
}
.info dd{
	font-size: 12px;  
	color: #545253;
  	line-height: 1.8;
}
.bar{
	padding:15px 0;
}
.bar span{
	display: inline-block;
	color: #000;
	font-size: 16px;
	line-height: 30px;
	border-bottom: 3px solid #048cbe
}

.job{
	padding-bottom: 50px;
}
.job .tit{
	font-size: 38px;
	color: #3d9dcb;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 20px;
}
.joblistbar{
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #a0a0a0;
	background: #eee;
}
.joblistbar li{
	float: left;
}
.li1{
	width: 20%;
}
.li2{
	width: 15%
}
.li3{
	width: 15%
}
.li4{
	width: 15%
}
.li5{
	width: 10%
}
.li6{
	width: 10%
}
.li7{
	width: 15%
}

.joblist{
	
}
.joblist ul{width: 100%;height:65px;vertical-align: middle;border-bottom: 1px solid #efefef}
.joblist li{
	text-align: center;
	font-size: 14px;
	color: #777
}
.joblist li{
	float: left;
	color: #777
}

.joblist .li1,
.joblist .li2,
.joblist .li3,
.joblist .li4,
.joblist .li5,
.joblist .li6,
.joblist .li7{
	vertical-align: middle;
	line-height: 65px;
}
.joblist .li1{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	}
.joblist .li1 a{
	color: #3d9dcb
}
.joblist .li7 a{
	display: inline-block;
	width: 115px;
	height: 37px;
	line-height: 37px;
	color: #fff;
	text-align: center;
	background: #3d9dcb
}
.joblist .li5 img{
	vertical-align: middle;
}
.joblist a{
	color: #777
}
.joblist a:hover{
	color: #f92c47
}
.joblist .li6 .d1{
	float: left;
	width: 800px;
	font-size: 12px;
	text-align: left;
}
.joblist .li6 .d1 p{
	padding: 10px;
}
.joblist .li6 .d2{
	float: left;
	text-align: right;
	width: 180px;
}
.joblist .li6 .d2 span{
	display: inline-block;
	color: #fff;
	padding:3px 10px;
	margin:3px;
	background: #337dd7
}
.joblist .li6 .d2 p{
	height: 25px;
	line-height: 25px;
	vertical-align: text-bottom;
}
.joblist .li6 .d2  p img{
	vertical-align: text-bottom;
}

.contactpublic{
	background: #f7f7f7;
	padding:10px 0 30px 0;
}
.contactpublic ul{
	font-size: 14px;
	color: rgb( 89, 88, 88 );
	line-height: 25px;
}
.footer{
	padding:40px 0;
	line-height: 25px;
	color: #626262;
	text-align: center;
	background: #fff;
}

.barjob{
	display: inline-block;
	position: relative;
	height: 75px;
	font-size: 27px;
	color: #fff;
	line-height: 75px;
	background: #3d9dcb;
}
.barjob img{
	position: absolute;
	top: 0;
	left: -13px
}
.barjob span{
	padding: 50px;
}

.jobdetail{
	margin: 30px 0;
	width: 100%;
	font-size: 14px;
	color: #787575
}
.jobdetail li{
	float: left;
	width:50%;
	line-height: 25px;
}
.jobdetail p{
	width: 80%;
	color: #787575;line-height: 25px;
}
.jobdetail h2{
	font-size: 20px;
	color: #454545;
	line-height: 60px;
}
.joblistnew {
	line-height: 20px;
	list-style-type: disc
}
.joblistnew li{
	font-size: 14px;
	margin-top: 8px;
}

.barnew{
	height: 30px;
	border-bottom: 1px solid #dfdfdf
}
.barnew span{
	display: inline-block;
	height: 30px;
	color: #048cbe;
	font-size: 16px;

	border-bottom: 1px solid #048cbe
}

.m-contact{padding: 50px 0px 50px 235px;}
.m-contact li{ float:left; width:375px; height:95px; padding-left:58px; margin-bottom:30px;}
.m-contact li .iconfont{display:inline-block;width: 90px;height: 90px;border:3px solid #3d9dcb;border-radius: 100%;text-align: center;}
.m-contact li .iconfont:before{
	font-size: 60px;
	color: #3d9dcb;
	line-height: 90px;
}
.m-contact li p{
	padding-left: 10px;
	display: inline-block;
	font-size: 18px;
	line-height: 38px;
}


.getjob{
	padding: 10px 0
}
.getjob a{
	display: inline-block;
	font-size: 14px;
	width: 120px;
	height: 40px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	background: #0e76ec;vertical-align: text-bottom;
}
.getjob span{
	vertical-align: text-bottom;
	color: #777;
}
.getjob img{
	vertical-align: text-bottom;
}

 .warning{
 	margin-top: 30px;
	border:1px dashed #bf994e;
	background: #e8f1d1;
	padding: 10px;
	line-height: 20px;
	color: #777
}