.banner{	
	background:url(../images/gsjs/banner.jpg) center no-repeat;
	height: 580px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}



.conter{
	width: 1200px;
	margin: 30px auto 0;
	overflow: hidden;
}
.conter h3{
	font-size: 26px;
	text-align: center;
	width: 1200px;
	margin: 0 auto;
	line-height: 40px;
	font-weight: normal;
	
}
/*模块一*/
.p1{
	width: 100%;
	background: url(../images/gsjs/p1.jpg) no-repeat center;
	height:	447px;
	margin: 0 auto;
	overflow: hidden;
}
.p1 h2{
	font-size: 40px;
	color: #dc1616;
	text-align: left;
	display: block;
	margin-top: 25px;
}
.p1 p{
	font-size: 18px;
	color: #333;
	line-height: 33px;
	text-indent: 2em;
	width: 470px;
	display: block;
	margin-left: 15px;
	margin-top: 70px;
}

/*模块二*/
.p2_h2{
	background: url(../images/gsjs/p2_h2.png) no-repeat center #fff;
	width: 750px;
	height: 74px;
	display: block;
	margin: 40px auto 5px;
}
.p2_h3{
	width: 100%;
	display: block;
	margin: 0 auto 40px;
	font-size: 30px;
	color: #787878;
	text-align: center;
	background: #fff;
}
.p2_js{
	width: 1111px;
	background: url(../images/gsjs/p2_js.png) no-repeat center;
	height: 103px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 30px;
	padding: 35px 50px 0;
	text-indent: 2em;
}
.font_1{
	font-weight: bold;
	color: #dc1616;
}
.p2_zs{
	margin: 20px auto 40px;
	width: 1200px;
	overflow: hidden;
}
.p2_zs ul li{
	float: left;
	width: 390px;
	height: 280px;
	
}
/*模块三*/
.p3{
	width: 100%;
	background: url(../images/gsjs/p3.jpg) no-repeat center;
	height: 552px;
	overflow: hidden;
	margin: 0 auto;
	
}
.p3_c{
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	width: 1300px;
	height: 552px;
}
.p3_ts0{
	position: absolute;
	bottom:40px;
	left: 50px;
	float: left;
	width: 185px;
	height: 243px;
	
}
.p3_ts1{
	position: absolute;
	bottom:40px;
	left: 255px;
	float: left;
	width: 185px;
	height: 243px;
	
}
.p3_ts2{
	position: absolute;
	bottom:40px;
	left: 455px;
	float: left;
	width: 185px;
	height: 243px;
}
.p3_ts3{
	position: absolute;
	bottom:40px;
	left: 655px;
	float: left;
	width: 185px;
	height: 243px;
}
.p3_ts4{
	position: absolute;
	bottom:40px;
	right: 255px;
	float: left;
	width: 185px;
	height: 243px;
}
.p3_ts5{
	position: absolute;
	bottom:60px;
	right:50px;
	float: left;
	width: 185px;
	height: 243px;
}
.p3_ts{
    transition: all 1s;
}
.p3_ts:hover{
	-webkit-transform : scale(1.1,1.1);
	transform : scale(1.1,1.1);
}



/*模块四*/
.p4{
	width: 100%;
	background: url(../images/gsjs/p4.jpg) no-repeat center;
	height: 615px;
	overflow: hidden;
	margin: 0 auto;
	
}
.container2 {
	min-width: 1300px;
	margin: 155px auto 40px;
}

.w1210 {
	width: 1300px;
	margin: 0 auto;
}

.p4_js{
	width: 1100px;
	height: 300px;
	position: relative;
	background: #fff;
	margin: 110px auto 0;
}

