@charset "utf-8";
/*
* Homepage
*/
/* Home Banner */
.home-banner{padding: 48px 0;background: linear-gradient(to right, #f8f8f8,#f3f3f3);}
.banner-carousel{display:block;max-width: 1200px;width: 100%;height: 600px;background-color: #fff;border-radius: 10px;}
.banner-carousel .swiper-slide{position: relative;display:block;width:100%;background-size:cover;background-repeat: no-repeat;background-position: center;background-color: #f0f0f0;}

.banner-carousel-item{position: absolute;bottom: 0;left: 0;right: 0;margin: 12px;padding: 24px 42px;border: 1px solid rgba(215,215,215,.3);background-color: rgba(255,255,255,.1);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);border-radius: 5px;}
.banner-carousel-item h1{max-width: 380px;width: 100%;height: 56px;line-height: 28px;padding: 0;margin-bottom: 4px;font-size: 20px;font-weight: 600;text-shadow: 0 0 4px rgba(0,0,0,.1);color: #fff;}
.banner-carousel-item h3{max-width: 380px;font-size: 16px;text-shadow: 0 0 4px rgba(0,0,0,.1);color: #fff;}
.banner-carousel-item p{max-width: 580px;font-size: 14px;color: #fff;}
.banner-pagination.swiper-pagination{left: 50px;right: auto;bottom: 20px;width: auto;}
.banner-pagination.swiper-pagination .swiper-pagination-bullet{width: 32px;height: 2px;background: rgba(255,255,255,.3);opacity: 1;border-radius: 0;}
.banner-pagination.swiper-pagination .swiper-pagination-bullet-active{background: #e8e8e8;box-shadow: 0 4px 10px rgba(0,0,0,.2);}
.swiper-button-prev.banner-button-prev,.swiper-button-next.banner-button-next{width: 48px;height: 48px;background-color: rgba(255,255,255,.2);background-size: 32px auto;border-radius: 4px;}
.swiper-button-prev.banner-button-prev:hover,.swiper-button-next.banner-button-next:hover{background-color: rgba(255,255,255,.4);}
.swiper-button-prev.banner-button-prev{left: auto;right: 98px;top: auto;bottom: 40px;background-image: url(../img/icon/icon_arrow_left.png);border-top-right-radius: 0;border-bottom-right-radius: 0;}
.swiper-button-next.banner-button-next{left: auto;right: 50px;top: auto;bottom: 40px;background-image: url(../img/icon/icon_arrow_right.png);background-color: rgba(255,255,255,.28);border-top-left-radius: 0;border-bottom-left-radius: 0;}

/* Hero */
.home-hero{padding: 40px 0;}
.home-hero .inner{display: flex;}
.home-hero-left{width: 950px;}
.home-hero-right{width: 250px;padding-left: 12px;}
.information-block{display: flex;padding: 24px;background-color: #f9f9f9;border: 1px solid #e6e6e6;border-radius: 10px;}
.information-block-left{width: 480px}
.information-block-right{width: 422px;}
.news-carousel{position: relative;width: 100%;height: 360px;overflow: hidden;background: #666 url(../img/home_news_carousel.jpg) no-repeat center/cover;border-radius: 6px;}
.news-carousel .swiper-slide{background-size: cover;background-repeat: no-repeat;background-position: center;}
.news-carousel-title{position: absolute;left: 10px;right: 10px;bottom: 10px;z-index: 10;height: 120px;padding: 24px 32px;border: 1px solid rgba(215,215,215,.3);background-color: rgba(255,255,255,.1);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);border-radius: 5px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.news-carousel-title:hover{background-color: rgba(255,255,255,.4);}
.news-carousel-title p{font-size: 24px;color: #FFFFFF;line-height: 24px;font-weight: 700;}
.news-carousel-title h2{font-size: 18px;color: #FFFFFF;font-weight: 500;}
.news-carousel-title a{position: absolute;top: 30px;right: 32px;width: 80px;height: 32px;line-height: 36px;background: rgba(247,247,247,.10);border-radius: 2px;color: #fff;text-align: center;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.news-carousel-title a:hover{background-color: rgba(247,247,247,.3);}
.info-list{padding-left: 24px;}
.info-list-item{position: relative;height: 72px;}
.info-list-item .date{position: absolute;width: 100%;height: 72px;width: 48px;border-top: 1px solid rgba(215,215,215,.3);border-bottom: 1px solid rgba(215,215,215,.3);}
.info-list-item .date span,.info-list-item .date b{display: block;white-space:nowrap;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.info-list-item .date span{padding-top: 16px;font-size: 12px;color: rgba(79,79,79,.50);line-height: 20px;font-weight: 400;}
.info-list-item .date b{font-size: 16px;color: #a3a3a3;line-height: 20px;font-weight: 600;}
.info-list-item:hover .date span,.info-list-item:hover .date b{color: #ff6208;}
.info-list-item .title{height: 72px;overflow: hidden;padding-top: 16px;margin-left: 76px;font-size: 14px;color: #181818;text-align: justify;line-height: 20px;font-weight: normal;border-top: 1px solid rgba(215,215,215,.3);border-bottom: 1px solid rgba(215,215,215,.3);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.info-list-item:hover .title{color: #ff6208;}
.hero-img-link{position: relative;width: 100%;height: 198px;margin-bottom: 12px;background-color: #666;background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 10px;}
.hero-img-text{position: absolute;left: 6px;right: 6px;bottom: 6px;padding: 10px 8px;border: 1px solid rgba(215,215,215,.3);background-color: rgba(255,255,255,.1);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);border-radius: 5px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.hero-img-text:hover{background-color: rgba(255,255,255,.4);}
.hero-img-text h3{padding-bottom: 6px;font-size: 14px;color: #fff;}
.hero-img-text p{margin-bottom: 0;font-size: 14px;font-weight: 500;line-height: 14px;color: rgba(255,255,255,.6);}

/* Home News */
.home-news{padding-bottom: 28px;}
.home-news::after{content: "";position: absolute;left: 0;right: 0;bottom: 87px;width: 100%;height: 2px;background: linear-gradient(to left,rgba(255,98,8,1),rgba(255,67,0,.15));}
.news-timeline-list ul{display: flex;}
.news-timeline-list li{width: 20%;}
.news-timeline-item{margin-top: 8px;}
.news-timeline-item .date{position: relative;padding-bottom: 40px;}
.news-timeline-item .date::after{content: "";position: absolute;left: 0;bottom: 15px;width: 10px;height: 10px;background-color: #ff6208;border-radius: 50%}
.news-timeline-item .date span,.news-timeline-item .date b{display: block;}
.news-timeline-item .date span{font-size: 12px;color: rgba(79,79,79,.50);line-height: 20px;font-weight: 400;}
.news-timeline-item .date b{font-size: 16px;color: #ff6208;line-height: 20px;font-weight: 600;}
.news-timeline-item .date i{font-style: normal;}
.news-timeline-item .title{max-width: 200px;width: 100%;height: 40px;overflow: hidden;font-size: 14px;color: #181818;text-align: left;line-height: 20px;font-weight: 400;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.news-timeline-item:hover .title{color: #ff6208;}

/* Home Icon Link */
.home-icon-link{padding-top: 28px;padding-bottom: 56px;}
.icon-link-item{max-width: 280px;width: 100%;height: 120px;padding-top: 30px;margin: 0 auto;padding-left: 148px;line-height: 30px;border: 2px solid #e6e6e6;font-size: 18px;border-radius: 10px;background: url(../img/icon/icon_study.png) no-repeat;background-color: #f8f8f8;background-position: 24px center;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.icon-link-item:hover{border-color: #ff6207;background-color: #fff;}
.icon-link-item p{padding-right: 32px;font-weight: normal;color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.icon-link-item:hover p{color: #ff6207;}

/* Home Recruit */
.home-recruit{padding: 64px 0;background-color: #f9f9f9;}
.home-recruit .row{background: url(../img/home_recruit_bg.jpg) no-repeat center/cover;}

.recruit-item{height: 400px;padding: 32px;background-repeat: no-repeat;background-position: center;background-size: auto;border: 1px solid transparent;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.recruit-item:hover{border-color: rgba(114,114,114,.3);}
.recruit-item.i1,.recruit-item.i3,.recruit-item.i5{background-color: rgba(255,255,255,.92)}
.recruit-item.i2,.recruit-item.i4,.recruit-item.i6{background: rgba(248,248,248,.86);}
.recruit-item-title{font-size: 16px;color: #000;line-height: 22px;font-weight: 600;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.recruit-item:hover .recruit-item-title{color: #ff6208;}
.recruit-list li{padding: 15px 0;border-bottom: 1px solid rgba(151,151,151,.3);}
.recruit-list li:last-child{border-bottom: none;}
.recruit-list-item h3{font-size: 14px;color: rgba(0,0,0,.70);line-height: 22px;font-weight: 600;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.recruit-list-item p{margin: 0;font-size: 12px;color: rgba(0,0,0,.70);line-height: 22px;font-weight: 400;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.recruit-list-item:hover h3,.recruit-list-item:hover p{color: #ff6208;}
.recruit-more{text-anchor: left;}
.recruit-more a{color: #ff6208;font-size: 12px;}

/* Home Work Process */
.home-workflow{padding: 72px 0;}
.workflow-list ul{display: flex;}
.workflow-list li{width: 16.66%}
.workflow-item{min-height: 195px;margin: 6px 3px;padding: 24px 0;border: 2px solid rgba(255,97,7,.25);border-radius: 5px;box-shadow: 0 0 50px rgba(237,162,119,.11);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.workflow-item i{display: block;width: 90%;height: 70px;margin: 0 auto;background-size: contain;background-position: center left;background-repeat: no-repeat;}
.workflow-item h2{margin: 0;padding: 6px 24px;font-size: 18px;line-height: 18px;font-weight: 600;color: #000;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.workflow-item p{margin: 4px 0 0;padding: 0 24px;font-size: 14px;color: rgba(0,0,0,.20);line-height: 15px;font-weight: 400;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.workflow-item:hover{border-color: #ff6207;}
.workflow-item:hover h2,.workflow-item:hover p{color: #ff6207;}

/*
 * Column Style
 */

/* Column Banner */
.column-banner{padding: 48px 0;background-color: #f3f3f3;}
.column-banner-item{width: 100%;height: 320px;background-color: #333;background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 12px;}
.column-banner-text{position: absolute;bottom: 24px;left: 24px;width: 420px;height: 120px;padding: 22px;border: 1px solid rgba(255,255,255,.6);background-color: rgba(255,255,255,.3);color: #fff;border-radius: 8px;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}
.column-banner-text h3{max-width: 300px;height: 48px;line-height: 24px;font-size: 24px;text-transform: uppercase}
.column-banner-text h1{line-height: 26px;font-size: 18px;}

/* Column Content */
.column{min-height:calc(100vh - 500px);padding: 64px 0 48px}
.column-sidebar,.column-content{position: relative;background:#fff;}
.column-sidebar{margin-bottom:20px;}
.column-name{padding: 32px 28px;margin-bottom: 8px;font-size:24px;font-weight:600;color:#000;background-color: #f9f9f9;border-radius: 10px;}
.column-list{padding: 32px;margin-bottom: 8px;background-color: #f9f9f9;border-radius: 10px;}
.column-list > ul{position:relative;padding:0;margin: 0;font-size: 14px;}
.column-list > ul > li > a{display: block;width: 100%;line-height: 30px;font-weight: bold;color: #000;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.column-list > ul > li > a:hover{color: #ff6208;}
.column-list > ul > li.selected > a{color: #ff6208;}
.col-sublist > ul > li > a{display: block;line-height: 30px;font-weight: 400;color:rgba(0,0,0,.8);white-space: nowrap;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.col-sublist > ul > li > a:hover{color: #ff6208;}
.col-sublist > ul > li.selected > a{color: #ff6208;}
.col-sublist .col-sublist ul > li > a{padding-left: 8px;color:rgba(0,0,0,.6);}
.col-sublist .col-sublist ul > li > a:hover{color: #ff6208;}
.col-sublist .col-sublist ul > li.selected > a{color: #ff6208;}

.column-content{min-height: 500px;padding: 32px;margin-bottom:50px;background-color: #f9f9f9;border-radius: 10px;}
.column-icon{margin-bottom: 32px;}
.column-breadcrumb{margin-bottom: 4px;color: #ff6208;font-size: 12px;}
.column-breadcrumb a{color: #ff6208;}
.column-breadcrumb a:hover{opacity: .6;}
.column-title{font-size: 24px;font-weight: normal;color: #000;line-height: 32px;}

.column-news-list .wp_single{padding-top: 20px}
.column-news-item{padding: 16px 0;border-bottom: 1px solid #979797;}
.column-news-item h3{line-height: 22px;font-size: 14px;color: rgba(0,0,0,.7);font-weight: 600;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.column-news-item:hover h3{color: #ff6208;}
.column-news-item p{margin-bottom: 0;line-height: 22px;font-size: 12px;color: rgba(0,0,0,.5);font-weight: 600;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.column-news-item:hover p{color: #ccc;}

.column-download-item{height: 78px;padding-left: 80px;text-align: left;background: url(../img/icon/icon_file.svg) no-repeat;background-position: 8px center;border-top: 1px solid rgba(151,151,151,.2);}
.column-download-item h3{margin-top: 16px;line-height: 22px;font-size: 12px;color: rgba(0,0,0,.7);font-weight: 600;}
.column-download-item h3 img{vertical-align: top;}
.column-download-item p{margin-bottom: 0;line-height: 22px;font-size: 12px;color: rgba(0,0,0,.5);font-weight: 400}

/* Column Right */
.column-img-list,.column-photo-list{padding: 15px 0px;}
.column-img-item,.column-photo-item{width: 100%;overflow: hidden;padding: 5px 0 25px;}
.column-img-item .photo{width: 100%;padding-bottom: 120%;background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #999;border-radius: 4px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.column-photo-item .photo{width: 100%;padding-bottom: 60%;background-color: #333;background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 8px;}
.column-img-item .title{position: relative;width: 92%;margin: 0 auto;padding: 12px 15px;margin-top: -60px;background-color: #fff;font-size: 16px;text-align: center;border-radius: 4px;box-shadow: 0 0 10px rgba(0,0,0,.2);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.column-photo-item .title{padding: 10px 15px;font-size: 16px;text-align: center;border-bottom: 2px solid #c82126;}
.column-img-item .title p,.column-photo-item .title p{margin: 0;}
.column-img-item:hover .title{color: #a72326;box-shadow: 0 0 10px rgba(0,0,0,.3);-webkit-transform: translateY(-8px);-ms-transform: translateY(-8px);transform: translateY(-8px);}



/*
* Post
*/
.post-detail{padding-top: 16px}
.post-title{font-size: 24px;line-height: 32px;color: #000;text-align: center;}
.post-metas{font-size: 14px;color: #000;text-align: center;}
.post-metas span{margin: 0 10px;}
.post-text{padding: 40px 0;}