.uoload_bg{background-image: url(../image/jpg3_03.jpg);position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.ban_p{position: relative;z-index: 2;}

.ban_p .cont{margin-top: -305px}
.ban_p .t{color: #fff;}
.ban_p .t1{color: #fff;text-align: center;line-height: 1.55;font-family: shsh;position: relative;z-index: 1;top: 100px;}



.cocure{padding-bottom: 120px;margin-top: -107px;}
.cocure .div{width: 428px;height: 179px;margin: 0 10px;position: relative;background: url(../image/syb/cocure_1.png) no-repeat top right;background-color: #f0f2f4;}
.cocure .arr_i::after{font-size: 24px;color: #4b934c;content: '\e72d';font-family: "xfont" !important;}
.cocure .div1{background: url(../image/syb/cocure_2.png) no-repeat top right;background-color: #f0f2f4;}
.cocure .div a{display: block;width: 100%;height: 100%;padding: 31px 44px 0;}
.cocure .p{width: 200px;margin-top: 24px;font-family: shsh;}
.cocure .arrow{position: relative;width: 68px;height: 24px;position: absolute;right: 30px;bottom: 30px;}
.cocure .arrow::before{position: absolute;left: 0;top: 50%;margin-top: -1px;content: "";background-color: #333333;height: 2px;width: calc(100% - 10px);}
.cocure .arrow::after{position: absolute;right: 0;top: 0;font-size: 16px;color: #333;content: '\e72d';font-family: "xfont" !important;}
.cocure .tit1{font-family: shsh;text-align: center;margin-top: 82px;}
.cocure .slick-slide img{width: auto;display: block;margin: 0 auto;}
.cocure .p1{text-align: center;margin-top: 11px;color: #666666;width: 100%;padding: 0 10px;}
.cocure .slick-slide .img_hide{display: none;}
.cocure .item a{width: 175px;height: 163px;border: 1px solid #e7e7e7;}
.cocure .item{margin-right: 25px;width: calc((100% - 75px)/4) !important;margin-top: 20px;}
.cocure .item:last-child{margin-right: 0;}
.cocure .box1{width: 775px;margin: 0 auto;margin-top: 42px;}
.cocure .btn1{width: 775px;margin: 0 auto;margin-top: 74px;display: flex;}
.cocure .btn1 a{width: calc((100% - 48px)/2);margin-left: 48px;background-color: #ffcc00;
border-radius: 8px;display: block;color: #fff;height: 60px;text-align: center; line-height: 60px;}
.cocure .btn1 a:first-child{margin-left: 0;background-color: #00be00;}
.cocure .slick-arrow:before{color: #333;}
.cocure .slick-next{right: -56px;}
.cocure .slick-prev{left: -56px;}
.cocure .slick-slide>div:first-child .item{margin-top: 0;}
.crumbs{position: absolute;top: 0;left: 0;width: 100%; color: #fff;padding-top: 24px;}
.crumbs i{width: 19px;height: 18px;display: inline-block;background: url(../image/syb/icon_home.png) no-repeat;background-size: 100%;margin-right: 5px;position: relative;top: 2px;}

.ban_p1 .crumbs{color: #333;}
.ban_p1 .t1{color: #333;top: 0;}

.ban_p1 .pub_banner{height: auto;padding-top: 108px;}


.catalog{padding-bottom: 120px;margin-top: 58px;}
.catalog .li {padding: 14px 40px;background-color: #fff;}
.catalog .li:nth-child(odd){background-color: #f0f2f4;}
.catalog .li a{width: 72px;height: 36px;background-color: #00be00;color: #fff;text-align: center;
 line-height: 36px;border-radius: 5px;flex-shrink: 0;margin-left: 15px;}
.paging-mod{position: relative;margin-top: 90px;}
.paging-box{ vertical-align: top;}
.paging-item{ display: block; margin-right: 10px; min-width: 38px; border: 1px solid #e3e3e3; 
font-family: Arial; line-height: 36px;text-align: center;}

.paging-arrow,.paging-link{ padding: 0 5px; border-radius: 5px;
		transition-property: color, background, border;
		transition-duration: .3s;}
.paging-arrow:first-child{}
.paging-arrow{ font-size: 16px; color: #c1c1c1;font-family: xfont !important;}
.xicon{ width: 30px; height: 30px; cursor: pointer;}
.xicon::before{ position: absolute; left: 50%; top: 50%;
	transform: translate(-50%, -50%);
}

.icon-left::before{ content: '\e734';}
.icon-right::before{ content: '\e735';}
.paging-link{ font-size: 18px;}
.paging-link + .paging-link{}
.paging-link + .paging-arrow{}
.paging-link.cur{ background-color: #4b934c; border-color: #4b934c; color: #fff; cursor: default; pointer-events: none;}
.paging-dot{ background-color: transparent; font-weight: bold; letter-spacing: 0.2em;}
.paging-jump{ margin-right: 0; padding: 2px; width: 130px; background-color: transparent; border: 1px solid #4b934c; border-radius: 5px;}
.paging-table{ display: table; width: 100%; height: 100%; border-radius: 4px;}
.paging-cell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.paging-input{ display: block; padding: 0 10px; width: 100%; line-height: 1.5; text-align: center;}
.paging-btn{ display: block; width: 60px; background-color: #4b934c; border-radius: 5px; font-family: 'Times New Roman'; font-size: 20px; color: #ffffff; line-height: 34px; cursor: pointer;}
.paging-more{ display: none;}

.video_d{margin-bottom: 120px;margin-top: -223px;}
.video_d .cont{box-shadow: 0 5px 24px rgba(0,0,0,0.06);background-color: #fff;padding: 95px 60px;width: 100%;}
.video_d .name{width: 130px;text-align: right;line-height: 24px;}
.video_d .li{margin-top: 22px;width: 100%;}
.video_d .li:first-child{margin-top: 0;}
.video_d .p{width: calc(100% - 130px);line-height: 24px;}
.video_d .p span{display: inline-block;}
.video_d .link{width: 90px;height: 36px;display: inline-block;text-align: center;line-height: 36px;color: #fff;border-radius: 5px;
background-color: #00be00;margin: 0 7px;margin-top: -8px;cursor: pointer;}
.video_d .li{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.video_d p{margin-top: 1em;}
.video_d p:first-child{margin-top: 0;}
.video_d .addr_n{margin-right: 28px;}
.video_d .addr_xx{margin-right: 28px;}
.video_d .addr_w{margin-bottom: 1em;}
.addr:last-child .addr_w:last-child{margin-bottom: 0;}

/* 弹框 */
.pop-box{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 10;}
.pop-cont{background-color: #fff;position: absolute;margin: auto;width: 596px;height: auto;left: 50%;top: 50%;
transform: translate(-50%,-50%);padding-bottom: 53px;}
.pop-cont .top{width: 100%;height: auto;background:url(../image/syb/pop_top.jpg) no-repeat bottom center;
background-size: 100%;height: 173px;position: relative;}
.pop-cont .top::before{content: "";background-color: #008000; position: absolute;top: 0;left: 0;
width: 100%;height: 50%;z-index: -1;}

.pop-cont .t1{text-align: center;color: #fff;}
.pop-cont .t2{padding-top: 42px;}
.pop-cont .p{color: #fff;margin-top: 16px;}
.pop-cont .bot{padding: 0 60px;}
.pop-cont .name{margin-top: 25px;}
.pop-cont .name span{color: #ff0000;}
.pop-cont .inp{width: 100%;height: 60px; border: 1px solid #dddddd;border-radius: 8px;margin-top: 6px;padding: 0 15px;}
.pop-cont .sub{width: calc(100% - 116px);margin: 0 auto;margin-top: 60px;display: block;background-color: #00be00;border-radius: 8px;height: 50px;color: #fff;cursor: pointer;}
.pop-cont .close{width: 32px;height: 32px;background: url(../image/syb/icon_close.png) no-repeat;background-size: 100%;position: absolute;right: -62px;top: -58px;cursor: pointer;}


.pop-box1{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 10;}

.pop-cont .img{width: 84px;height: 84px;background: url(../image/syb/icon_suc.png) no-repeat;
background-size: 100%;margin: 0 auto;margin-top: -42px;position: relative;z-index: 2;}
.pop-cont .ts{text-align: center;margin-top: 63px;}
.pop-cont .ts1{text-align: center;margin-top: 43px;}
.pop-cont .line{width: calc(100% - 66px);height: 0;border-top: 1px solid #e5e5e5;margin: 0 auto;margin-top: 52px;}
.pop-box1 .sub{margin-top: 40px;}


/* 我的学分 */
.credit {padding-bottom: 120px;}
.credit .t1{padding-left: 55px;height: 59px;background: url(../image/syb/icon_xf.png) no-repeat;line-height: 70px;}
.credit th{background-color: #4b934c;height: 70px;color: #fff;text-align: center;}
.credit table{width: 100%;margin-top: 17px;}
.credit td{text-align: center;height: 64px;padding: 10px 5px ;}
.credit tr{background-color: #f0f2f4;}
.credit tr:nth-child(odd){background-color: #ffffff;}
.credit tr:first-child{background-color: #4b934c;}
.credit th:first-child{width: 352px;}
.credit th:last-child{width: 352px;}
.ban_p .tbox{height: 420px;}
.pub_banner .t6{position: relative;z-index: 2;position: relative;}
.pub_banner .t6::before{width: 100%;height: 30px;background: rgba(255,204,0,0.60);transform: skewX(-45deg);content: "";
position: absolute;left: 0;bottom: 0;z-index: -1;
}

.ban_box .t1{padding-top: 112px;text-align: center;position: relative;z-index: 1;}
.uoload .cont.cont1{margin-top: -223px;}
.ban_box1 .t1{color: #333;}
.ban_box1 .crumbs{color: #333;}
.ban_box1 .crumbs i{background: url(../image/syb/icon_home1.png);} 
.ban_box1 .pub_banner{height: 200px;}

.ban_box2 .t1{padding-top: 150px;}
.ban_box3 .t1{padding-top: 103px;}
.uoload .cont1 .list .place img{width: 26px;height: 24px;}
/* .ban_box{position: absolute;width: 100%;}
.pub_banner{height: 420px;width: 100%;}

.cont1{padding-top: 112px;text-align: center;}
.uoload .cont2{margin-top: 0;}
.cont3 .t1{color: #333;}
.ban_box1 .crumbs{color: #333;}
.ban_box1 .crumbs i{background: url(../image/syb/icon_home1.png);} */
/*	pc 端	*/
.clockin .box2 .cekbox{padding-left: 43px;}
.clockin .box2 .cekbox .disl{line-height: 26px;}
@media screen and (min-width: 1021px){
	

	.paging-link:not(.cur):hover,
	.paging-arrow:hover{ background-color: #4b934c; border-color: #4b934c; color: #fff;}
	.cocure .div:hover{background-color: #4b934c;transition: all 0.32s;}
	.cocure .div:hover .arr_i::after{color: #fff;transition: all 0.32s;}
	.cocure .div:hover .arrow::before{background-color: #fff;transition: all 0.32s;}
	.cocure .div:hover .arrow::after{color: #fff;transition: all 0.32s;left: 0;right: inherit;margin-left: calc(100% - 16px);}
	.cocure .div:hover .p{color: #fff;transition: all 0.32s;}
	.cocure .item:hover a{background-color: #f9e9ac;border: 1px solid #f9e9ac;}
	.cocure .item:hover .img img{display: none;}
	.cocure .slick-slide .item:hover .img_hide{display: block;}
	.cocure .item:hover .p1{color: #4b934c;}
	.catalog .li a:hover{background-color: #ffcc00;transition: all 0.32s;}
	.video_d .link:hover{background-color: #ffcc00;transition: all 0.32s;}
}

/*	移动端 1024 以下	*/
@media screen and (max-width: 1480px){
	.pop-cont .inp{height: 40px;}
	.pop-cont .top{height: 131px;}
	.pop-cont .name{margin-top: 15px;}
	.pop-cont .sub{margin-top: 30px;}
	.pop-cont{padding-bottom: 25px;}
	.pop-cont .close{top: 0;}
	.pop-cont{width: 496px;}
}

/*	移动端 768 以下	*/
@media screen and (max-width: 768px){
	.catalog{padding-bottom: 50px;margin-top: 20px;}
	.cocure{margin-top: -30px;padding-bottom: 50px;}
	.cocure .nav{display: block;}
	.cocure .div{width: 100%;margin-left: 0;margin-top: 20px;}
	.cocure .div:first-child{margin-top: 0;}
	.cocure .box1{width: 100%;}
	.cocure .item{width: calc((100% - 20px)/2) !important;margin-right: 20px;}
	.cocure .item a{width: 100%;}
	.cocure .slick-next{right:-10px;}
	.cocure .slick-prev{left: -10px;}
	.cocure .slick-arrow:before{font-size: 2rem;}
	.cocure .btn1{width: 100%;margin-top: 30px;}
	.ban_p1 .pub_banner{padding-top: 80px;}
	.catalog .li{padding:  14px 15px;}
	.paging-mod{text-align: center;margin-top: 30px;}
	.paging-mod .paging-box{display: none;}
	.paging-mod .paging-more{ display: inline-block; padding: 5px 15px; border: 1px solid #ddd; border-radius: 999px;}
	.video_d{margin-top: -30px;margin-bottom: 50px;}
	.video_d .cont{padding: 50px 10px;}
	.video_d .name{width: 100px;}
	.video_d .p{width: calc(100% - 100px);}
	.video_d .addr{display: block;}
	.video_d .addr_w span{display: block;}
	.video_d .addr_n{margin-right: 0;}
	.video_d .addr_xx{margin-right: 0;}
	.video_d .p span{display: inline-block;margin-top: 10px;}
	.pop-cont{width: 90%;padding-bottom: 30px;}
	.pop-cont .name{margin-top: 10px;}
	.pop-cont .bot{padding: 0 20px;}
	.pop-cont .inp{height: 35px;}
	.pop-cont .sub{margin-top: 30px;}
	
	.pop-cont .top{height: 150px;padding: 0 15px;}
	.credit {padding-bottom: 50px;}
	.pop-cont .p{margin-top: 0;}
	.pop-cont .close{right: 0px;top: -35px;}
	
	
	.ban_box1{height: 130px;}
	.ban_box .t1{padding-top: 80px;}
	.uoload .cont.cont1{margin-top: -30px;padding-top: 0;}
	.uoload .box{margin-top: 0;}
	.pop-cont .ts{padding: 0 30px;}
	.credit th:first-child{width: 200px;}
	.credit th:last-child{width: auto;}
	.clockin .box2 .cekbox .cek{margin-top: 6px;}
	.pub_banner .t6{font-size: 24px;}
	.pub_banner .t6::before{height: 15px;}
}