.p4_tu1{
	position: absolute;
	bottom: -8px;
	right: -17px;
	width: 347px;
	height: 428px;	
}
.p4_tu2{
	position: absolute;
	bottom: -9px;
	right: -17px;
	width: 347px;
	height: 409px;	
}
.p4_tu3{
	position: absolute;
	bottom: -8px;
	right: -15px;
	width: 345px;
	height: 391px;	
}
.p4_tu4{
	position: absolute;
	bottom: -8px;
	right: -17px;
	width: 347px;
	height: 420px;
}
.p4_tu5{
	position: absolute;
	bottom: -8px;
	right: -17px;
	width: 347px;
	height: 401px;
}
.p4_tu6{
	position: absolute;
	bottom: -9px;
	right: -17px;
	float: left;
	width: 347px;
	height: 412px;
}
.p4_wz{
	float: left;
	width:650px;
	
}
.p4_img{
	position: absolute;
	left: 180px;
	top: 25px;
	font-size: 18px;
	color: #dc1616;
	border: 1px solid #dc1616;
	padding: 3px 15px;
	/*transform: skewX(-10deg) ;*/
	display:block;
	transition: all 2s;
}
.fudong {
    animation: fudong 2s ease infinite;
}
@keyframes fudong {
  50% {
    transform: translate3d(0, -10px, 0);
   
  }

  100% {
    transform: translate3d(0, 0, 0);
  
  }
}
.p4_mz{
	width:700px;
	overflow: hidden;
}
.mingz{
	font-size: 40px;
	color: #333;
	border-bottom: 1px dashed #e7e7e7;
	line-height: 80px;
	margin-left: 30px;
	font-weight: bold;
	margin-bottom: 10px;
}
.mingz span{
	display: block;
	color: #dc1616;
	font-size: 20px;
	border: 1px solid #dc1616;
	padding: 3px 15px;
	transform: skewX(-10deg) ;
}
.p4_gw{
	background: url(../images/gsjs/bq.png) no-repeat left center;
	padding-left: 15px;
	line-height: 32px;
	margin-left: 30px;
	font-size: 22px;
	color: #000;
	border: 1px solid #fff;
}
.p4_wz_p{
	position: absolute;
	bottom: 0px;
	box-shadow: 0 -2px 10px #d6d6d6;  
	left: 0;
	z-index: 99;
	width: 1040px;
	padding: 15px 30px;
	font-size: 18px;
	background: rgba(255,255,255, 90%);
	margin-top: 25px;
	line-height: 32px;
}


.customer-comment {
	/*background: url(../images/gsjs/jsbj.png) no-repeat center 29px ;*/
}

.customer-comment .content {
	position: relative;
	
	/*padding: 20px 0 60px;*/
}

.customer-comment .bd {
	width: 1100px;
	box-sizing: border-box;
	height:460px;
	margin: 0 auto;
	

}
.customer-comment .hd ul {
	
	text-align: center;
	position: absolute;
	bottom:15px;
	left:17%;
	display: block;
}

.customer-comment .hd ul li {
	display: inline-block;
	padding: 5px;
	cursor: pointer;
}

.customer-comment .hd ul span {
	display: inline-block;
	width: 80px;
	height: 5px;
	background:rgba(255,255,255, 20%);
}

.customer-comment .hd ul .active span {
	background: transparent;
	background: #fff;
}

.customer-comment .hd a {
	position: absolute;
	top: 230px;
}

.customer-comment .hd a.prev {
	left: 0;
}

.customer-comment .hd a.next {
	right: 0;
}

.customer-comment .hd .iconfont {
	display: block;
	width: 40px;
	height: 40px;
	font-size: 30px;
	line-height: 40px;
	border-radius: 22px;
	color: #fff;
	text-align: center;
	border: 2px solid #fff;
	transition: all .2s;
}

.customer-comment .hd a:hover .iconfont {
	color: #fff;
	background:rgba(0,0,0, 50%);
	border-color: #fff;

}
.p5_bj{
	background: url(../images/gsjs/p5_bj.jpg) no-repeat center;
	width:100% ;
	height: 600px;
	overflow: hidden;
	margin: 0 auto;
}
/*高校合作*/
.p6_bj{
	background: url(../images/gsjs/p6_bj.jpg) no-repeat center;
	width:100% ;
	height: 600px;
	overflow: hidden;
	margin: 0 auto;
}
.p6_dy{
	width: 968px;
	height: 105px;
	background: #fff;
	float: left;
	margin: 130px 0 12px 0;
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	padding: 15px 15px 0;
	text-indent: 2em;
}
.p6_tu{
	float: right;
	width: 190px;
	height: 120px;
	
}

/*学员作品*/

.p7_bj{
	background: url(../images/gsjs/p7_bj.jpg) no-repeat center;
	width:100% ;
	height: 600px;
	overflow: hidden;
	margin: 0 auto;
}
/*毕业证书*/

.p8_bj{
	background: url(../images/gsjs/p8_bj.png) no-repeat center 40px #fff;
	width:100% ;
	height: 820px;
	overflow: hidden;
	margin: 0 auto;
}
.p8_bj ul{
	margin-top: 260px;
	margin-left: 21px;
}
.p8_bj ul li{
	width: 272px;
	float: left;
	height: 194px;
	overflow: hidden;
	margin-left: 15px;
	transition : all 1s;
}
.p8_bj .wenzi{
	font-size: 18px;
	color: #333;
	float: left;
	text-align: center;
	width: 272px;
	margin-left: 15px;
}
.p8_bj ul li:hover{
	-webkit-transform : scale(1.1,1.1);
	transform : scale(1.1,1.1);
	box-shadow: 0 10px 20px 0 #ccc;  
}

