* {
	padding: 0px;
	margin: 0px;
}

img {
	user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
}

html,
body {
	width: 100%
}

.row,
ul,
p {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	vertical-align: middle
}

.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
	overflow: hidden;
}

.content {
	width: 1200px;
	margin: 0 auto 40px;
	position: relative
}

.over-hidden {
	overflow: hidden;
}

.transition {
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}

ul::-webkit-scrollbar {
	width: 3px;
	height: 1px;
}

ul::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, .3);
}

ul::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, .5);
}
a,a:hover {text-decoration: none;}

.overflow-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.overflow-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.overflow-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.overflow-6 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}


/*标题*/
.head-titlebox {
	color: #000;
	margin: 50px auto 40px;
	font-size: 32px;
	text-align: center;
}

.head-titlebox .title {
	font-weight: bold;
	margin: 0 auto
}

.head-titlebox .desc-mini {
	font-size: 15px
}
.Nav .content{margin:0 auto}
.logo{position:relative;display:block;cursor: pointer; height:80px}
.logo img{height:100%;}
.navbar{margin:0}
.nav>li>a{height:80px;padding:0 20px;   line-height: 80px;color:#333 ;font-size:20px}
.nav>li>a:hover{background: transparent;color:#5174e8}
.nav>li.active>a{ color:#5174e8;position:relative}
.nav>li.active>a::before{content: '';width:50%;height:3px;background:#5174e8;position:absolute;left:0;right:0;bottom:15px;margin:auto}

.loginNav{position:relative;padding-left:20px}
.loginNav:before{content: '';width:2px;height:30%;background:#d8d8d8;position:absolute;left:0; bottom:0;top:0;margin:auto}
.loginNav.nav>li:nth-child(2)>a{background-color: #5174e8;color:#fff}




.ul-list-4{width:23.5%;margin:20px auto;margin-right:2%;float:left;}
.ul-list-4:nth-child(4n){margin-right:0% !important}

.ul-list-2{width:48%;margin:20px auto;margin-right:4%;float:left;}
.ul-list-2:nth-child(2n){margin-right:0% !important}



.Job .content{padding: 0 80px}
.Job .JobImg{width:103px;height:103px;margin:30px auto;position: relative;}
.Job .JobImg .JobBg{position: relative;width:100%;}
.Job .JobImg .JobNum{color:#fff;font-size:30px;text-align: center;line-height:103px;height:100%;position:absolute;left:0;right:0;top:0;margin:auto;bottom:0;z-index:999}
.Job .ul-list-4{margin-right: 4%;width:22%;border:1px solid #e9edf9;box-shadow:0 -2px  10px 5px #e9edf9;overflow:hidden;border-radius:10px;border-bottom:  15px solid #2265fa;}
.JobDesc{text-align: center;margin-bottom: 25px;font-size:20px;}
.JobDesc strong{color:#2265fa;font-size:22px;}

.Team{background:#f1f3fd ;}
.Team .ul-list-4 {background-color: #fff;}
.Team .teamImg{width:100%;height:140px;overflow: hidden;margin-bottom:20px}
.Team .teamImg img{min-width:100%;height:100%}
.Team .teamTitle{padding:5px 20px;font-size:24px; font-weight: bold;}
.Team .teamDesc{padding:0 20px 20px;font-size:16px; height:170px;overflow: hidden; line-height: 1.6;}



.Offer{background : url(../images/userBg.jpg)no-repeat top center;background-size:100%}
.Company{background:#f1f3fd ;}
.phArea {width: 90%;margin:40px auto;  overflow: hidden;display: block;vertical-align: text-top;background-color: #fff;border-radius: 30px;text-align: center;position: relative;box-shadow:5px 10px 15px 0px #e9edf9;font-size:18px;color:#333}
.phArea .thead {width: 100%;background: #2265fa;color: #fff;font-size:24px;}
.phArea .thead span {display: block;font-weight: bold;width: 20%;float: left;padding: 20px 0px;border-right:2px solid #fff}
.phArea .tbody span {display: block;  width: 20%; float: left; padding: 15px 10px; border-right:2px solid #eee;border-bottom:2px solid #eee }
.phArea .tbody span:first-child{font-weight: bold;}
.phArea .tbody { font-weight: normal; height: 100%; }
.phLeft .tbody { overflow-y: scroll;  }


.Company .content{background-color: #fff;border-radius:10px;padding:20px}
.Company .content img{width:100%}


.footer{background-color:#1c273c ;font-size:16px;font-weight: bold;padding-top:20px}
.footer .beiLink a{text-decoration: none;;float:left;margin: 30px 50px  0px 0;color:#fff;;}


.Info .ul-list-2 {background:#f2f5f7;border-top-left-radius:  20px;border-top-right-radius:  20px;overflow: hidden;}
.Info .ul-list-2 .title{font-size:28px;padding:10px ;text-align:center;background:linear-gradient(to right,#51cce3, #52a6f4) ;color:#fff;font-weight:bold}
.Info .ul-list-2:nth-child(2n) .title{padding:10px ;background:linear-gradient(to right,#f47857, #f1584b) ; }
.Info .ul-list-2 .textBox,.Info .ul-list-2 .listBox{padding:20px;color:#333;font-size:18px}
.Info .ul-list-2 .textBox .item,.Info .ul-list-2 .listBox .item{border-bottom:1px dashed #333; }
.Info .ul-list-2 .textBox .item{padding:10px 10px 10px 60px;position:relative}
.Info .ul-list-2 .listBox .item{padding:10px 10px 10px 40px;position:relative}
.Info .ul-list-2 .textBox .item:last-child,.Info .ul-list-2 .listBox .item:last-child{border:0}
.Info .ul-list-2 .textBox .InfoIcon{position:absolute;left:10px;top:0;bottom:0;margin:auto}
.Info .ul-list-2 .textBox .tip{color:#54a7f5;}
.Info .ul-list-2 .listBox .item::before{content:'●';position:absolute;left:10px;top:50%;margin:auto;color:#f3654e;font-size:16px; margin-top: -10px;}
.Info .ul-list-2 .listBox .item:hover{color:#53aaf4}
.Info .ul-list-2 .listBox .item .infoBtn{float:right;color:#53aaf4;padding:2px 20px;border-radius:20px;border:1px solid #53aaf4 }

.infoPic{background:#f1f3fd ;}
.infoPicList{width:100%;margin:60px auto 0px;}
.infoPicList .infoPicImg{display: block;margin:13px auto;width:100%}
.infoPicList .infoPicImg img{width:100%}


.xyzp{background-color: #f3f3f3;}
.zpCon{background-color: #fff;margin:30px auto;border:1px solid #c1c1c1;border-radius:10px;padding:30px }
.zpCon .minTitle{font-size:20px}
.zpCon .zpList .item{border-top:1px dashed #c9c9c9;position:relative}
.zpCon .zpList .item a{display: block;padding:30px 0;}
.zpCon .zpList .item .title{font-size:24px;margin:15px auto;line-height: 1.6;color:#333}
.zpCon .zpList .item .see{font-size:18px;color:#617fc0;}
.zpCon .zpList .item .time{font-size:18px;color:#999;position:absolute;right:20px;top:0;bottom:0;margin:auto;height: 22px;}
.zpCon .zpList .item:hover .title{color:#53aaf4}





.kcCon .courseCon{margin:50px auto}
.kcCon .courseCon .titleBox{position:relative;color:#333;font-weight: bold;font-size:30px;}
.kcCon .courseCon .titleBox:before{content: '';width:25px;height:25px;background-color: #9deab0;position: absolute;left:-15px;bottom:-5px;z-index:-1}
.kcCon .courseCon .titleBox:after{content: '';width:85%;height:1px;border:1px dashed #333;position: absolute;left:135px;bottom:0px;z-index:-1}
.kcCon .courseCon .titleBox .courseMore{font-weight:normal;float: right;padding:5px 20px;border:1px solid #508aec;border-radius:3px;color:#508aec;font-size:18px;margin-left: 10px;background:#fff}
.kcCon .courseCon .titleBox .courseMore:nth-child(2){background-color:#508aec ;color:#fff}

.courseInfo{margin:80px auto;border:1px solid #daf4fe;border-radius:10px;position:relative;}
.courseInfo .leftCon{float:left;width:336px;height:100%;background: #daf4fe url(../images/shijuanBg.png)no-repeat right -10px bottom -80px;border-radius: 10px;}
.courseInfo .rightCon{float:right;width:860px;padding:0px 40px;}
.courseInfo .leftCon .headTitle{width:100%;text-align:center;font-size:22px;font-weight:bold;line-height:40px;color:#fff;background:  url(../images/courseTipBg1.png)no-repeat center center ;position:relative;top:-20px}
.courseInfo .leftCon .descList{width:100%;padding:20px;background:  url(../images/courseLeftBg1.png)no-repeat left  0px top 15px ;background-size:auto 94%;margin-bottom: 60px}
.courseInfo .leftCon .descList .item{font-size:18px}
.courseInfo .leftCon .descList .item span:first-child{font-weight:bold;padding:20px 0;color:#fff;width:80px;display: inline-block;}
.courseInfo .leftCon .descList .item span:nth-child(2){padding:20px 15px ; width:200px;display: inline-block; border-bottom: 2px dashed #8c9a9f;  }
.courseInfo .rightCon .courseCard{}
.courseInfo .rightCon .courseCard .item{width:47%;margin-right:6%;margin-top:30px;float:left}
.courseInfo .rightCon .courseCard .item:nth-child(2n){margin-right:0%; }

.courseInfo .rightCon .courseCard .item .text{margin-bottom:15px;padding:20px;position:relative;border-radius:10px;overflow: hidden;background:linear-gradient(to top,#cefff1, #f5fffc) ; border-top:3px solid #98ebd7; border-bottom:3px solid #e6e6e6;}
.courseInfo .rightCon .courseCard .item:nth-child(2) .text{background:linear-gradient(to top,#e7e6fd, #f2f0fd) ; border-top:3px solid #ccd7fd; }
.courseInfo .rightCon .courseCard .item:nth-child(3) .text{background:linear-gradient(to top,#fff3e0, #fffdf9) ; border-top:3px solid #ffe6b0;  }
.courseInfo .rightCon .courseCard .item .text img{position:absolute;right:10px;top:20px;z-index:0}
.courseInfo .rightCon .courseCard .item .text h4{position: relative;font-weight:bold;font-size:24px;line-height: 1.3;}
.courseInfo .rightCon .courseCard .item .text p{font-size:18px;line-height: 1.3;}
.courseInfo .rightCon .courseCard .item .courseBtn{cursor: pointer;display: inline-block;text-align: center;padding:6px 40px;border:1px solid #02ad76;color:#02ad76;border-radius:5px;font-size:16px;margin-left:20px}
.courseInfo .rightCon .courseCard .item .courseBtn:last-child{background: #02ad76;color:#fff;}
.courseInfo .rightCon .courseCard .item:nth-child(2) .courseBtn {border:1px solid #7f64f4;color:#7f64f4;}
.courseInfo .rightCon .courseCard .item:nth-child(2) .courseBtn:last-child{background: #7f64f4;color:#fff;}
.courseInfo .rightCon .courseCard .item:nth-child(3) .courseBtn {border:1px solid #fb963f;color:#fb963f;}
.courseInfo .rightCon .courseCard .item:nth-child(3) .courseBtn:last-child{background: #fb963f;color:#fff;}

.jpkc{background-color: #e6f4ff; position: relative;   z-index:0 }
.jpkc.kcCon .courseCon .titleBox:before{bottom: auto; top: 45px;background-color: #ff966a; position: relative;  }
.jpkc.kcCon .courseCon .titleBox .courseMore{color:#fe763d;border:1px solid #fe763d;position: relative;  }
.jpkc.kcCon .courseCon .titleBox .courseMore:nth-child(2){background-color:#fe763d ;color:#fff}


.jpkc .courseInfo{border-color:#ffdacb;background : #fff url(../images/courseIconBg.png)no-repeat right bottom;}
.jpkc .courseInfo .leftCon{background:#fff0ea url(../images/shijuanBg.png)no-repeat right -10px bottom -80px}
.jpkc .courseInfo .leftCon .headTitle{background: url(../images/courseTipBg2.png) no-repeat center center;}
.jpkc .courseInfo .leftCon .descList{background: url(../images/courseLeftBg2.png) no-repeat left 0px top 15px;background-size: auto 94%;}
.jpkc .courseInfo .rightCon .courseCard .item .text{padding: 30px;background: linear-gradient(to right, #fff, #dbc394); border-top: 3px solid #deb451;}
.jpkc .courseInfo .rightCon .courseCard .item .text h4{font-size:32px;line-height:1.5;color:#7e452e}
.jpkc .courseInfo .rightCon .courseCard .item .courseBtn {border: 1px solid  #b1893e; color: #b1893e;}
.jpkc .courseInfo .rightCon .courseCard .item .courseBtn:last-child {background: #b1893e;color: #fff;}
.jpkc .courseInfo .rightCon{padding:140px  40px 0}
.jpkc .courseInfo .rightCon .courseCard .item{margin-left:60px}
.carousel-inner>.item>a>img, .carousel-inner>.item>img{margin:0 auto;display:block}

@media (max-width:800px) {
	.content {
		width: 94%;
	}
	.logo{padding:5px; height:50px;}
	.navbar-toggle{background-color: #3a79e3;margin-right:0}
	.navbar-toggle .icon-bar{background: #fff;}
	.head-titlebox .title{font-size:20px;}
	.head-titlebox{margin: 20px auto;}
	.Job .content{padding:0 10px}
	.Job .ul-list-4{width:47%;margin-right:6%;border-bottom: 6px solid #2265fa;}
	.Job .ul-list-4:nth-child(2n){margin-right:0}
	.Job .JobImg .JobNum{font-size: 20px;line-height:60px}
	.Job .JobImg { width: 60px;  height: 60px;  margin: 20px auto;}
	.JobDesc{  margin-bottom: 15px;  font-size: 15px;}
	.JobDesc strong{font-size:16px}

	.ul-list-4{margin: 10px auto;}
	.ul-list-4{width:48%;margin-right:4%; }
	.ul-list-4:nth-child(2n){margin-right:0}
	.Team .teamImg {  height: 85px; margin-bottom: 10px;}
	.Team .teamTitle { padding: 0px 15px; font-size: 18px;}
	.Team .teamDesc {  padding: 0 15px 20px;   font-size: 13px;line-height:1.5}
	.phArea{width:100%;margin:0 auto;border-radius:20px;}
	.phArea .thead{font-size:16px}
	.phArea .tbody span {  padding: 10px 5px;  font-size: 12px; min-height: 60px;}
	.footer {   font-size: 14px;  padding-top: 10px;}
	.footer .beiLink a{ margin: 15px 40px 0px 0;}
	.loginNav{padding:0}
	.loginNav.nav>li{width:auto;padding:0px;display:inline-block;float: right;}
	.loginNav.nav>li a{font-size:18px;height:45px; line-height: 45px;}
	.loginNav:before{width:0}
	.loginNav.nav>li:nth-child(1):after{
		content: '';
		width: 2px;
		height: 40%;
		background: #d8d8d8;
		position: absolute;
		left: 0;
		bottom: 0;
		top: 0;
		margin: auto;
	}
	.loginNav.nav>li:nth-child(2) a{ background-color: transparent;color:#333}
	.nav>li>a{font-size:20px;text-align: center;}
	.nav>li.active>a::before{width:80%}
	.Info .ul-list-2{width:94%;margin:0 auto 20px;float: none;}
	.ul-list-2:nth-child(2n){margin:0 auto !important}
	.Info .ul-list-2 .title {
		font-size: 18px;
		padding: 7px;}
	.Info .ul-list-2 .textBox .item { padding: 10px 5px 10px 50px;}
	.Info .ul-list-2 .textBox .InfoIcon{height:25px;}
	.Info .ul-list-2 .textBox, .Info .ul-list-2 .listBox{font-size:16px;}
	.Info .ul-list-2 .listBox .item{padding:10px 0 10px 10px}
	.Info .ul-list-2 .listBox .item::before{left:-5px}
	.Info .ul-list-2 .listBox .item .infoBtn{padding:2px 15px;font-size:13px;}
	.infoPicList{margin:30px auto 0}
	.zpCon{ padding: 15px 20px;}
	.zpCon .minTitle {  font-size: 18px; }
	.zpCon .zpList .item .title { font-size: 18px;  margin: 5px auto;}
	.zpCon .zpList .item .see{font-size:13px;}
	.zpCon .zpList .item .time {  font-size: 14px;  right: 0;  top: auto;  bottom: auto; float: right;}
	.zpCon .zpList .item a {  padding: 20px 0; }

	.carousel-inner>.item>img{max-width:150%;margin-left:-26%}
	.kcCon .courseCon .titleBox{font-size:22px;}
	.kcCon .courseCon .titleBox:before {  width: 15px; height: 15px;  left: -5px; bottom: 0;}
	.kcCon .courseCon .titleBox .courseMore {padding: 2px 10px; font-size: 16px;}
	.kcCon .courseCon .titleBox:after{left:95px;width:20%}
	.courseInfo {margin: 50px auto 0;}
	.courseInfo .leftCon{width:100%}
	.courseInfo .leftCon .headTitle{font-size: 18px;}
	.courseInfo .leftCon .descList .item {   font-size: 16px;  }
	.courseInfo .leftCon .descList {  padding: 0 20px;  background: url(../images/courseLeftBg1.png) no-repeat left 0px top 0px;  background-size: auto 100%; margin-bottom: 20px;}
	.courseInfo .leftCon .descList .item span:nth-child(2) { padding: 10px 10px;  width: 70%;}
	.courseInfo .leftCon{float:none;}
	.courseInfo .rightCon{float:none;width:100%;padding:0 20px;padding-bottom:40px}
	.courseInfo .rightCon .courseCard .item{width:100%;float:none;margin-right: 0;}
	.courseInfo .rightCon .courseCard .item .text h4{font-size:20px;}
	.courseInfo .rightCon .courseCard .item .text p{font-size:16px}
	.courseInfo .rightCon .courseCard .item .courseBtn{
		padding: 7px 35px;
		font-size: 17px;}
	.jpkc.kcCon .courseCon .titleBox:before{top:30px}
	.jpkc .courseInfo .leftCon .descList {
		background: url(../images/courseLeftBg2.png) no-repeat left 0px top 0px;
		background-size: auto 100%;
	}
	.jpkc .courseInfo .rightCon {
		padding: 40px;
	}
	.jpkc .courseInfo .rightCon .courseCard .item {
		margin-left: 0;
	}
	.jpkc .courseInfo .rightCon .courseCard .item .text h4 {
		font-size: 26px;}
	.jpkc .courseInfo .rightCon .courseCard .item .courseBtn {
		padding: 7px 25px;
	}