.taiorient-01{position: relative;padding-bottom: .5rem}
.taiorient-01 img{width: 100%;height: 250px;}
.taiorient-01 li{display: inline-block;width:33.3%;text-align: center;position: relative;}
.taiorient-01 li a{color: #6d6d6d;width:100%;position: absolute;left:50%;transform: translateX(-50%);}
.taiorient-01 li a>div{text-align: center;}
.taiorient-01 .py-3{text-align: center}
.taiorient-01 li{line-height:3;height:40px;position: relative;}
.taiorient-01 .py-3 span{width:calc(100% - 25px);font-size:13px;text-align:left;margin-left:5px;line-height: 40px}
.taiorient-01 .icon{font-size:20px;text-align: center;line-height:2!important}

.taiorient-02 {color: #fff;text-align: center;border-top:10px #f6f8fa solid}
.taiorient-02 .bgimg{background:url("../image/taiorient_02_01.jpg")no-repeat center center;background-size: cover;margin-top: 20%;position: relative}
.taiorient-02 .bgimg:before{position: absolute;width: 100%;height: 100%;background: rgba(164, 202, 57, .9);content: '';left: 0;top: 0}
.taiorient-02 .col-10{padding-top: 35%}
.taiorient-02 video{width: 100%;border-radius: 10px;position: absolute;top: -30%;left: 0}
.taiorient-02 .numbs{font-size:18px}
.taiorient-02 .col-3{padding: 0 5px;border-right: 1px rgba(255, 250, 250, .8) solid}
.taiorient-02 .col-3:nth-last-child(1){border: 0!important;}
.taiorient-02 .col-3 p{font-size:13px!important;}
.swiper-pagination-bullet-active{width: 20px!important;border-radius:5px!important;transition: all .5s}

.taiorient-03{border-top:10px #f6f8fa solid}
.taiorient-03 .row{margin-left: 0px;margin-right: 0px;height: auto}
.taiorient-03 .col-2{height:160px;padding: 0;}
.taiorient-03 .infos{text-align: center;border-radius: 28px;position: absolute;top: 50%;transform: translateY(-50%);width:60%;line-height:1;padding:15px calc(30% - 10px);margin-left: 20%;}
.taiorient-03 .infos:before{position: absolute;content: '';width: 80%;height:calc(100% - 10px);background: rgba(164, 202, 57, 0.3);left:-80%;top: 0px;transform: rotate(-36deg);z-index: -1;border-radius: 30px}
.taiorient-03 .col-2:nth-child(1) .infos:before{width: 0;height: 0}

.taiorient-04{overflow: hidden;border-top:10px #f6f8fa solid}
.taiorient-04 .circle{position: relative;width: 100%;padding-top:calc(100% - 10px);border-radius: 50%;border:5px solid rgba(164, 202, 57, 0.3);}
.taiorient-04 .circle:before{position: absolute;width: calc(100% + 14px);height:calc(100% + 14px);border-right: 7px #a4ca39 solid;border-left: 5px  rgba(164, 202, 57, 0) solid;border-bottom: 7px #a4ca39 solid;border-top: 7px #a4ca39 solid;content: '';left:-6px;top:-6px;border-radius: 50%;transform: rotate(45deg);}
.taiorient-04 .circle .infos{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.taiorient-04 .circle .infos li{font-size:16px!important;color: #a4ca39}
.taiorient-04 p{color: #a4ca39;font-size:12px}

.taiorient-05>.row>.col-5{padding-right: 0;}
.taiorient-05>.row>.col-7{padding-left:0px;}
.taiorient-05>.row>.col-7>.row>.col-4:nth-child(1){padding-left:20px;padding-right: 5px}
.taiorient-05>.row>.col-7>.row>.col-4:nth-child(2){padding-left:5px;padding-right: 5px}
.taiorient-05>.row>.col-7>.row>.col-4:nth-child(3){padding-left:5px}
.taiorient-05>.row>.col-5>.imgs{background: url("../image/taiorient_05_01.jpg") no-repeat center center;background-size: cover;position: absolute;padding: 5px;height: 100%;width:100%;border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;}
.taiorient-05>.row>.col-5>.imgs>.info{background: rgba(0, 0, 0, 0.7);color: #fff;padding: 5px;height: 100%;overflow: hidden}
.taiorient-05>.row>.col-5>.imgs>.info h2{font-size:16px!important; line-height: 1}
.taiorient-05>.row>.col-5>.imgs>.info  p{font-size:13px!important;margin-bottom: 0;line-height: 1.35!important;}
.taiorient-05>.row>.col-7{text-align: center;}
.taiorient-05>.row>.col-7 .col-4 p{color: #a4ca39;font-size: 12px!important}
.taiorient-05>.row>.col-7 p{margin-bottom: 0}
.taiorient-05 .row{position: relative}
.taiorient-05 .col-7 .col-6:nth-child(2n) .img{background: url("../image/taiorient_05_08.webp") no-repeat center center;background-size: cover;z-index: -11;position: absolute;width:calc(100% - 10px);height: 100%;top: 0}
.taiorient-05 .col-7 .col-6:nth-child(2n - 1) .img{background: url("../image/taiorient_05_06.webp") no-repeat center center;background-size: cover;z-index:-11;position: absolute;width:calc(100% - 10px);height: 100%;top: 0}
.taiorient-05 .img:before{position: absolute;width:calc(100%);height: 100%;background: rgba(154, 192, 55, 0.8);top: 0;left: 0px;content: '';z-index: -5}

.taiorient-05 .col-7 .row{margin-left: -10px;}
.taiorient-05 .col-7 .col-6:nth-child(2n - 1){padding-left: 0;height: 100%}
.taiorient-05 .col-7 .col-6:nth-child(2n ){padding-right: 0;height: 100%}
.taiorient-05 .col-7 .col-6 p{color: rgba(255, 255, 255, 0.8)}
.taiorient-05 .col-7 .col-6 span{color: #fff}
.taiorient-05 img{width: 100%;height: 120px;}
.taiorient-05 .news .col-6 .bg-3{border-bottom-left-radius: 1rem;border-bottom-right-radius:1rem;overflow: hidden}
.taiorient-05 .news .col-6 .bg-3 .icon-slogn{font-size: 8px!important;color: rgba(255, 255, 255, 0.8);text-align: right}
.taiorient-05 .news .col-6 .bg-3 li{font-size:14px!important;text-align: center;line-height:24px;padding: 0 10px;color: #a4ca39;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.taiorient-05 .news .col-6 .bg-3 p{padding: 0 5px;text-align: center;margin-bottom: 0;overflow: hidden;text-overflow: ellipsis;font-size:12px;line-height: 20px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 40px}


.taiorient-06 .position-absolute{color:#fff;font-weight: bold;width:calc(100% - 20px);text-align: center;position: absolute;top: 50%;transform: translateY(-50%)}
.taiorient-06 .col-6:nth-child(odd){padding-right: 0}
.taiorient-06 .col-6:nth-child(even){border-right: 10px #fff solid;}
.taiorient-06 h3{font-size:18px;font-weight: bold;text-align: center}
.taiorient-06 .col-6:nth-child(even):before{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;position: absolute;content: '';bottom: 0;left: 50%;transform: translateX(-50%)}
.taiorient-06 .infos{border:1px rgba(191, 191, 191, 0.3) solid;border-radius: 8px;text-align: center;background: #F4F3F1;}
.taiorient-06 .row.py-2{margin-right: -5px;margin-left: -5px}
.taiorient-06 .infos .icon{font-size:32px}
.taiorient-06 .infos h3{color: #a4ca39;letter-spacing: 5px;font-size:16px!important;}
.taiorient-06 .infos p{margin-bottom: 0}
.taiorient-06 .col-3{padding-right: 5px;padding-left: 5px}

.taiorient-07 .bg-1.py-3{border-radius: 8px}
.taiorient-07 .col-8{padding-right: 5px;}
.taiorient-07 .col-4{padding-left: 5px;padding-right: 0}
.taiorient-07 .col-8 video{max-width:420px!important;width: 100%;border-radius:10px;box-shadow: 5px 5px  0px rgba(154, 192, 55, 0.22);border: 0;margin: 0;padding: 0}
.taiorient-07 .py-3{position: relative}
.taiorient-07 .py-3:nth-child(1):before{border-left: 2px #a4ca39 dashed;border-bottom: 2px #a4ca39 dashed;bottom: -1px;left: 60px;border-bottom-left-radius: 10px}
.taiorient-07 .py-3:nth-child(3):before{border-right: 2px #a4ca39 dashed;border-bottom: 2px #a4ca39 dashed;top: calc(-1rem + 1px);right: 60px;border-bottom-right-radius: 10px}
.taiorient-07 .py-3:nth-child(1):before,
.taiorient-07 .py-3:nth-child(3):before,
.taiorient-07 .py-3:nth-child(3):after,
.taiorient-07 .py-3:nth-child(1):after{position: absolute;content: '';width: calc(50% - 60px);height: 1rem;}
.taiorient-07 .py-3:nth-child(1):after{border-right: 2px #a4ca39 dashed;border-top: 2px #a4ca39 dashed;bottom:calc(-1rem + 1px);right: 60px;border-top-right-radius:10px }
.taiorient-07 .py-3:nth-child(3):after{border-left: 2px #a4ca39 dashed;border-top: 2px #a4ca39 dashed;top:-1px;left: 60px;border-top-left-radius:10px }
.taiorient-07 .px-3 .py-3:nth-child(2) video{float: right}
.taiorient-07 .px-3 .py-3 li{color: rgba(154, 192, 55, 0.5);line-height: 1;width: 100%;font-size:32px}
.taiorient-07 .px-3 .py-3:nth-child(2n) li{text-align: right}
.taiorient-07 .px-3 .py-3 h2{color: #a4ca39;font-size:16px!important;}
.taiorient-07 ,btn{text-align: center}

.taiorient-08 .col-4{text-align: center;margin-bottom: .5rem}
.taiorient-08 .col-4 .infos{position: relative;margin: 0 auto;color: #fff;background: #a4ca39}
.taiorient-08 .col-4:nth-child(1),.taiorient-08 .col-4:nth-child(4){padding-right:4px}
.taiorient-08 .col-4:nth-child(2),.taiorient-08 .col-4:nth-child(5){padding-left:7px;padding-right:7px}
.taiorient-08 .col-4:nth-child(3),.taiorient-08 .col-4:nth-child(6){padding-left:4px;}
.taiorient-08 .col-4 .img{margin: 0 auto;display: inline-block;text-align: center;height: 66px;width: 100%;}
.taiorient-08 .text{padding: 5px}
.taiorient-08 h4{font-size:14px!important;line-height:20px;margin-bottom: 3px}

.taiorient-09 .col-6{display: flex}
.taiorient-09 .col-6:nth-child(2n){padding-left: 5px}
.taiorient-09 .col-6:nth-child(2n -1){padding-right: 5px}
.taiorient-09 .col-6 .img{max-width: 100px!important;}
.taiorient-09 .col-6 .img img{width: 100%;height: 60px;}
.taiorient-09 .col-6 .infos{width: calc(100% - 100px)!important;position: relative!important;min-width: 72px!important;}
.taiorient-09 .col-6 .infos p{position:absolute;top: 50%;left:5px;color: #fff;transform: translate(0%,-50%);margin-bottom: 0;}
.taiorient-09 .col-6.mb-2 .infos:before{position: absolute;right:5px;bottom: 0;z-index: 2;font-style: italic;font-size:14px;opacity: .4;line-height: 1;color: #fff}
.taiorient-09 .col-6.mb-2:nth-child(1) .infos:before{content: '1'}
.taiorient-09 .col-6.mb-2:nth-child(2) .infos:before{content: '2'}
.taiorient-09 .col-6.mb-2:nth-child(3) .infos:before{content: '3'}
.taiorient-09 .col-6.mb-2:nth-child(4) .infos:before{content: '4'}
.taiorient-10 li:hover{box-shadow: 0px 2px 5px rgba(153, 153, 153, 0.3);transition: all .6s}
.taiorient-10 li{border-radius: 5px;box-shadow: 0px 1px 2px rgba(153, 153, 153, 0.3);color: #444;position: relative;transition: all .6s}
.taiorient-10 li .title{width: calc(100% - 75px);font-size: 11pt;white-space: nowrap;overflow:hidden;text-overflow: ellipsis }
.taiorient-10 li span{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 10pt;}

/**news-list-items**/
.blog-slider {width: 100%;position: relative;margin: auto;background: #fff;overflow: hidden}
.blog-slider__item{position: relative;margin: 0;padding: 0}
.blog-slider h3{font-size:14px;line-height:20px;height: 40px;overflow: hidden;}
.blog-slider__item.swiper-slide{opacity: 0}
.blog-slider__item.swiper-slide.swiper-slide-active{display: inline-block;overflow: hidden}
.blog-slider__item.swiper-slide-active .blog-slider__img img {opacity: 1;}
.blog-slider__item.swiper-slide-active .blog-slider__content > * {opacity: 1;}
.blog-slider__img{width: 50%;overflow: hidden;}
.blog-slider__img img {width: 100%;height: 100%;object-fit: cover;display: block;opacity: 0;}
.blog-slider__content {width: 50%;position: absolute;top: 0;left: 50%;padding-left: 10px}
.blog-slider__content p{margin-bottom: 0;line-height: 1.4;color: #767676!important;font-size:13px;display:-webkit-box;-webkit-line-clamp:3;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%;}
.blog-slider__pagination {z-index: 21;right: 20px;text-align: center;}
.blog-slider__pagination {left: 50% !important;width: 100% !important;display: flex; justify-content: center;align-items: center;position: absolute!important;bottom: 10px!important;}
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {margin: 8px 0;}
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
.blog-slider__pagination .swiper-pagination-bullet {width: 5px;height:5px;display: block;border-radius: 10px;background: #ccc;transition: all .3s;opacity: 1!important;}
.blog-slider__pagination .swiper-pagination-bullet-active{background: #a4ca39!important;}
.blog-slider__content > * {opacity: 0;}

@media (min-width: 641px) and (max-width: 1920px) {
    .taiorient-05>.row>.col-5>.imgs>.info h4{font-size: 18px!important;}
    .taiorient-05>.row>.col-5>.imgs>.info p{font-size: 14px!important;}
}

@media (min-width: 640px) {
    .taiorient-01 .icon {font-size: 36px !important;line-height: 1 !important; }
    .taiorient-01 li {line-height: 40px !important;height: 40px !important;position: relative;}
    .taiorient-01 .py-3 span {position: absolute;top: 50%;transform: translateY(-50%);width: 8rem;}
    .taiorient-01 .col-12 li{height: 30px!important;line-height: 30px !important;}
    .taiorient-01 .col-12 li a{line-height: 30px!important;}
    .taiorient-02 .numbs{font-size: 32px;}
    .taiorient-02 .col-3 p {font-size: 16px !important;}
    .blog-slider h4{font-size: 20px;}
    .taiorient-04 .circle .infos li{font-size: 20px!important;color: #a4ca39}
    .taiorient-05 .news .col-6 .bg-3 li {font-size: 20px !important;text-align: center;line-height: 35px;padding: 0 10px;color: #a4ca39;text-overflow: ellipsis;white-space: nowrap;}
    .taiorient-06 h3{font-size: 24px;font-weight: bold;text-align: center}
    .taiorient-06 .infos .icon{font-size: 64px!important;}
    .taiorient-06 .infos h3{font-size: 24px!important;}
    .taiorient-07 .px-3 .py-3 li{font-size: 18px!important;}
    .taiorient-08 h4{font-size: 18px!important;line-height: 28px}
}

.tag-index{border-top:10px #f6f8fa solid}
.tag-index  li{border:1px solid #888;padding: 3px;color: #888;display: inline-block;transition: all .3s;font-size: 10pt!important;margin-bottom: .5rem}
.tag-index  a:hover li{border: 1px solid#a4ca39;transition: all .3s;color: #a4ca39}
.tag-index h3{font-size: 13pt;font-weight: bold!important;margin-bottom: 10px;color: #a4ca39}
.taiorient-news div.title{font-size:11pt;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.taiorient-news p{line-height:1.6;font-size:9pt;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.taiorient-news li{position:relative;width:100%}
.taiorient-news span{font-size:8pt}
.taiorient-news img{width:80pt;height:55pt;}
.taiorient-news .txt{position:absolute;top:.5rem;right:0;width:calc(100% - 90pt)}

.news_ls .news_title{text-align:center;margin-bottom:1em}
.news_ls .news_title>div{padding: 3px 12px;display: inline-block;background:#eee}
.news_ls .news_title>div.on{background: linear-gradient(120deg,#a4ca39,rgba(164, 202, 57, 0.5));padding: 3px 12px;color: #fff;}
.news_ls .news_con_list{display:none}
.taiorient-07 .col-8 img {
    max-width: 420px!important;
    width: 100%;
    height: 119px;
    border-radius: 10px;
    box-shadow: 5px 5px 0px rgba(154, 192, 55, 0.22);
    border: 0;
    margin: 0;
    padding: 0;
}
.taiorient-02 img {
    width: 100%;
    border-radius: 10px;
    position: absolute;
    top: -30%;
    left: 0;
}