/*就业学员*/

.p9_bj{
	background: url(../images/gsjs/p9_bj.jpg) no-repeat center;
	width:100% ;
	height: 482px;
	overflow: hidden;
	margin: 0 auto;
}

.slide-item-body ul li {
	width: 173px;
	float: left;
	display: block;
	height: 263px;
	margin-bottom: 30px;
	color: #000;
	z-index: 10002;
    position: relative;
    overflow: hidden;
    margin: 0 4.5px;
}
.slide-item-body ul li a {
	display: block;
	box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.2);
}
.new-img img {
	width: 100%;
	height: auto;
	border: none;
	display: block;
}
.slide-item {
	width: 1030px;
	position: relative;
	margin: 110px 0 0 170px;/* overflow: hidden; */
}

.slide-item-body .tempWrap {
	padding-top: 20px;
}
.slide-item-body ul {
	/*padding-top: 10px;*/
	overflow: visible;
	z-index: 999;
}
.next2 {
	position: absolute;
	top: 90%;
	z-index: 1000000;
	cursor: pointer;
	right: auto;
	left: 0px;
	height: 29px;
	width: 29px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.next-bg {
	background-image: url("../img/zhd.png");
}

.prev {
	position: absolute;
	top: 90%;
	z-index: 1000000;
	cursor: pointer;
	left: 60px;
	height: 29px;
	width: 29px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.prev-bg {
	background-image: url("../img/yhd.png");
}
.txt{
	width: 173px;
    height: 45px;
    position: absolute;
    /* background: -webkit-gradient(linear, -43% 31, 40% 100%, from(rgba(170, 73, 149, 0.9)), to(rgba(40, 43, 187, 0.9))); */
    background:rgba(0,0,0, 50%);
    left: 0;
    bottom: -45px;
    color: #fff;
    z-index: 999;
}
 .txt span {
    display:none;
    width: 2px;
    height: 5px;
    border-radius: 15px;
    background-color: #ffcc1b;
}
 .txt h3{
 	width: 173px;
 	display: block;
	font-size:19px;
	font-weight: bold;
	height:45px;
	text-align:center;
    margin-top: 150px;
    color: #fff;
}
 .txt p{
 	width: 173px;
 	display: block;
	font-size:16px;
	text-align:center;
    letter-spacing: 1px;
    color: #eee;

}

/*华龙网校*/
.p10_bj{
	background: url(../images/gsjs/p10_bj.png) no-repeat center #fff;
	width:100% ;
	height: 574px;
	margin: 40px auto 10px;
	overflow: hidden;
}
.p10_left{
	width: 480px;
	margin-left: 25px;
	margin-top: 163px;
	overflow: hidden;
}
.p10_left_bq{
	overflow: hidden;
}
.p10_left_bq ul li{
	float: left;
	text-align: center;
	line-height: 37px;
	width: 110px;
	height: 35px;
	background: #000;
	border: 1px solid #ffba00;
	font-size: 18px;
	color: #ffba00;
	margin-right: 20px;
}
.p10_left h3{
	width: 480px;
	display: block;
	text-align: left;
	font-size: 18px;
	color: #333;
	margin-top: 5px;
}
.p10_left h2{
	font-size: 30px;
	color: #000;
	margin-top: 50px;
}
.p10_left_b{
	width: 40px;
	border-bottom: 3px solid #ff0000;
	margin: 5px 0;
}
.p10_left_wz{
	width: 480px;
	overflow: hidden;
	margin-top: 15px;
}

.p10_left_wz ul li{
	float: left;
	width: 240px;
	line-height: 35px;
	font-size: 18px;
	color: #333;
}
.font_2{
	font-weight: bold;
	font-size: 24px;
	color: #ff0000;
}
/*合作*/
.p11_bj{
	background: url(../images/gsjs/p11_bj.png) no-repeat center #fff;
	width:100% ;
	height: 386px;
	margin: 40px auto 40px;
	overflow: hidden;
}

/*历程*/
.p12_bj{
	background: url(../images/gsjs/p12_bj.jpg) no-repeat center #fff;
	width:100% ;
	height: 559px;
	margin: 0 auto;
	overflow: hidden;
}
.p12_c{
	position: relative;
	width: 1200px;
	height: 420px;
	margin: 105px auto 0;
	overflow:hidden;
}
.lc1{
	position: absolute;
	left: 48px;
	top: 40px;
	display: block;
	width:62px;
	height: 32px;
	cursor: pointer;
}
.lc2{
	position: absolute;
	left: 181px;
	top: 2px;
	display: block;
	width:62px;
	height: 32px;
	cursor: pointer;
}
.lc3{
	position: absolute;
	left: 280px;
	top: 64px;
	display: block;
	width:62px;
	height: 32px;
	cursor: pointer;
}
.lc4{
	position: absolute;
	left: 73px;
	top: 220px;
	display: block;
	width:62px;
	height: 32px;
	cursor: pointer;
}

.lc5{
	position: absolute;
	left: 198px;
	bottom: 25px;
	display: block;
	width:62px;
	height: 32px;
	cursor: pointer;
}
.lc6{
	position: absolute;
	left: 319px;
	bottom: 35px;
	display: block;
	width:62px;
	height: 32px;
	cursor: pointer;
}
.lc7{
	position: absolute;
	left: 422px;
	bottom: 103px;
	display: block;
	width:62px;
	height: 32px;
	cursor: pointer;
}
.lc8{
	position: absolute;
	left: 477px;
	top: 112px;
	display: block;
	width:62px;
	height: 32px;
	cursor: pointer;
}
.lc9{
	position: absolute;
	left: 559px;
	top: 156px;
	display: block;
	width:62px;
	height: 32px;
	cursor: pointer;
}
.lc10{
	position: absolute;
	left: 668px;
	top: 77px;
	display: block;
	width:62px;
	height: 32px;
	cursor: pointer;
}
.lc11{
	position: absolute;
	right: 387px;
	top: 158px;
	display: block;
	width:62px;
	height: 32px;
	cursor: pointer;
}
.lc12{
	position: absolute;
	right: 563px;
	bottom: 82px;
	display: block;
	width:62px;
	height: 32px;
	cursor: pointer;
}
.lc13{
	position: absolute;
	right: 360px;
	bottom: 24px;
	display: block;
	width:62px;
	height: 32px;
	cursor: pointer;
}
.lc14{
	position: absolute;
	right: 283px;
	bottom: 95px;
	display: block;
	width:62px;
	height: 32px;
	cursor: pointer;
}
.lc15{
	position: absolute;
	right: 225px;
	top: 114px;
	display: block;
	width:62px;
	height: 32px;
	cursor: pointer;
}
.lc16{
	position: absolute;
	right: 137px;
	top: 137px;
	display: block;
	width:62px;
	height: 32px;
	cursor: pointer;
}
.lc17{
	position: absolute;
	right: 35px;
	top: 0px;
	display: block;
	width:62px;
	height: 32px;
	cursor: pointer;
}




.lc_bj1{
	background: url(../images/gsjs/p12_lc1.png) no-repeat center;
	color: #333;
	font-size: 20px;
	text-align: center;
	line-height: 25px;
}
.lc_bj1:hover{
	background: url(../images/gsjs/p12_lc2.png) no-repeat center;
	color: #fff;
	
}
.lc_bj12{
	background: url(../images/gsjs/p12_lc12.png) no-repeat center;
	color: #333;
	font-size: 20px;
	text-align: center;
	line-height: 38px;
}
.lc_bj12:hover{
	background: url(../images/gsjs/p12_lc122.png) no-repeat center;
	color: #fff;
}








/*历程*/
.li-h2{
	background: url(../images/gsjs/lc-h2.png) no-repeat center;
	width: 100%;
	height: 75px;
	margin:40px auto;
	
}
.wbbj{
	width: 100%;
	background: #f6f6f6;
	margin: 0 auto;
	overflow: hidden;
}
.hxjj_time {
  width: 1200px;
  height: 480px;
  position: relative;
  margin: 0 auto;
}

.hxjj_tab_box {
  width: 800px;
  right: 0;
  position: absolute;
  bottom: 30px;
  display: flex;
  justify-content: space-between;
}

.hxjj_tab_box li {
  width: 250px;
  height: 80px;
  background: #ededed;
  font-size: 24px;
  color: #999;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.hxjj_tab_box li.li_box_active {
  background: #d71318;
  color: #fff;
}

.cont_datemsg {
  width: 1200px;
  height: 319px;
  /*display: flex;*/
}

.cont_datemsg .left_pic {
  width: 332px;
  height: 472px;
  float: left;
}

.hc_chch {
  display: none;
  position: relative;
}

.hc_chch.on_able {
  display: block;
}
.ul_xy{
	width: 800px;
	float: right;
	overflow: hidden;
}
.ul_xy li{
	line-height: 50px;
}
.ul_xy span{
	color: #d71318;
	font-weight: bold;
}

/* 修改滚动条默认样式 */

.mCSB_scrollTools .mCSB_draggerRail {
  width: 9px;
  border-radius: 5px;
  background: #ededed;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 9px;
  height: 54px;
  border-radius: 5px;
  background: #999;
}

.mCSB_scrollTools .mCSB_dragger {
  height: 54px !important;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: #999;
}