/*.header .page_nav .list .item a { color: var(--subFont-color); }
.header .page_nav .list .item > .group-list .icon { color: var(--subFont-color); }
.header .lang { color: var(--subFont-color); }
.header { background-color: unset; }*/

.main .box .wrap { position: relative; max-width: 1400px; margin: 0 auto; z-index: 1 }
.main .box .wrap .top_l { display: flex; text-align: center; place-content: center }
.main .box .wrap .top_l .section__title .sub-title { font-size: 16px; display: inline-block; line-height: 1; border-radius: 4px; padding: 7px 15px; font-weight: 700; margin: 0 0 13px; }
.main .box .wrap .top_l .section__title .title { font-weight: 700; font-size: 36px; line-height: 1.32; margin: 0 0; letter-spacing: -1px; text-transform: capitalize; }
.main .box .wrap .top_l .section__title .title span:not(.svg-icon) { position: relative; display: inline-block; z-index: 1; }

.business_box { padding: 80px 0 0px; background-color: #F5F5F5; position: relative; z-index: 1; position: relative; }
.business_box .content { display: flex; place-content: center; place-items: center }
.business_box .content .item { display: flex; place-content: center; place-items: center; flex: 1 }
.business_box .content .item .info { line-height: 1; padding-left: 10px }
.business_box .content .item .info .lable { display: block; color: #000; font-size: 20px; margin-bottom: 5px; font-weight: 700 }
.business_box .content .item .info .desc { color: #666; font-size: 16px; }

/*案例或证书模块*/
.cases_box { background-color: var(--background); padding: 80px 0; }
.cases_box .wrap .top_l .section__title .sub-title { background: var(--themes-color-rgba); color: var(--product-themes-color); }
.cases_box .wrap .top_l .section__title .title { color: var(--font-color) }
.cases_box .wrap .top_l .section__title .title span:not(.svg-icon) { color: var(--themes-color); }
.cases_box .warp { overflow: visible; }
.cases_box .wrap .top { padding-bottom: 60px; text-align: center }
.cases_box .wrap .top h2 { color: #2b2b2b; font-size: 35px; line-height: 52px; margin-bottom: 10px; }
.cases_box .wrap .top p { color: #878787; font-size: 16px; font-weight: normal; line-height: 25px; letter-spacing: 0.2px; }
.cases_box .cases_con { padding: 80px 0 0px; overflow: hidden }
/*.cases_box .cases_con .list { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); }*/
.cases_box .cases_con .list .item .imgbox { position: relative; display: block; padding-bottom: 56.25%; width: 100%; overflow: hidden; }
.cases_box .cases_con .list .item img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; max-width: 100%; max-height: 100%; margin: auto; }
.cases_box .cases_con .list .item { box-shadow: 1px 1px 20px rgba(0,0,0,0.1); background-color: #fff; padding: 15px; border-radius: 5px; }
.cases_box .cases_con .list .item:first-child { margin: 0 }
.cases_box .cases_con .list .item .textbox { padding: 10px; position: relative; margin-top: 15px; }
.cases_box .cases_con .list .item .textbox::before { content: ""; position: absolute; top: 0; left: 10px; width: 20%; border-bottom: 2px solid var(--themes-color); transition: 0.3s all linear; }
.cases_box .cases_con .list .item .textbox h2 { color: var(--font-color); font-size: 1.8rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: transform 0.5s; transform: translate(0, 0px); }
.cases_box .cases_con .list .item .textbox .desc { line-height: 2.0; }
.cases_box .cases_con .list .item .textbox p { font-size: 1.3rem; color: var(--subFont-color); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.cases_box .cases_con .list .item .textbox .more { border-radius: 3px; padding: 8px 18px; color: rgb(255, 255, 255); border: 0px none; background-image: -webkit-linear-gradient(0deg, #62bdfc 0%, #8490ff 100%); font-size: 14px; }
.cases_box .cases_con .list .item .textbox .desc-primary { display: inline-block; transform: rotate(180deg); color: #878787; font-size: 2.2rem; line-height: 1; }
.cases_box .cases_con .list .item:hover .textbox .desc { opacity: 1; }
.cases_box .swiper-container { width: 100%; height: 100%; }
.cases_box .swiper-slide { flex-shrink: 0; }
.cases_box .cases_con .arr_box { display: flex; place-content: center; margin-top: 50px }
.cases_box .cases_con .arr_box .control { display: flex; place-items: center; place-content: center; height: 36px; }
.cases_box .cases_con .arr_box .control:before { content: ""; flex-shrink: 0; width: 58px; height: 1px; background: #ddd; order: 2; margin: 0 50px }
.cases_box .cases_con .arr_box .control .prev { height: 100%; display: flex; place-items: center; position: relative; order: 1; cursor: pointer; font-family: Arial; font-size: 14px; color: #666; outline: none; }
.cases_box .cases_con .arr_box .control .prev .lable { margin-left: -20px; }
.cases_box .cases_con .arr_box .control .prev .lable i { color: var(--buttonFont-color); font-size: 18px; font-weight: 700; font-style: normal; transition: all .3s; }
.cases_box .cases_con .arr_box .control .prev:before { content: ""; width: 36px; height: 36px; background-color: var(--button-background); border-radius: 50% }
.cases_box .cases_con .arr_box .control .prev:hover .lable i { padding-right: 15px }
.cases_box .cases_con .arr_box .control .next { order: 3; cursor: pointer; display: flex; place-items: center; font-family: Arial; font-size: 14px; color: #666; outline: none; }
.cases_box .cases_con .arr_box .control .next .lable { margin-right: -20px; z-index: 1 }
.cases_box .cases_con .arr_box .control .next .lable i { color: var(--buttonFont-color); font-size: 18px; font-weight: 700; font-style: normal; transition: all .3s; padding-left: 0px }
.cases_box .cases_con .arr_box .control .next:after { content: ""; width: 36px; height: 36px; background-color: var(--button-background); border-radius: 50% }
.cases_box .cases_con .arr_box .control .next:hover .lable i { padding-left: 15px }


/*菜单*/
.card_box { padding: 80px 0 80px; background-color: var(--background); position: relative; z-index: 1; position: relative; }
.card_box .wrap { max-width: 1400px }
.card_box .content { display: flex; place-content: center; place-items: center }
.card_box .content .item { background-size: auto 100%; background-position: center; background-repeat: no-repeat; height: 599px; color: var(--font-color); cursor: pointer; flex: 1; position: relative; transition: flex 0.3s ease-in; }
.card_box .content .item:before { content: ''; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.card_box .content .item + .item { margin-left: 10px }
.card_box .content .item.active { flex: 4; }
.card_box .content .item.active:before { background: rgba(0,0,0,0); }
.card_box .content .item .info { font-size: 24px; position: absolute; bottom: 20px; left: 40px; line-height: 1 }
.card_box .content .item .info .lable { margin-bottom: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.card_box .content .item .info .desc { text-transform: uppercase; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

/*产品中心*/
.product_box { background-color: var(--background); padding: 80px 0; }
.product_box .wrap .top_l .section__title .sub-title { background: var(--themes-color-rgba); color: var(--themes-color); }
.product_box .wrap .top_l .section__title .title { color: var(--font-color) }
.product_box .wrap .top_l .section__title .title span:not(.svg-icon) { color: var(--themes-color); }
.product_box .warp { overflow: visible; }
.product_box .wrap .top { padding-bottom: 60px; text-align: center }
.product_box .wrap .top h2 { color: #2b2b2b; font-size: 35px; line-height: 52px; margin-bottom: 10px; }
.product_box .wrap .top p { color: #878787; font-size: 16px; font-weight: normal; line-height: 25px; letter-spacing: 0.2px; }
.product_box .product_con { padding: 80px 0 30px; }
.product_box .product_con .list { display: grid; grid-gap: var(--product-grid-gap); grid-template-columns: repeat(var(--product-grid-columns), 1fr); }
.product_box .product_con .list .item .imgbox { position: relative; overflow: hidden; padding-bottom: 100%; }
.product_box .product_con .list .item .imgbox::before { position: absolute; top: 0; left: -100%; z-index: 1; display: block; content: ""; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); }
.product_box .product_con .list .item img { max-width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.product_box .product_con .list .item:hover .imgbox::before { -webkit-animation: hoverShine 1.2s; animation: hoverShine 1.2s; }
.product_box .product_con .list .item { /*  border: 1px rgba(0,0,0,0.07) solid; */ background-color: #fff; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 5px 18px 0 rgba(0,0,0,0.08); border-radius: var(--product-border-radius); }
.product_box .product_con .list .item .textbox { padding: 10px; position: relative; margin-top: 10px; flex: 1; }
.product_box .product_con .list .item .textbox::before { content: ""; position: absolute; top: 0; left: 10px; width: 20%; border-bottom: 2px solid var(--themes-color); transition: 0.3s all linear; }
.product_box .product_con .list .item .textbox h2 { font-size: 1.8rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: transform 0.5s; transform: translate(0, 0px); color: var(--font-color); }
.product_box .product_con .list .item .textbox .baseinfo { height: 100%; display: flex; flex-direction: column; }
.product_box .product_con .list .item .textbox .desc { line-height: 2.0; flex: 1 }
.product_box .product_con .list .item .textbox p { font-size: 1.3rem; color: var(--subFont-color); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom: 5px; }
.product_box .product_con .list .item .textbox .more { border-radius: 3px; padding: 8px 18px; color: rgb(255, 255, 255); border: 0px none; background-image: -webkit-linear-gradient(0deg, #62bdfc 0%, #8490ff 100%); font-size: 14px; }
.product_box .product_con .list .item .textbox .desc-primary { display: inline-block; transform: rotate(180deg); color: #878787; font-size: 2.2rem; line-height: 1; }
.product_box .product_con .list .item:hover .textbox .desc { opacity: 1; }
.product_box .swiper-container { width: 100%; height: 100%; }
.product_box .swiper-slide { flex-shrink: 0; }
.product_box .product_con .list .item .price_box { color: var(--font-color); }
.product_box .product_con .list .item .price_box .unit { font-size: 14px; font-weight: 700; font-style: normal; }
.product_box .product_con .list .item .price_box .vul { font-size: 20px; font-weight: 700; padding-left: 3px; }
/*  评论布局 */
.comment-area { padding: 60px 0; background-color: var(--background); }
.comment-area .section__title { text-align: center }
.comment-area .section__title .sub-title { font-size: 16px; display: inline-block; line-height: 1; background: var(--themes-color-rgba); border-radius: 4px; padding: 7px 15px; font-weight: 700; color: var(--themes-color); margin: 0 0 13px; }
.comment-area .section__title .title { font-weight: 700; font-size: 36px; line-height: 1.32; margin: 0 0; letter-spacing: -1px; text-transform: capitalize; color: var(--font-color) }
.comment-area .section__title .title span:not(.svg-icon) { color: var(--themes-color); position: relative; display: inline-block; z-index: 1; }
.comment-area .comment-active { width: 70%; margin: 0 auto; overflow: hidden }
.comment-area .comment__item { outline: none; text-align: center; background-color: #fff; box-shadow: 0px 14px 50px rgba(0, 0, 0, 0.1); border-radius: 40px; margin: 63px 85px; padding: 35px 95px 65px; }
.comment-area .comment__quote { margin: 0 0 5px; }
.comment-area .comment__quote .icon { width: 60px; fill: #ddd }
.comment-area .comment__item p { font-size: 16px; font-weight: 500; color: #39557E; margin: 0 28px 0; }
.comment-area .comment__item .comment__avatar { margin: 16px 0 0; }
.comment-area .comment__item .comment__avatar h4 { line-height: 1; color: var(--themes-color); font-size: 20px; font-weight: 700; margin: 0 0 7px; }
.comment-area .comment__item .comment__avatar .designation { display: block; line-height: 1; font-size: 12px; color: #ddd; }
.comment-area .comment__item .comment__rating { margin: 0 0 15px; display: flex; place-items: center; place-content: center; gap: 3px; width: 100%; overflow: hidden; position: relative; }
.comment-area .comment__item .comment__rating .rated { width: 25px; height: 25px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 76%; }
.comment-area .comment__item .comment__rating .rated.rated_active { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); }
.comment-area .slick-arrow { outline: none; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); left: 130px; display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; background: #E7EFFC; padding: 0 0; color: #1363df; font-size: 20px; border: none; border-radius: 50%; z-index: 3; transition: all 0.3s ease-out 0s; }
.comment-area .slick-arrow.slick-next { left: auto; right: 130px; transform: translateY(-50%) rotate(180deg); }
.comment-area .slick-arrow.slick-prev { }
.comment-area .slick-arrow:hover { color: #fff; background: var(--themes-color); }
.comment-area .comment__avatars { }
.comment-area .comment__avatars > * { position: absolute; border: 4px solid #fff; border-radius: 50%; transition: all 0s ease-out 0s; }
.comment-area .comment__avatars > *:nth-child(1) { max-width: 70px; left: -115px; top: 145px; }
.comment-area .comment__avatars > *:nth-child(2) { max-width: 70px; bottom: 220px; left: 62px; }
.comment-area .comment__avatars > *:nth-child(3) { max-width: 60px; left: -85px; bottom: 80px; }
.comment-area .comment__avatars > *:nth-child(4) { max-width: 70px; right: 0; top: 135px; }
.comment-area .comment__avatars > *:nth-child(5) { max-width: 60px; top: 245px; right: 120px; }
.comment-area .comment__avatars > *:nth-child(6) { max-width: 70px; right: 35px; bottom: 70px; }
/* 合作品牌 */
.brand-area { padding: 60px 0 60px; background-color: var(--background); overflow: hidden }
.brand-area .brand__item img { filter: grayscale(1); opacity: 0.4; }
.brand-area .brand__item a {  display: flex; height: 51px; align-items: center; justify-content: center; }
.brand-area .brand__item a:hover img { filter: grayscale(0); opacity: 1; }
.brand-area .brand-active { display: flex; }
.brand-area .row > * { flex-shrink: 0; width: 100%; max-width: 100%; }

/*blog-css */
.news_box { padding: 60px 0; background-color: #fff }
.news_box .wrap .top { padding-bottom: 60px; text-align: center }
.news_box .wrap .top .section__title .sub-title { font-size: 16px; display: inline-block; line-height: 1; background: var(--themes-color-rgba); border-radius: 4px; padding: 7px 15px; font-weight: 700; color: var(--themes-color); margin: 0 0 13px; }
.news_box .wrap .top .section__title .title { font-weight: 700; font-size: 36px; line-height: 1.32; margin: 0 0; letter-spacing: -1px; text-transform: capitalize; color: var(--font-color) }
.news_box .wrap .top .section__title .title span:not(.svg-icon) { color: var(--themes-color); position: relative; display: inline-block; z-index: 1; }
.news_box .content { }
.news_box .content .row { display: grid; flex-wrap: wrap; gap: var(--blog-grid-gap); grid-template-columns: repeat(var(--blog-grid-columns), 1fr); }
.blog-single-item { position: relative; flex: 1; border-radius: 3px; overflow: hidden; margin-bottom: 30px; background-color: #ffffff; -webkit-box-shadow: 0px 5px 15px 0px rgb(68, 68, 68, 0.15); box-shadow: 0px 5px 15px 0px rgb(68, 68, 68, 0.15); -webkit-transition: 0.4s; transition: 0.4s; }
.blog-single-item .blog-image a { position: relative; display: block; padding-bottom: 56.25%; width: 100%; overflow: hidden; }
.blog-single-item .blog-image a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; }
.blog-single-item .blog-description { border-top: none; padding: 25px 25px; }
.blog-single-item .blog-description .blog-list { padding-left: 0; margin-bottom: 0; -webkit-transition: 0.4s; transition: 0.4s; }
.blog-single-item .blog-description .blog-list li { color: var(--themes-color); font-size: 15px; font-weight: 500; display: inline-block; list-style-type: none; margin-right: 10px; }
.blog-single-item .blog-description .blog-list li:last-child { margin-right: 0; }
.blog-single-item .blog-description .blog-list li .icon { width: 16px; fill: var(--themes-color); position: relative; top: 0px; margin-right: 5px; }
.blog-single-item .blog-description .blog-list li .icon path { fill: var(--themes-color); }
.blog-single-item .blog-description .blog-list li .icon::before { font-size: 15px; }
.blog-single-item .blog-description .blog-list a { color: var(--subFont-color); text-decoration: none; display: flex; place-items: center; }
.blog-single-item .blog-description .blog-content { -webkit-transition: 0.4s; transition: 0.4s; }
.blog-single-item .blog-description .blog-content h3 { font-size: 18px; font-weight: 600; line-height: 32px; margin: 10px 0px 10px 0; -webkit-transition: 0.4s; transition: 0.4s; }
.blog-single-item .blog-description .blog-content h3 a:hover { color: var(--themes-color); -webkit-transition: .6s; transition: .6s; -webkit-transition: 0.5s; text-decoration: none; }
.blog-single-item .blog-description .blog-content p { color: #5f5f5f; font-size: 16px; margin: 0; }
.blog-single-item .blog-description .blog-content a { text-decoration: none; color: var(--font-color); }
.blog-single-item .blog-description .blog-content .blog-btn { margin-top: 15px; }
.blog-single-item:hover .blog-description { border-top: none; }
.blog-single-item:hover .blog-content h3 { color: var(--themes-color); }
.blog-single-item .blog-description .blog-content .blog-btn .read-more { color: var(--themes-color); font-size: 16px; font-weight: 600; display: flex; align-items: center; -webkit-transition: all 400ms ease-out; transition: all 400ms ease-out; }
.blog-single-item .blog-description .blog-content .blog-btn .read-more svg { width: 14px; fill: var(--themes-color); font-size: 24px; display: flex; align-items: center; margin-right: 5px; -webkit-transition: all 400ms ease-out; transition: all 400ms ease-out; }
.blog-single-item .blog-description .blog-content .blog-btn .read-more:hover svg { transform: translateX(5px); -webkit-transition: all 400ms ease-out; transition: all 400ms ease-out; }
.blog-project-button { width: 100%; text-align: center; margin-top: 50px; display: flex; place-items: center; place-content: center; }
.blog-project-button a { display: flex; place-items: center; place-content: center; background: var(--themes-color); font-size: 16px; color: var(--buttonFont-color); font-weight: 500; padding: 15px 35px; border-radius: 5px; transition: .5s; position: relative; z-index: 1; }
.blog-project-button a svg { color: var(--buttonFont-color); font-size: 14px; margin-left: 5px; width: 20px; fill: var(--buttonFont-color) }
.blog-project-button a:before { position: absolute; content: ""; left: 0; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: #000025; transform: scale(0); transition: .5s; border-radius: 5px; z-index: -1; }
.blog-project-button a:hover:before { transform: scale(1); }
.blog-project-button a:hover { color: var(--buttonFont-color); }






.banner { position: relative; overflow: hidden; }
.banner .banner-swiper { height: 100%; left: 0; top: 0; width: 100%; }
.banner .banner-swiper .swiper-slide { text-align: center }
.banner .banner-swiper .swiper-slide .bg { background: no-repeat 50% 50%/cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.banner .banner-swiper .swiper-slide .bg .banner-image { display: flex; flex-direction: column; align-items: self-start; width: 40%; transform-origin: center center; transform: scale(1); }
.banner .banner-swiper .swiper-slide:not(.swiper-slide-active) .banner-transition { display: none; opacity: 0; visibility: hidden; }
.banner .a-flyLeftIn { animation-duration: .4s; animation: 1s ease 0s 1 normal both running flyLeftIn; }
.banner .banner-swiper .swiper-slide .banner-content { width: 1200px; margin: 0 auto; height: 100%; display: flex; align-items: center; }
.banner .banner-swiper .swiper-slide .bg .text { line-height: 1; }
.banner .banner-swiper .swiper-slide .bg .text h2 { font-size: 38px; color: var(--font-color) }
.banner .banner-swiper .swiper-slide .bg .text p { font-size: 16px; color: var(--font-color); margin: 30px 0; line-height: 1.8 }
.banner .banner-swiper .swiper-slide .bg .text .btn { white-space: nowrap; padding: 15px 28px; color: var(--buttonFont-color); text-transform: uppercase; border: 0px none; background-color: var(--button-background); font-size: 12px; letter-spacing: 3px; }
.banner .banner-swiper .swiper-slide img { max-width: 100% }
.banner .banner-swiper .swiper-pagination { list-style: none; position: relative; line-height: 0 }
.banner .banner-swiper .swiper-pagination span { display: inline-block; width: 14px; height: 14px; border: 2px #fff solid; border-radius: 14px; margin: 0 6px; cursor: pointer; color: rgba(255, 255, 255, 0.00) !important; transition: all 0.3s; }
.banner .banner-swiper .swiper-pagination .swiper-pagination-bullet-active { padding: 0 14px; background-color: rgba(255, 255, 255, 0.00) !important }
.banner .controller { position: absolute; bottom: 50px; left: 0; width: 100%; z-index: 10000 }
.banner .controller .warp_ctrl { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; width: 1200px; margin: 0 auto }
.banner .controller .prev_box { display: flex; align-items: center }
.banner .controller .prev_box .def-prev { width: 26px; height: 26px; cursor: pointer; margin-right: 50px; position: unset; margin-top: 0; }
.banner .controller .prev_box .def-prev:after { content: '' }
.banner .controller .prev_box .def-prev img { width: 100% }
.banner .controller .next_box { display: flex; align-items: center }
.banner .controller .next_box .def-next { width: 26px; height: 26px; cursor: pointer; margin-left: 50px; position: unset; margin-top: 0; }
.banner .controller .next_box .def-next:after { content: '' }
.banner .controller .next_box .def-next img { width: 100% }
.banner .controller .next_box .num { color: #fff; font-weight: 700; font-size: 20px; }
.banner .controller .next_box .num .totalpage { font-size: 16px; }
.banner .banner-video-cover { background-color: rgba(0,0,0,.2); bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.banner .banner-video-cover .banner-btn-play { background: url(https://c1.itigergrowth.com/portal5/static/media/btn-play.2a2f0457.png) no-repeat 50%/contain; border: 0; cursor: pointer; height: 34px; left: 50%; margin: -10px 0 0 -17px; padding: 0; position: absolute; text-indent: -9999em; top: 50%; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease,-webkit-transform .5s ease; width: 34px; }
.banner img { max-width: 100% }






.advantage_box { padding: 80px 0; background-color: var(--background); position: relative }
.advantage_box::before { content: ''; background-image: url(/images/vector-404.svg); width: 130px; height: 130px; position: absolute; top: 50px; left: 10px; }
.advantage_box .wrap { max-width: 1200px; margin: 0 auto; }
.advantage_box .wrap .top { padding-bottom: 60px; text-align: center }
.advantage_box .wrap .top .section__title .sub-title { font-size: 16px; display: inline-block; line-height: 1; background: var(--themes-color-rgba); border-radius: 4px; padding: 7px 15px; font-weight: 700; color: var(--themes-color); margin: 0 0 13px; }
.advantage_box .wrap .top .section__title .title { font-weight: 700; font-size: 36px; line-height: 1.32; margin: 0 0; letter-spacing: -1px; text-transform: capitalize; color: var(--font-color) }
.advantage_box .wrap .top .section__title .title span:not(.svg-icon) { color: var(--themes-color); position: relative; display: inline-block; z-index: 1; }
.advantage_box .content { display: flex; justify-content: center; align-items: center; position: relative; }
.advantage_box .content .list { flex: 1; display: grid; grid-gap: var(--advantage-grid-gap); grid-template-columns: repeat(var(--advantage-grid-columns), 1fr); }
.advantage_box .content .list .item { background: #ffffff; border-radius: 5px; padding: 42px 10px; cursor: crosshair; position: relative; top: 0; transition: all ease-in-out 0.4s; text-align: center }
.advantage_box .content .list .item:nth-child(2) { background: var(--button-background); top: -5px; }
.advantage_box .content .list .item:nth-child(2) .top_text span { color: var(--buttonFont-color); }
.advantage_box .content .list .item:nth-child(2) h4 { color: var(--buttonFont-color); }
.advantage_box .content .list .item .top_text span { color: var(--themes-color); font-size: 62px; text-align: center; margin-top: 32px; margin-bottom: 22px; }
.advantage_box .content .list .item .top_text em { font-size: 14px; color: var(--subFont-color); }
.advantage_box .content .list .item h4 { color: var(--font-color); font-size: 20px; padding-bottom: 10px }
.advantage_box .content .list .item p { color: var(--subFont-color); font-size: 16px; font-weight: normal; line-height: 25px; letter-spacing: 0.2px; }

.about_box { padding: 180px 0 100px 0; background-color: var(--background); position: relative }
.about_box .page-bg { width: 100%; height: 290px; position: absolute; top: 0px; left: 0; right: 0 }
.about_box .content { display: flex; flex-wrap: wrap; gap: 50px; position: relative }
.about_box::after { content: ''; background-image: url(/images/vector-footer-right.svg); width: 290px; height: 290px; position: absolute; bottom: 0; right: 0; }
.about_box .content .imgbox { width: 45%; z-index: 3; font-size: 0; }
.about_box .content .imgbox .img { width: 100%; height: 100%; display: block; }
.about_box .content .other { flex: 1; background-color: #fff; padding: 15px; border-radius: 10px; position: relative; z-index: 1 }
.about_box .content .other .section-header { height: 100%; display: flex; flex-direction: column; }
.about_box .content .other .section-header .section-subtitle { text-transform: uppercase; color: var(--subFont-color); font-size: 16px }
.about_box .content .other .section-header .section-title { font-size: 51px; font-weight: 700; color: var(--font-color) }
.about_box .content .other .section-header p { font-size: 16px; color: #444; flex: 1 }
.about_box .content .other .btn-wrap { display: flex; }
.about_box .content .other .btn-wrap a { display: flex; place-items: center; place-content: center; background: var(--button-background); font-size: 16px; color: var(--buttonFont-color); font-weight: 500; padding: 15px 35px; border-radius: 5px; transition: .5s; position: relative; z-index: 1; }
.about_box .content .other .btn-wrap a svg { color: var(--buttonFont-color); font-size: 14px; margin-left: 5px; width: 20px; fill: var(--buttonFont-color) }
.about_box .content .other .btn-wrap a:before { position: absolute; content: ""; left: 0; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: #000025; transform: scale(0); transition: .5s; border-radius: 5px; z-index: -1; }
.about_box .content .other .btn-wrap a:hover:before { transform: scale(1); }
.about_box .content .other .btn-wrap a:hover { color: var(--buttonFont-color); }


.certificates { background-color: var(--background); padding-bottom: 100px; }
.certificates .honor_box { max-width: 1200px; margin: 0 auto; }
.certificates .honor_box .title { padding: 50px 0; font-size: 2.6rem; text-align: center; }
.certificates .honor_box .customize { display: flex; align-items: center; background-color: #fff; padding: 15px; border-radius: 10px; box-shadow: 0 0px 10px #ddd; }
.certificates .honor_box .explain { margin-bottom: 2em; color: #666; line-height: 2; font-size: 1.8rem; padding-right: 50px; width: 55%; }
.certificates .honor_box .customize .imgview { flex: 1 }
.certificates .honor_box .customize .imgview img { width: 100% }
.certificates .honor_box .honor_con { width: 100%; height: 100%; padding: 50px 0; display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); }
.certificates .honor_box .honor_con .item { background: #fff; box-shadow: 0 8px 30px #ddd; padding-top: 20px; }
.certificates .honor_box .honor_con .item .imgbox { text-align: center; width: 100%; height: 240px; padding: 10px 10px 0; display: flex; place-content: center; place-items: center; }
.certificates .honor_box .honor_con .item .imgbox img { max-width: 100%; max-height: 100%; }
.certificates .honor_box .honor_con .item p { line-height: 1.4; padding-top: 0; text-align: center; color: #636363; font-size: 1.6rem; margin: 20px 0; word-break: break-all; }


.team-section { background-color: var(--background); padding-bottom: 100px }
.team-section .team_box { max-width: 1200px; margin: 0 auto; }
.team-section .team_box .title { padding: 50px 0; font-size: 2.6rem; text-align: center; }
.team-section .team_box .title .svgbox { height: 60px; width: 25%; }
.team-section .team_box .title .svgbox text { font-size: 60px; font-weight: 900; }
.team-section .team_box .title .svgbox text.Stroke { fill: rgba(0, 0, 0, 0); stroke: #d4d4d4; stroke-width: .5; }
.team-section .team_box .title .svgbox text.red { fill: #f9253b; }
.team-section .team_box .content { display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 1fr); }
.team-section .team_box .content .item { cursor: pointer; }
.team-section .team_box .content .item .imgview { height: 400px; display: block; position: relative; transition: .0s all ease; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.team-section .team_box .content .item .desc { position: absolute; bottom: 10px; left: 10px; right: 10px; background: #fff; padding: 20px 15px; opacity: 1; height: 105px; overflow: hidden; transition: .3s all ease; }
.team-section .team_box .content .item .desc h3 { font-weight: 700; text-transform: uppercase; margin-bottom: 10px; font-size: 20px; }
.team-section .team_box .content .item .desc span { color: #b3b3b3; display: block; margin-bottom: 20px; text-transform: uppercase; font-size: 14px; }
.team-section .team_box .content .item .desc .parag { opacity: 1; }
.team-section .team_box .content .item .desc .parag { opacity: 0; transition: .1s all ease; }
.team-section .team_box .content .item .desc .parag p { color: #4d4d4d; font-size: 15px; }
.team-section .team_box .content .item:hover .desc { opacity: 1; margin-top: 10px; height: 160px; }
.team-section .team_box .content .item:hover .desc .parag { opacity: 1; }
.team-section .team_box .content .item.other { background-image: -webkit-linear-gradient(0deg, #62bdfc 0%, #8490ff 100%); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.team-section .team_box .content .item.other .icon { transform: rotate(-90deg); font-size: 38px; }
.team-section .team_box .content .item.other span { font-size: 26px; }


@media(any-hover:hover) {

}

@media screen and (min-width: 1200px) {

}

@media (max-width: 1199px) and (min-width: 992px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 576px) and (max-width: 767px) {

}

@media screen and (max-width: 575px) {

    /*banner*/
    .main.layout .banner { margin-top: 32%; }
    .main.layout .banner .controller { bottom: 10px; }
    .main.layout .banner .controller .warp_ctrl { width: unset; justify-content: center; }
    .main.layout .banner .banner-swiper .swiper-pagination .swiper-pagination-bullet-active { padding: 0 10px; }
    .main.layout .banner .banner-swiper .swiper-pagination span { width: 10px; height: 10px; margin: 0 3px; }
    .main.layout .banner .banner-swiper .swiper-slide .banner-content { width: 100%; padding: 20px }
    .main.layout .banner .banner-swiper .swiper-slide .bg .text { width: 80%; }
    .main.layout .banner .banner-swiper .swiper-slide .bg .text h2 { font-size: 20px; }
    .main.layout .banner .banner-swiper .swiper-slide .bg .text p { font-size: 14px; margin: 10px 0; line-height: 1.4 }
    .main.layout .banner .banner-swiper .swiper-slide .bg .text .btn { padding: 8px 10px; }


    .main.layout .business_box { padding: 20px 0 0px; }
    .main.layout .business_box .content .item img { width: 32px; }
    .main.layout .business_box .content .item .info { padding-left: 0px; }
    .main.layout .business_box .content .item { flex-direction: column; gap: 10px; text-align: center; }
    .main.layout .business_box .content .item .info .lable { font-size: 14px; }
    .main.layout .business_box .content .item .info .desc { font-size: 12px }

    .main.layout .card_box { padding: 20px 0 0px; }
    .main.layout .card_box .content { flex-direction: column; gap: 15px; padding: 10px; }
    .main.layout .card_box .content .item { flex: unset; background-size: cover; border-radius: 6px; overflow: hidden; height: unset; padding-bottom: 56.25%; width: 100%; }
    .main.layout .card_box .content .item.active { }
    .main.layout .card_box .content .item + .item { margin-left: 0px; }
    .main.layout .card_box .content .item .info { bottom: 15px; left: 15px; font-size: 18px; }
    .main.layout .card_box .content .item .info .desc { font-size: 14px; }
    .main.layout .card_box .content .item:before { height: 80px; top: unset }
    .main.layout .card_box .content .item.active:before { background: rgba(0,0,0,0.3); }
    /*advantage*/
    .main.layout .advantage_box { padding: 20px 0; }
    .main.layout .advantage_box .wrap .top { padding: 20px 15px 20px; background-color: #fff; }
    .main.layout .advantage_box .wrap .top h2 { font-size: 20px; line-height: 1; }
    .main.layout .advantage_box .wrap .top .sub-title { font-size: 14px; }

    .main.layout .advantage_box .content .list { grid-template-columns: repeat(2, 1fr); margin: 0; grid-gap: 0px; }
    .main.layout .advantage_box .content .list .item { border-left: none; padding: 20px; border-radius: 0; }
    .main.layout .advantage_box .content .list .item.bg-grey { background: #fff; top: 0 }
    .main.layout .advantage_box .content .list .item.bg-grey .top_text span { color: #7682cc; }
    .main.layout .advantage_box .content .list .item.bg-grey h4 { color: #353535; }
    .main.layout .advantage_box .content .list .item:nth-child(1) { border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
    .main.layout .advantage_box .content .list .item:nth-child(2) { border-bottom: 1px solid #eee; }
    .main.layout .advantage_box .content .list .item:nth-child(3) { border-right: 1px solid #eee; }
    .main.layout .advantage_box .content .list .item p { font-size: 14px; }
    .main.layout .advantage_box .content .list .item h4 { font-size: 18px }
    .main.layout .advantage_box .content .list .item .top_text span { font-size: 36px }
    .main.layout .advantage_box .content .list .item .top_text em { font-size: 14px; }

    /*about*/
    .main.layout .about_box { padding: 80px 0 0px 0; }
    .main.layout .about_box .content { flex-direction: column; padding: 0 10px; gap: 10px; }
    .main.layout .about_box .content .imgbox { width: 100%; order: 2; }
    .main.layout .about_box .content .other { order: 1; }
    .main.layout .about_box .content .other .section-header .section-title { font-size: 32px; }
    .main.layout .about_box .content .other .btn-wrap a { padding: 10px 25px; font-size: 14px; margin-top: 15px; }
    .main.layout .about_box .content .other .btn-wrap a svg { width: 15px }
    .main.layout .about_box .content::after { display: none }
    /*product*/
    .main.layout .product_box { padding: 20px 10px; }
    .main.layout .product_box .product_con { padding: 0 }
    .main.layout .product_box .wrap .top_l { padding: 20px 15px 20px; background-color: #fff; }
    .main.layout .product_box .wrap .top_l .section__title .title { font-size: 20px; line-height: 1; }
    .main.layout .product_box .wrap .top_l .section__title .sub-title { font-size: 14px; }
    .main.layout .product_box .product_con .list { grid-gap: 10px; grid-template-columns: repeat(2, 1fr); }
    .main.layout .product_box .product_con .list .item { }
    .main.layout .product_box .product_con .list .item .imgbox { }
    .main.layout .product_box .product_con .list .item .textbox { padding: 15px 10px; }
    .main.layout .product_box .product_con .list .item .textbox .baseinfo { padding-right: 0px; }
    .main.layout .product_box .product_con .list .item .textbox h2 { font-size: 1.6rem; transform: translate(0, 0px); }
    .main.layout .product_box .product_con .list .item .textbox .desc { opacity: 1; transition: opacity 0.5s; }
    .main.layout .product_box .product_con .list .item .textbox p { line-height: 1.4; padding-bottom: 0; }


    /*cases*/
    .main.layout .cases_box { padding: 20px 10px; }
    .main.layout .cases_box .cases_con { padding: 0; margin-top: 10px; }
    .main.layout .cases_box .wrap .top_l { padding: 20px 15px 20px; background-color: #fff; }
    .main.layout .cases_box .wrap .top_l .section__title .title { font-size: 20px; line-height: 1; }
    .main.layout .cases_box .wrap .top_l .section__title .sub-title { font-size: 14px; }
    .main.layout .cases_box .cases_con .list .item .textbox h2 { font-size: 1.6rem }
    .main.layout .cases_box .cases_con .arr_box { margin-top: 15px; }



    /*blog*/
    .main.layout .news_box { padding: 20px 0; }
    .main.layout .news_box .wrap .top { padding: 20px 15px 20px; background-color: #fff; }
    .main.layout .news_box .wrap .top .section__title .title { font-size: 20px; line-height: 1; }
    .main.layout .news_box .wrap .top .section__title .sub-title { font-size: 14px; }
    .main.layout .news_box .content .row { flex-direction: column; padding: 0 10px; gap: 0px; flex-wrap: nowrap; grid-template-columns: repeat(1, 1fr); }
    .main.layout .news_box .content .row-footer .blog-project-button { margin-top: 10px; }
    .main.layout .news_box .content .row-footer .blog-project-button a { padding: 10px 25px; font-size: 14px; }
    .main.layout .news_box .content .row-footer .blog-project-button a svg { width: 15px }
    /*blog*/
    .main.layout .comment-area { padding: 20px 0; }
    .main.layout .comment-area .wrap .top { padding: 20px 15px 20px; background-color: #fff; }
    .main.layout .comment-area .section__title .title { font-size: 20px; line-height: 1; }
    .main.layout .comment-area .section__title .sub-title { font-size: 14px; }
    .main.layout .comment-area .comment-active { width: 100%; }
    .main.layout .comment-area .comment__item { margin: 30px 10px; padding: 35px 05px 65px; border-radius: 10px; }
    .main.layout .comment-area .comment__avatars { opacity: 0.1 }
    .main.layout .brand-area { padding: 30px 0 30px; }


    .team-section { padding-bottom: 20px; }
    .team-section .team_box { padding: 0 10px }
    .team-section .team_box .title { padding: 0px 0 20px 0; }
    .team-section .team_box .title .svgbox { width: 220px; }
    .team-section .team_box .title .svgbox text { font-size: 40px; }
    .team-section .team_box .title .svgbox text.red { transform: translate(-30px,0); }
    .team-section .team_box .content { grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }
    .team-section .team_box .content .item .imgview { height: 300px; padding: 10px 5px; }
    .team-section .team_box .content .item .desc { height: 80px; bottom: 5px; left: 5px; right: 5px; }
    .team-section .team_box .content .item .desc h3 { margin-bottom: 0px; font-size: 14px; }
    .team-section .team_box .content .item .desc span { font-size: 12px; }
    .team-section .team_box .content .item .desc .parag { opacity: 1; }
    .team-section .team_box .content .item .desc .parag p { font-size: 12px; line-height: 1.2 }

    .certificates { padding-bottom: 20px; }
    .certificates .honor_box .title { padding: 20px 0; font-size: 2.0rem; }

    .certificates .honor_box .honor_con { grid-gap: 10px; grid-template-columns: repeat(2, 1fr); padding: 15px; }
    .certificates .honor_box .honor_con .item .imgbox { padding: 0 10px; height: 140px; }
    .certificates .honor_box .honor_con .item p { font-size: 1.4rem; padding: 0 10px }


}