body{
	font-size: 14px;
	width: 100%;
	overflow-x: hidden;
}
.color-green{
	color: #19906c;
}
.color-blue{
	color: #2657aa;
}
.color-999{
	color: #999;
}
.color-red{
	color: red;
}
.color-light-red{
	color: #ff3c00;
}
.color-j-a{
	color: #2657aa;
}
.font-size28{
	font-size: 28px;
}
.font-weight{
	font-weight: bold;
}
.j-width{
	width: 1160px;
	margin: 0 auto;
	max-width: 100%;
}
.j-ti{
	font-size: 48px;
	font-weight: bold;
	color: #000;
	text-align: center;
	margin-bottom: 20px;
}
.j-ti .dot{
	font-size: 48px;
	font-weight: bold;
	color: #ff8400;
	margin: 0 6px;
}
.j-sub-ti{
	font-size: 30px;
	color: #ff8400;
	font-weight: bold;
	border-bottom: 4px double #ff8400;
	display: inline-block;
	vertical-align: middle;
	line-height: 50px;
	position: relative;
	top: -6px;
}
.pos-rel{
	position: relative;
}
.text-center{
	text-align: center;
}
.margin-top20{
	margin-top: 20px;
}
.margin-bottom20{
	margin-bottom: 20px;
}

/*banner*/
.banner{
	position: relative;
	height: 443px;
	width: 100%;
	overflow: hidden;
}
.banner-img{
	position: absolute;
	height: 100%;
	width: 1920px;
	left: 50%;
	margin-left: -960px;
	z-index: -1;
}
.banner-circle{
	margin: 0px auto 0 auto;
	color: #2657aa;
}
.banner-circle td{
	padding: 46px 10px 0;
}
.banner-circle td>div{
	background-color: #2657aa;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	padding-top: 28px;
	box-sizing: border-box;
	text-align: center;
}
.banner-c-name{
	font-size: 28px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
.banner-title{
	font-size: 60px;
	color: #2657aa;
	text-align: center;
	font-weight: bold;
}
.banner-sub-title{
	width: 600px;
	line-height: 52px;
	margin: 0 auto 0;
	background-color: #ffff00;
	color: #784100;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	letter-spacing: 2px;
}
.j-a-banner-info{
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -447px;
	color: #fff;
}
.j-a-b-ti{
	font-size: 24px;
	margin-bottom: 10px;
}
.j-a-b-sub-ti{
	font-size: 88px;
	font-weight: bold;
	margin-bottom: 10px;
}
.j-a-b-ti-bg{
	background-color: #ffff00;
	font-size: 28px;
	line-height: 54px;
	padding-left: 16px;
	padding-right: 16px;
	display: inline-block;
	color: #784100;
	margin-bottom: 10px;
}
.j-a-b-table td{
	padding-right: 30px;
	font-size: 24px;
}
.j-a-b-table p,.j-a-b-table a{
	font-size: 24px;
}
.j-a-b-btn {
	display: inline-block;
	line-height: 36px;
	background-color: #f39801;
	color: #fff;
	padding: 10px 30px;
	border-radius: 6px;
	cursor: pointer;
}


/*book*/
.book-wrap{
	padding-top: 50px;
	padding-bottom: 70px;

}
.book-bg{
	width: 1124px;
	height: 291px;
	background: url('../images/j-hadoop-book.jpg');
	margin: 60px auto 0;
}
.book-wrap .text1{
	position: absolute;
	line-height: 1.7;
	width: 310px;
	top: 130px;
	left: 20px;
	font-size: 18px;
}
.book-wrap .text2{
	position: absolute;
	line-height: 1.7;
	width: 370px;
	top: 130px;
	left: 772px;
	font-size: 18px;
}
.book-wrap .text3{
	position: absolute;
	line-height: 1.7;
	width: 310px;
	top: 270px;
	left: 20px;
	font-size: 18px;
}
.book-wrap .text4{
	position: absolute;
	line-height: 1.7;
	width: 370px;
	top: 270px;
	left: 772px;
	font-size: 18px;
}

/*learn-bg*/
.j-a-learn-item{
	position: relative;
	background-color: #ff8400;
	color: #fff;
	width: 390px;
	padding: 10px 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.j-a-learn-item p{
	font-size: 18px;
	line-height: 30px;
}
.triangle-left {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 18px solid #ff8400;
    border-bottom: 12px solid transparent;
    position: absolute;
    left: -12px;
    top: 50%;
    margin-top: -18px;
}
.op9{
	opacity: 0.9;
}
.op8{
	opacity: 0.8;
}
.op7{
	opacity: 0.7;
}
.j-a-learn-table{
	margin-top: 40px;
}
/*data-peo*/
.j-a-data-peo-wrap{
	position: relative;
	background: url('../images/j-a-top-bg.jpg') no-repeat;
	width: 1013px;
	height: 916px;
	margin: 0 auto 0 auto;
	color: #fff;
}
.j-a-data-peo-wrap p{
	font-size: 18px;
}
.j-a-data-peo-wrap .text1{
	position: absolute;
	top: 134px;
	left: 84px;
	text-align: center;
}
.j-a-data-peo-wrap .text2{
	position: absolute;
	top: 254px;
	left: 224px;
	text-align: center;
}
.j-a-data-peo-wrap .text3{
	position: absolute;
	top: 134px;
	left: 346px;
	text-align: center;
}
.j-a-data-peo-wrap .text4{
	position: absolute;
	top: 138px;
	left: 602px;
	text-align: center;
}
.j-a-data-peo-wrap .text5{
	position: absolute;
	top: 254px;
	left: 737px;
	text-align: center;
}
.j-a-data-peo-wrap .text6{
	position: absolute;
	top: 138px;
	left: 849px;
	text-align: center;
}
.j-a-data-peo-wrap .text7{
	position: absolute;
	top: 345px;
	left: 314px;
	/*text-align: center;*/
}
.j-a-data-peo-wrap .text7 p{
	font-size: 14px;
}
.j-a-data-bot{
	width: 890px;
	margin: 10px auto 0 auto;
}

/*sanjiao*/
.j-a-self-learn{
	position: relative;
	height: 460px;
}
.j-a-sanjiao{
	background: url('../images/j-a-sanjiao.jpg') no-repeat;
	width: 405px;
	height: 374px;
	/*margin: 0 auto;*/
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -202px;
	margin-top: -197px;
}
.j-a-self-learn .text1{
	width: 300px;
	font-size: 18px;
	position: absolute;
	top: 230px;
	left: 70px;
}
.j-a-self-learn .text2{
	width: 300px;
	font-size: 18px;
	position: absolute;
	top: 40px;
	left: 710px;	
}
.j-a-self-learn .text3{
	width: 300px;
	font-size: 18px;
	position: absolute;
	top: 310px;
	left: 790px;
}









/*zc*/
.zc-wrap{
	background-color: #f8f8f8;
	padding: 40px 0 30px;
}

/*company-wrap*/
.company-wrap{
	padding-top: 40px;
	padding-bottom: 40px;
	overflow: hidden;
}
.companys{
	overflow: hidden;
	margin-left: -10px;

}
.companys li{
	float: left;
	padding-left: 10px;
	margin-bottom: 10px;
	width: 20%;
	box-sizing: border-box;
}
.company{
	border: 1px solid #ddd;
	text-align: center;
}
.company-image-wrap{
	height: 92px;
	line-height: 92px;
} 
.company-image-wrap img{
	vertical-align: middle;
}
.compnay-name-wrap{
	background-color: #eee;
	line-height: 30px;
	font-size: 14px;
}
.recruits{
	overflow: hidden;
	margin-left: -20px;
}
.recruits li{
	float: left;
	padding-left: 20px;
	margin-bottom: 10px;
	width: 25%;
	box-sizing: border-box;
}
.recruit{
	border: 1px solid #ddd;
	text-align: center;
}
.recruit-image-wrap{
	height: 100px;
	width: 130px;
	float: left;
	text-align: center;
	padding-top: 20px;
	box-sizing: border-box;
}
.recruit-name-wrap{
	height: 100px;
	background-color: #eee;
	overflow: hidden;
	font-size: 14px;
	/*padding-top: 20px;*/
	padding: 20px 10px 0;
	box-sizing: border-box;
	text-align: left;;
}

/*job*/
.job-sub-ti{
	height: 75px;
	position: relative;
}
.job-sub-fix{
	position: absolute;
	height: 75px;
	width: 50%;
	margin-left: -580px;
	background-color: #2657aa;
}
.job-sub-text{
	height: 75px;
	background-color: #2657aa;
	width: 890px;
	color: #fff;
	font-size: 18px;
	padding: 10px 20px 0 0;
	box-sizing: border-box;
}
.triangle-right {
	position: absolute;
	top: 0;
	left: 890px;
    width: 0;
    height: 0;
    border-top: 75px solid  #2657aa;
    border-right: 75px solid transparent;
}
.text-list-bg{
	background: url("../images/j-text-list.png");
	width: 377px;
	height: 331px;
	margin: 60px auto 0;
}
.text-list-title{
	position: absolute;
	left: 546px;
	top: 150px;
	font-size: 16px;
	color: #fff;
}
.text-list1{
	position: absolute;
	text-align: right;
	top: -6px;
	left: -40px;
	line-height: 1.8;
	white-space: nowrap;
}
.text-list1 .p2{
	margin-top: 18px;
}
.text-list1 .p3{
	margin-top: 18px;
}
.text-list1 .p4{
	margin-top: 18px;
}
.text-list1 .p5{
	margin-top: 28px;
}
.text-list1 .p6{
	margin-top: 18px;
}
.text-list1 .p7{
	margin-top: 18px;
}
.text-list1 .p8{
	margin-top: 18px;
}
.text-list2{
	position: absolute;
	text-align: let;
	top: -6px;
	left: 783px;
	line-height: 1.8;
	white-space: nowrap;
}
.text-list2 .p2{
	margin-top: 18px;
}
.text-list2 .p3{
	margin-top: 18px;
}
.text-list2 .p4{
	margin-top: 18px;
}
.text-list2 .p5{
	margin-top: 28px;
}
.text-list2 .p6{
	margin-top: 18px;
}
.text-list2 .p7{
	margin-top: 18px;
}
.text-list2 .p8{
	margin-top: 18px;
}


/*java*/
.java-left{
	width: 334px;
	float: left;
	margin-right: 40px;
	padding-top: 60px;
}
.java-bg1{
	background: url('../images/j-text-bg1.png');
	width: 100%;
	height: 87px;
	text-align: center;
	padding-top: 20px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	box-sizing: border-box;
}
.java-bg2{
	background: url('../images/j-text-bg2.png');
	width: 100%;
	height: 87px;
	text-align: center;
	line-height: 87px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	box-sizing: border-box;
}
.java-right{
	overflow: hidden;
}
.java-right .p1{
	line-height: 44px;
	background-color: #eee;
	text-align: center;
}
.java-right .p2{
	margin-top: 30px;
	line-height: 1.6;
}
.java-right .p3{
	margin-top: 50px;
	line-height: 1.6;
}

/*base*/
.base-wrap{
	height: 360px;
	position: relative;
	overflow: hidden;
}
.base{
	background: url('../images/j-learn-hadoop.png') no-repeat;
	width: 1920px;
	height: 360px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}
.base-ti{
	font-weight: bold;
	color: #f6ff00;
	font-size: 24px;
	text-align: center;
	margin-top: 40px;
}
.base-text{
	margin-left: 340px;
	margin-top: 80px;
}
.base-text .p1{
	font-size: 18px;
}
.base-text .p2{
	font-size: 18px;
	margin-top: 12px;
}
.base-text .p3{
	font-size: 18px;
	margin-top: 12px;
}

/*kb-wrap*/
.kb-wrap{
	background: url('../images/j-a-kb-bg.png');
	width: 1165px;
	height: 343px;
	margin: 50px auto 0;
}
.kb-wrap .p1{
	position: absolute;
	left: 70px;
	top: 160px;
	font-size: 24px;
	color: #fff;
	text-align: center;
}
.kb-wrap .p2{
	position: absolute;
	left: 250px;
	top: 90px;
	font-size: 24px;
	color: #fff;
	text-align: center;
}
.kb-wrap .p3{
	position: absolute;
	left: 520px;
	top: 110px;
	font-size: 30px;
	color: #fff;
	text-align: center;
}
.kb-wrap .p4{
	position: absolute;
	left: 770px;
	top: 190px;
	font-size: 24px;
	color: #fff;
	text-align: center;
}
.kb-wrap .p5{
	position: absolute;
	left: 930px;
	top: 100px;
	font-size: 24px;
	color: #fff;
	text-align: center;
}



/*zx-wrap*/
.zx-wrap{
	height: 360px;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.zx{
	background: url('../images/j-reg-port.png');
	width: 1920px;
	height: 360px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
	z-index: -1;
}
.zx-ti{
	text-align: center;
	font-size: 24px;
	color: #fff;
	margin-top: 110px;
}
.zx-btns{
	overflow: hidden;
	text-align: center;
	margin-top: 30px;
}
.zx-btn{
	width: 230px;
	height: 70px;
	line-height: 70px;
	display: inline-block;
	color: #ff0000;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background-color: #ffff00;
	border-radius: 6px;
	text-decoration: none;
	margin-right: 20px;
}
.ty-btn{
	width: 230px;
	height: 70px;
	line-height: 70px;
	display: inline-block;
	color: #ff0000;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	border-radius: 6px;
	text-decoration: none;
}
.blue{
	background-color: #2657aa;
	color: #fff;
}
.yellow{
	background-color: #ffff00;
	color: #ff0000;
}
.white{
	color: #ff0000;
	background-color: #fff;
}


/*req-sub-ti*/
.req-sub-ti{
	background: url('../images/j-sub-ti2.png');
	width: 826px;
	height: 166px;
	padding: 20px 20px 0;
	box-sizing: border-box;
	line-height: 1.8;
	margin: 0 auto;
}
.courses{
	overflow: hidden;
	margin-left: -10px;
}
.courses li{
	float: left;
	width: 25%;
	box-sizing: border-box;
	padding-left: 10px;
	margin-bottom: 10px;
}
.course{
	line-height: 52px;
	background-color: #ff8400;
	color: #fff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.course:hover{
	background-color: #ff8400;
}
.course.red{
	background-color: #ec0303;
}
.course.red:hover{
	background-color: #ec0303;
}


/*teachers*/
.teachers{
	overflow: hidden;
	margin-left: -10px;
	margin-top: 40px;
}
.teachers li{
	float: left;
	width: 25%;
	box-sizing: border-box;
	padding-left: 10px;
}
.teacher{
	position: relative;
	background-color: #3b3539;
	height: 364px;
	cursor: pointer;
}
.teacher-img-wrap{
	height: 260px;
	line-height: 260px;
	text-align: center;
}
.teacher-img-wrap img{
	vertical-align: middle;
}
.teacher-text-wrap{
	position: absolute;
	top: 260px;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 14px;
	background-color: rgba(0,0,0,.8);
	border-top: 2px solid #2657aa;
	
}
.teacher:hover .teacher-text-wrap{
	top: 0;
	border-top: 6px solid #2657aa;
	transition: .8s;
}
.teacher-intro{
	margin-top: 10px;
}
.teacher-text-wrap p{
	color: #fff;
	line-height: 1.6;
}
.teacher-text-wrap .teacher-name{
	color: #f0ff00;
	font-size: 24px;
}


/*j-a-projects-slide*/
.j-a-projects-slide{
	background-color: #d0d0d0;
	width: 100%;
	height: 420px;
	box-sizing: border-box;
	padding: 20px;
	padding-right: 130px;
	position: relative;
}
.slide{
	height: 100%;
	width: 100%;
	overflow: hidden;
	display: none;
}
.slide-img{
	height: 100%
}
.j-a-controllers{
	position: absolute;
	right: 20px;
	width: 110px;
	text-align: right;
}
.slide-controller{
	position: absolute;
	right: 0;
	padding: 10px 0 10px 0;
	box-sizing: border-box;
	cursor: pointer;
}
.slide-controller-text{
	display: inline-block;
}
.slide-controller-img{
	width: 70px;
	height: 40px;
	border: 2px solid #686868;
	float: right;
	margin-left: 20px;
}
.slide-controller-ti{
	display: none;
}
.slide-controller-desc{
	display: none;
}

.active.slide-controller{
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	width: 320px;
	position: absolute;
	right: 0;
}
.active.slide{
	display: block;
}
.active .slide-controller-ti{
	display: block;
}
.active .slide-controller-desc{
	display: block;
}


/*j-a-hand-wrap*/
.j-a-hand-wrap{
	position: relative;
	height: 500px;
	margin-top: 30px;
}
.j-a-hand{
	background: url('../images/j-a-hand.jpg');
	width: 802px;
	height: 480px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -401px;
	margin-top: -240px;
}
.j-a-hand-wrap p{
	font-size: 18px;
}
.j-a-hand-wrap .text1{
	position: absolute;
	left: 610px;
	top: 10px;
}
.j-a-hand-wrap .text2{
	position: absolute;
	left: 134px;
	top: 180px;
}
.j-a-hand-wrap .text3{
	position: absolute;
	left: 870px;
	top: 180px;
}
.j-a-hand-wrap .text4{
	position: absolute;
	left: 80px;
	top: 300px;
}
.j-a-hand-wrap .text5{
	position: absolute;
	left: 906px;
	top: 300px;
}


/*zx*/
.reg-tip{
	font-size: 36px;
	text-align: center;
	color: #222;
}

/*learn*/
.learn-wrap{
	position: relative;
	background: url("../images/j-blue-ball.png");
	width: 1006px;
	height: 601px;
	margin: 0 auto;
	position: relative;
}
.learn-ti{
	font-size: 20px;
	color: #eaff00;
	margin-bottom: 10px;
}
.learn-wrap .text1{
	color: #fff;
	width: 190px;
	position: absolute;
	left: 30px;
	top: 26px;
	text-align: center;
	line-height: 1.6;
}
.learn-wrap .text2{
	color: #fff;
	width: 190px;
	position: absolute;
	left: 378px;
	top: 26px;
	text-align: center;
	line-height: 1.6;
}
.learn-wrap .text3{
	color: #fff;
	width: 190px;
	position: absolute;
	left: 792px;
	top: 26px;
	text-align: center;
	line-height: 1.6;
}

.learn-wrap .text4{
	color: #fff;
	width: 190px;
	position: absolute;
	left: 30px;
	top: 378px;
	text-align: center;
	line-height: 1.6;
}
.learn-wrap .text5{
	color: #fff;
	width: 190px;
	position: absolute;
	left: 378px;
	top: 378px;
	text-align: center;
	line-height: 1.6;
}
.learn-wrap .text6{
	color: #fff;
	width: 190px;
	position: absolute;
	left: 792px;
	top: 378px;
	text-align: center;
	line-height: 1.6;
}

/*hhs*/
.circle-wrap{
	overflow: hidden;
	width: 100%;
	height: 177px;
	position: relative;

}
.circle{
	position: absolute;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 100%;
	background: url('../images/j-5circle.png') no-repeat center;
	background-size: 1920px 177px;
}
.circle-wrap .text1{
	position: absolute;
	top: 50px;
	left: 552px;
	text-align: center;
}
.circle-wrap .text2{
	position: absolute;
	top: 50px;
	left: 762px;
	text-align: center;
}
.circle-wrap .text3{
	position: absolute;
	top: 50px;
	left: 978px;
	text-align: center;
}
.circle-wrap .text4{
	position: absolute;
	top: 50px;
	left: 1192px;
	text-align: center;
}
.circle-wrap .text5{
	position: absolute;
	top: 50px;
	left: 1400px;
	text-align: center;
}

/*vs*/
.vs-wrap{
	overflow: hidden;
	width: 100%;
	height: 820px;
	position: relative;
}
.vs{
	background: url('../images/j-a-vs.jpg');
	width: 1920px;
	height: 820px;
	left: 50%;
	margin-left: -980px;
	position: absolute;
	top: 0;
}
.vs-info{
	margin: 0 auto;
	border: none;
	position: relative;
	z-index: 2;
}
.vs-ti td{
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	padding-top: 80px;
	padding-bottom: 100px;
	text-align: center;
}
.vs-ti{

}
.vs-content{

}
.vs-djt{
	text-align: right;
	padding: 0 10px;
	width: 400px;
	box-sizing: border-box;
}
.vs-item div{
	width: 160px;
	height: 56px;
	line-height: 56px;
	color: #fff;
	font-weight: bold;
	background: #2657aa;
	text-align: center;
	font-size: 30px;
}
.vs-other{
	text-align: left;
	padding: 0 10px;
	width: 480px;
}
.vs-content td {
	padding-top: 20px;
}

/*recommends*/
.recommends{
	overflow: hidden;
	margin-left: -20px;
}
.recommends li{
	float: left;
	width: 33.33%;
	padding-left: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.recommend{
	border: 1px solid #ddd;
	height: 130px;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
.recommend-img{
	width: 170px;
	padding: 10px 0 10px 10px;
	box-sizing: border-box;
	height: 100%;
	float: left;
}
.recommend-img img{
	width: 100%;
	height: 100%;
}
.recommend-text{
	overflow: hidden;
	padding: 10px;
}
.recommend-ti{
	margin-bottom: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.recommend-intro{
	color: #555;
	font-size: 12px;
}
.recommend-btns{
	text-align: right;
	margin-top: 6px;
}
.red-btn{
	padding: 4px 14px;
	background-color: red;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}

/*form-wrap*/
.form-wrap{
	overflow: hidden;
	width: 100%;
	height: 606px;
	position: relative;
}
.form{
	background: url('../images/j-form-bg.png');
	width: 1920px;
	height: 606px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}
.form-content{
	width: 700px;
	height: 400px;
	position: absolute;
	left: 642px;
	top: 108px;
	color: #fff;
}
.form-ti{
	font-size: 24px;
	font-weight: bold;
}
.form-table{
	border: none;
	margin-top: 20px;
}
.form-table td{
	padding: 4px 0;
	white-space: nowrap;
	box-sizing: border-box;
}
.form-input-wrap input{
	border: 1px solid #fff;
	background-color: transparent;
	line-height: 40px;
	height: 42px;
	width: 450px;
	padding-left: 20px;
	color: #fff;
}
.form-input-wrap input:focus{
	border: 1px solid #fff;
	outline: none;
}
.form-input-wrap .msg-input{
	width: 300px;
}
.msg-btn{
	width: 140px;
	display: inline-block;
	line-height: 42px;
	text-align: center;
	margin-left: 6px;
}
.reg-btn{
	display: block;
	width: 100%;
	line-height: 42px;
	border: none;
	background-color: #fff;
	color: #e00404;
	text-align: center;
}
.j-error-icon{
	display: inline-block;
	background: url('../images/j-error-icon.png');
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin-right: 4px;
	margin-left: 4px;
}
.history-wrap{
	overflow: hidden;
}
.historys{
	width: 550px;
	overflow: hidden;
}
.historys li{
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
	overflow: hidden;
}
.history-img{
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-right: 10px;
}
.history-info{
	margin-top: 10px;
}
.history-name{
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 200px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #ff8400;
	color: #fff;
	vertical-align: middle;
	border-radius: 4px;
	text-align: center;
}
.history-time{
	color: #888;
	float: right;
	position: relative;
	top: 4px;
}
.history-left{
	float: left;
}
.history-right{
	float: right;
}
.error-tip{
	display: none;
}
@media screen and (max-width: 1130px){
	.book-wrap .j-width{
		transform: scale(0.7);
	}
	.j-a-data-peo-wrap{
		transform: scale(0.9);
	}
	.company-wrap .j-width{
		transform: scale(0.8);
	}
	.kb-wrap{
		transform: scale(0.9);
	}
	.historys{
		width: 440px;
	}
	.j-a-b-table .j-a-b-btn{
		font-size: 14px;
	}
}
@media screen and (max-width: 1130px){
	.book-wrap .j-width{
		margin-left: -50px;
	}
	.company-wrap .j-width{
		margin-left: -50px;
	}
	.j-a-sanjiao{
	    margin-left: -120px;
	    margin-top: -180px;
	}
	.slide img{
		margin-left: -100px;
		margin : auto auto auto auto;
		width:110%;
	}
	.kb-wrap{
		margin-left: -30px;
	}
	.company-wrap .j-width-1{
		margin-left : 0px;
	}
	
}
@media screen and (max-width: 1130px){
	/* 头部的样式  */
	.main-width-q {
	    margin-left: 350px;
	}
}
@media screen and (max-device-width: 1130px){
	
	
}