﻿@charset "utf-8"; 
.home-greige{background:#f5f6f1}
.greige-title{max-width:1280px;margin:0 auto;padding:110px 0}
.greige-title h4{font-size:14px;font-style:normal;font-weight:400;letter-spacing:1px;text-align:center;text-transform:uppercase}
.greige-title p{font-size:26px;font-style:normal;font-weight:400;line-height:44px;text-align:center;margin-top:20px}
.partner-image{width:190px}
.partner-image img{display: block;max-width: 100%;}
.partner-title h4{font-size: 30px;text-align: center;font-weight: var(--fontbold5);position: relative;color: var(--fontcolor);line-height: 1;padding-bottom: 15px;}
.partner-title p{font-size: 14px;color: #555;text-align: center;}
.partner-Swiper{padding-top: 50px;}
.partner-main{padding:80px 0;}
.partner-Swiper .swiper-wrapper {webkit-transition-timing-function: linear !important;moz-transition-timing-function: linear !important;-ms-transition-timing-function: linear !important;o-transition-timing-function: linear !important;transition-timing-function: linear !important;}
@media (max-width:1024px) {.greige-title{padding: 50px 3%;}
.greige-title p{font-size: 18px;}
.partner-Swiper {padding-top: 30px;}
.partner-main {padding:50px 20px;}}
@media (max-width:768px) {.partner-title h4{font-size: 22px;}
.greige-title p{font-size: 16px;line-height: 1.5;}}
.partner-Swiper .swiper-wrapper {display:flex;flex-wrap:wrap;justify-content:space-between;}
.partner-Swiper .swiper-slide {height:auto;width:20%;margin-bottom:35px;display:flex;justify-content:center;}
@media (max-width:1024px){.partner-Swiper .swiper-slide{width:24%}}
@media (max-width:768px){.partner-Swiper .swiper-slide{width:48%;margin-bottom:10px}}
.home-respect {background:#fff;padding:80px 20px 20px;}
.respectflex {margin:0 auto;max-width:1280px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.respectlef {width:42%;}
.respecttit {font-size:40px;line-height:1.3;}
.respectlef p {margin:20px 0 40px;font-size:20px;line-height:1.8;}
.respectbtn {display:flex;}
.respectbtn a {font-weight:bold;font-size:15px;display:block;line-height:1.4;padding:8px 40px;border-radius:40px;border:2px solid #000;transition:.3s;}
.respectbtn a:hover {color:#fff;background:#000;}
.respectrig {width:54%;position:relative;padding-bottom:30.4%;}
.respectrig iframe {width:100%;height:100%;position:absolute;top:0;left:0;}
@media (max-width:900px){.respectlef {width:100%;margin-bottom:30px}
.respecttit {font-size:23px;}
.respectlef p {margin:14px 0 30px;font-size:16px;}
.respectrig {width:100%;padding-bottom:56.3%;}}
@media (max-width:768px){.home-respect {padding:50px 15px;}}
.home-tit{margin-bottom:2%}
.home-tit strong{font-size:var(--fontsize22);font-weight:var(--fontbold6);color:var(--fontcolor)}
.home-tit span{color:#555;margin-left:20px}
.home-tit-more{color:#555;border:1px solid #999;border-radius:17px;padding:4px 10px;display:block;width:160px;text-align:center;text-transform:capitalize}
.home-tit-more:hover{color:var(--color);border-color:var(--color)}
.hot-list>li{width:23.5%;background:#FFF;margin-bottom:2%}
.hot-item-img::after{background:rgba(0,0,0,.7)}
.item-more{display:block;font-size:var(--fontsize18);color:var(--fontcolor);background:#FFF;border-radius:23px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:9px 24px;z-index:1;opacity:0;transition:opacity .2s ease-in-out}
.hot-list>li:hover .item-more{opacity:1}
.hot-list>li:nth-child(1),.news-list>li:nth-child(1){padding:1.5%}
.item-hot-tit,.item-news-tit{font-size:var(--fontsize22);font-weight:var(--fontbold7);color:var(--fontcolor);max-height:135px}
.item-hot-tit:hover,.item-news-tit:hover{color:var(--color)}
.item-hot-text,.item-news-text{font-size:var(--fontsize16);color:var(--fontcolor);margin-top:10px}
.item-hot-more,.item-news-more{color:#555;border:1px solid #999;border-radius:17px;display:inline-block;padding:4px 17px;margin-top:20%;transition:background .2s ease-in-out,color .2s ease-in-out;text-transform:capitalize}
.item-hot-more:hover,.item-news-more:hover{border-color:var(--color);color:var(--color)}
.news{padding:4% 0 5%;overflow:hidden}
.news-date{color:#FFF;position:absolute;left:3%;bottom:3%;background:rgba(36,77,77,.9);border-radius:4px;padding:4px 10px;z-index:1;transition:opacity .2s ease-in-out}
.news-list>li:hover .news-date{opacity:0}
.flex-jc-sb {display: flex;flex-wrap: wrap;justify-content: space-between;}
.advantage-item-img,.category-item-img,.hot-item-img,.news-item-img{overflow:hidden;background-color:#FAFAFC}
.advantage-item-img::after,.category-item-img::after,.hot-item-img::after,.news-item-img::after{content:'';display:block;position:absolute;width:100%;height:100%;left:0px;top:0px;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s ease-in-out}
.advantage-item-cont,.category-item-cont,.hot-item-cont,.news-item-cont{padding:5%}
.item-tit{color:var(--fontcolor);margin-bottom:6px;max-height:48px}
.item-text{color:#555;max-height:42px;font-size:var(--fontsize14)}
.advantage-list>li:hover .advantage-item-img::after,.category-list>li:hover .category-item-img::after,.hot-list>li:hover .hot-item-img::after,.news-list>li:hover .news-item-img::after{opacity:1}
.advantage-list>li:hover .advantage-item-img img,.category-list>li:hover .category-item-img img,.hot-list>li:hover .hot-item-img img,.news-list>li:hover .news-item-img img{transform:scale(1.1)}
.advantage-list>li:hover .item-tit,.category-list>li:hover .item-tit,.hot-list>li:hover .item-tit,.news-list>li:hover .item-tit{color:var(--color)}
.hot-list>li{width:23.5%;background:#FFF;margin-bottom:2%}
.advantage,.category,.hot{padding-top:5%;overflow:hidden}
.advantage-list>li,.category-list>li,.news-list>li{width:23.5%;background:#FFF}
.index .container {width: 100%;max-width: 1640px;margin: 0px auto;padding: 0px 20px;}
@media (max-width: 768px) {.hot-list>li, .news-list>li { width: 100%;margin-bottom: .4rem;}.hot-list>li:nth-child(1), .news-list>li:nth-child(1) {padding: .4rem;}}
.hot-item-img::after, .news-item-img::after {content: '';display: block;position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;background: rgba(0, 0, 0, .5);opacity: 0;transition: opacity .2s ease-in-out;}
.item-more {display: block;font-size: var(--fontsize18);color: var(--fontcolor);background: #FFF;border-radius: 23px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);padding: 9px 24px;z-index: 1;opacity: 0;transition: opacity .2s ease-in-out;}
.hot-list>li:hover .hot-item-img::after, .news-list>li:hover .news-item-img::after {opacity: 1;}
.hot-item-img::after {background: rgba(0, 0, 0, .7);}
.hot-list>li:hover .item-more {opacity: 1;}
.hot-item-img, .news-item-img {overflow: hidden;background-color: #FAFAFC;}
.lazy-wrap {width: 100%;display: flex;align-items: center;justify-content: center;position: relative;height: 0px;padding-bottom: 100%;flex-wrap: wrap;}
.lazy-loaded {height: auto;padding-bottom: 0px;}
@media (min-width:1025px){.greige-title h4 {font-size:16px;}
.greige-title p {font-size:28px;}
.home-about .about-info .home-title {font-size:32px;}
.home-about .about-info .text {font-size:18px;line-height:1.7;}}
.hot-list li .lazy-wrap{padding-bottom: 75%;}
.hot-list li .lazy-wrap img{position:absolute;top:0;left:0;object-fit:cover;width:100%;height:100%;}
.swiper-slide-active .banner-animote {animation:bannerup2 .5s forwards;animation-delay:.7s}
@keyframes bannerup2 {0% {margin-top:20px;opacity:0}
100% {margin-top:0;opacity:1}}
.home-banner .banner-animote{top:50%;padding:0;width:100%;text-align: center;left:50%;transform: translate(-50%,-50%);}
.home-banner .banner-animote .title,.home-banner .banner-animote .des{color:#fff;text-transform: initial;}
.home-banner .banner-animote .title{font-size:74px;text-shadow: 1px 1px 1px #4b4b4b;line-height:1.4}
.home-banner .banner-animote .des{font-size:30px;text-shadow: 1px 1px 1px #4b4b4b;font-weight: normal;}
@media (max-width:1600px){.home-banner .banner-animote .title{font-size:4.6vw}
.home-banner .banner-animote .des{font-size:1.9vw}}
@media (max-width:768px){.home-banner .banner-animote{padding:0 20px;}
.home-banner .banner-animote .title{font-size:36px}
.home-banner .banner-animote .des{font-size:15px}}
@media (max-width:550px){.home-banner .banner-animote .title{font-size:22px}
.home-banner .banner-animote .des{font-size:12px}}
.hot .home-tit strong{font-size:30px}
.item-hot-tit{display:none}
.hotcatelist1 li{font-size:20px;font-weight:var(--fontbold7);color:var(--fontcolor);margin-bottom:3px}
.hotcatelist1 li a:hover{color:var(--color)}
.hotcatelist2{display:flex;flex-wrap:wrap;margin-top:12px}
.hotcatelist2 li{margin-top:12px;margin-right:18px}
.hotcatelist2 li a{font-size:18px;color:#555}
.hotcatelist2 li a:hover{color:var(--color)}
@media (max-width:1024px) and (min-width:769px){.hot-list>li{width:48%}}
@media (max-width:768px){.hot-list>li:nth-child(1){margin-bottom:20px}
.item-hot-more{margin-top:25px}
.hot .home-tit strong{font-size:22px}
.hotcatelist1 li{font-size:18px}
.hotcatelist2 li a{font-size:16px;}}
.home-application .swiper-slide{height:auto}
.home-application .applist .item{border-radius:10px;text-align:center;height:100%}
.home-application .applist .item .icon img{width:80px}
.home-application .applist .item .title::after{display:none}
@font-face {font-display:swap;font-family:fontawesome;src:url(/images/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(/images/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(/images/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(/images/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(/images/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(/images/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}
.home-vr {background:#f0f0f0;padding:80px 0;}
.home-vr .l-wrap{padding:0 70px;}
.home-vrflex {display:flex;flex-wrap:wrap;position:relative;}
.home-vr-bar {position:absolute;top:0;left:0;transform:rotate(90deg);transform-origin:left bottom;margin-bottom:45px;text-transform:capitalize;}
.home-vr-title {position:relative;display:flex;margin-bottom:8px;justify-content:space-between;align-items:center;}
.home-vr-title .title {color:var(--color);font-weight:400;font-size:50px;line-height:1;}
.home-vr-bar .sub_tit {color:#00043f;font-size:14px;line-height:1;opacity:.6;}
.VR_box {width:calc(100% - 130px);margin-left:auto}
.home-vr-btnitem{position:relative;z-index:9;margin-top:-16px;margin-left:auto;width:-webkit-calc(100% - 246px);width:calc(100% - 246px);}
.home-vr-btnitem .home-vr-btn{position:relative;display:inline-block;margin:5px;width:225px;height:50px;-webkit-box-shadow:-3px 2px 21px 3px rgba(0,0,0,.2);box-shadow:-3px 2px 21px 3px rgba(0,0,0,.2);text-align:center;text-transform:capitalize;font-size:18px;line-height:50px;-webkit-transition:all ease-in-out .35s;-o-transition:all ease-in-out .35s;transition:all ease-in-out .35s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-ms-transition:all ease-in-out .35s;}
.home-vr-btnitem .home-vrcontact i{font-style:initial}
.home-vr-btnitem .home-vrcontact i:before{position:relative;margin-left:7px;content:"\f1d8";vertical-align:middle;font-size:28px;font-family:fontawesome;line-height:50px;}
.home-vr-btnitem .home-vr-btn span{display:block;background:#fff;color:var(--color);-webkit-transform:translateZ(25px);transform:translateZ(25px);-ms-transform:translateZ(25px);}
.home-vr-btnitem .home-vr-btn span+span{background:var(--color);color:#fff;-webkit-transform:rotateX(-90deg) translateZ(-25px);transform:rotateX(-90deg) translateZ(-25px);-ms-transform:rotateX(-90deg) translateZ(-25px);}
.home-vr-btnitem .home-vr-btn:hover{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-ms-transform:rotateX(90deg);}
@media (max-width:768px){.home-vr-bar{position:static;transform:none;width:100%}
.home-vr .l-wrap{padding:0 20px;}
.home-vr-title .title{font-size:32px}
.home-vr-bar .sub_tit{font-size:12px}
.VR_box{width:100%}
.VR_box iframe{height:480px}
.home-vr-btnitem{margin:-16px auto 0;width:100%;display:flex;justify-content:center}
.home-vr-btnitem .home-vr-btn{width:auto;font-size:13px;height:40px;line-height:40px}
.home-vr-btnitem .home-vrcontact i:before{font-size:15px;line-height:40px}
.home-vr-btnitem .home-vr-btn span{min-width:130px;padding:0 10px}}
@media (max-width:500px){.home-vr{padding:40px 0}
.home-vr-bar{margin-bottom:25px}
.home-vr-title .title{font-size:26px}
.home-vr-btnitem .home-vr-btn{width:auto;font-size:12px;}
.home-vr-btnitem .home-vr-btn span{min-width:120px;}}
.item-hot-text{-webkit-line-clamp:inherit;}
.item-hot-text span{display:block}
.item-hot-text span.tit{color:var(--fontcolor);font-size:var(--fontsize20);font-weight: var(--fontbold7);margin-bottom:10px;}
.item-hot-text span.words{font-size:var(--fontsize18);color:#555;}
.item-hot-more{margin-top:20px;}
@media (max-width:768px){.item-hot-text span.tit{font-size:var(--fontsize18)}
.item-hot-text span.words{font-size:var(--fontsize16)}}
.hot .hot-list>li:nth-child(1) .item-hot-text,.hot .hot-list>li:nth-child(1) .item-hot-more{display:none;}
#nav ul li .submenu .menu-item:nth-of-type(3) a,#nav ul li .submenu .menu-item:nth-of-type(4) a{text-transform: none;}
.homenews-list {flex:1;padding-left:30px;list-style:none}
.homenews-list li {position:relative;padding-bottom:20px;margin-bottom:20px;padding-left:35px;border-bottom:2px solid #eaeaea}
.homenews-list .act .icon {background:var(--color);color:#FFF}
.homenews-list .act .name {color:var(--color)}
.homenews-list li .info {display:none}
.homenews-list li .icon {cursor:pointer;position:absolute;left:0px;top:4px;width:20px;height:20px;background:rgba(146,146,146,0);border:1px solid var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:var(--fontbold6)}
.homenews-list li .name {font-size:20px;font-weight:var(--fontbold6);line-height:1.2}
.homenews-list li .date {color:#717171;display:flex;align-items:center;font-size:14px;padding:4px 0px}
.homenews-list li .date em {margin-right:10px}
.homenews-list li .text {color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.homenews-list li .home-more {min-width:125px;height:40px;margin-top:1em}
@media (max-width:768px) {.home-news .homenews-img {display:none}
.homenews-list {padding-left:0;}
.homenews-list li .name {font-size:18px}}
.news {padding:3% 0 4%;}
.news .homenews-wrap {margin-top:3%;display:flex;justify-content:space-between;align-items:flex-start}
.news .homenews-img {width:40%}
.news .homenews-img img {width:100%;border-radius:10px;transition:all .1s linear}
.news .homenews-img img:hover {transform:scale(1.01)}
@media (max-width:768px){.news .homenews-img {display:none}}
.news .swiper {width:100%;overflow:hidden;}
.news .homenews-img {display:flex;align-items:center;justify-content:space-between;}
.news .homenews-img .homenews-btn {cursor:pointer;font-size:30px;font-weight:var(--fontbold7);transition:all .3s}
.news .homenews-img .homenews-btn:hover {color:var(--color)}
.news .homenews-img #newsSwiperImg {max-width:90%}
@media (max-width:768px) {
.news .homenews-wrap {flex-wrap:wrap}
.news .homenews-img {width:100%;margin-bottom:15px}}
.news .home-tit{text-align: center;}
.home-about{background:#98A083}
.home-about .about-info .home-title{font-size:40px;font-weight:500;}
.home-about .about-info .text{font-size:20px;}
.home-partner .home-title,.home-partner .home-des{padding-bottom:0;}
@media (min-width:769px){.home-partner .home-title{font-size:36px;}
.home-partner .home-des{font-size:var(--fontsize18)}}
@media (max-width:768px){.home-about .about-info .home-title{font-size:var(--fontsize22)}
.home-about .about-info .text{font-size:var(--fontsize16);}}
.wmkc-list>li>a>p{text-transform: unset !important;}
@media (min-width:769px) and (max-width:1600px){.inner-banner .inner-content .l-wrap,.common-main>.l-wrap{padding-left:70px;padding-right:70px;}}
.home-partner .bottom-img{margin-top: 20px;}
.logo img{padding: 13px 0px;}
.kche-t138 h5{text-transform: unset;}
.inner-banner .inner-content .page-title-h1{opacity: 0;}
.module-title{text-align: center;}
.home-module{padding: 80px 0;background:url(/Content/uploads/20241062897/20241223094320df5965d51bf24b30912b4340ba6aa0f8.jpg)center no-repeat;background-size: cover;}
.module-title p{font-size: 18px;margin-top: 15px;}
.module-page{display: flex;justify-content: space-between;margin-top: 50px;}
.module-box{background-size: cover;background-position: 50%;position: relative;z-index: 2;min-height: 1px;width: 28.6667%;}
.module-text{text-align: center;margin-top: 20px;}
.module-text h5{font-size: 23px;color: var(--color);margin-bottom: 10px;}
.module-btns{display: flex;justify-content: center;margin-top: 50px;}
.module-btns a{color: #FFFFFF !important;border-radius: 3px;letter-spacing: 0.2em;font-size: 14px;text-transform: uppercase !important;background-color: #152135;padding: 15px 20px;}
.module-img{border-radius: 100%;overflow: hidden;}
@media (max-width:1200px) {.module-box{width: 32%;}
.home-module{padding: 50px 20px;}}
@media (max-width:1024px) {.module-page{flex-wrap: wrap;}
.module-box{width: 48%;margin-bottom: 2%;}}
@media (max-width:768px) {.module-box{width: 100%;}
.module-page{margin-top: 20px;}
.module-title p {font-size: 16px;margin-top: 0;}
.module-text h5{font-size: 20px;}
.module-text p{font-size: 14px;}
.module-btns{margin-top: 20px;}
.module-btns a{line-height: 1;}}
.home-module .l-wrap{ padding: 0 80px;}
@media (max-width:1024px) {.home-module .l-wrap{ padding: 0 40px;}}
.module-title .home-title{text-transform: math-auto;}
.newba-con{position: absolute;top: 20%;left: 8%;max-width:40%;}
.newba-con .tit{font-size:60px;line-height: 1.2;color: #fff;font-weight: var(--fontbold4);}
@media(max-width:1800px){.newba-con .tit{font-size:48px;}}
@media(max-width:1600px){.newba-con .tit{font-size:40px;}}
@media(max-width:1440px){.newba-con .tit{font-size:32px;}}
@media(max-width:1024px){.newba-con .tit{font-size:30px;}}
@media(max-width:768px){.newba-con .tit{font-size:24px;}}
@media(max-width:500px){.newba-con .tit{font-size:18px;}}
.news-main-title h1{-webkit-line-clamp: initial;}
.foot-top .right a{width:auto;height:auto;padding:10px 20px;}
.index section.news{background: #B9B9B4;}
.module-title .home-title { font-size: 40px;font-weight: 500;}
.module-title p { font-size: 20px;}
.hot .home-tit strong {font-size: 40px;}
.hotcatelist2 li a { font-size: 20px;}
.home-title { font-size: 40px;}
.home-des {font-size: 20px;}
.home-tit strong { font-size: 40px;}
.logo img {max-height: 70px;}
@media (min-width:1025px) {
body.index,body.hasbanner{padding-top:0}
body.index header,body.hasbanner header{background: initial;box-shadow:none}
body.index .head-top,body.hasbanner .head-top {border-bottom:none}
body.index .head-top,body.index .head-info,body.hasbanner .head-top,body.hasbanner .head-info{background: initial;}
header.scrollhead {background: #fff !important;}}
.home-application .home-title,.home-respect .respecttit,.hot .home-tit strong{font-size:40px;font-weight:500 !important;position:relative;color:var(--fontcolor);line-height:1;padding-bottom:15px}
.home-application .home-des,.hot .hotcatelist1 li,.home-respect p{font-size:20px;line-height:1.7;font-weight:normal;color:var(--fontcolor)}
@media (max-width:768px){.home-module .l-wrap{padding:0;}
.module-title .home-title{font-size:var(--fontsize20);}
.module-title p{font-size:var(--fontsize16)}}
.rpetchips-grid {text-align: center}
.rpetchips-grid .title1 {color: #F7A600;font-size: 24px;margin-bottom: 10px;font-weight: bold}
.rpetchips-grid .title2 {font-size: 48px;margin-bottom: 10px;font-weight: bold}
.rpetchips-grid .title3 {margin-bottom: 1rem}
.rpetchips-grid .gridbox {display: grid;grid-template-columns: auto auto auto auto}
.rpetchips-grid .rpetitem {position: relative;min-height: 220px;min-width: 200px;padding: 0;}
.rpetchips-grid .rpetitem.grid_3_rows {grid-row: span 3}
.rpetchips-grid .rpetitem.grid_2_cols {grid-column: span 2}
.rpetchips-grid .rpetitem.grid_2_rows {grid-row: span 2}
.rpetchips-grid .rpetitem .img {top: 0;left: 0;position: absolute;height: 100%;width: 100%;display: block;object-fit: cover}
.rpetchips-grid .rpetitem .img img {width: 100%;height: 100%}
.rpetchips-grid .rpetitem .text {top: 0;background-color: rgba(0, 0, 0, 0.8);left: 0;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s;text-align: center;flex-direction: column;padding: 15px;position: relative}
.rpetchips-grid .rpetitem .text p {color: #fff;font-size: 28px;font-weight: bold}
.rpetchips-grid .rpetitem:hover .text {opacity: 1}
@media (max-width:768px) {
.rpetchips-grid .gridbox{display: flex;justify-content: space-between;flex-wrap: wrap;}
.rpetchips-grid .rpetitem{min-width: initial;width: 30%;min-height: initial;margin-bottom: 20px;}
.rpetchips-grid .rpetitem .img{position: static;height: auto;}
.rpetchips-grid .rpetitem .text{position: static;opacity:1;background: initial;height: auto;padding: 0;}
.rpetchips-grid .rpetitem .text p{color: #000;font-size: 16px;}
}
@media (min-width:1025px){main.Fully.Drawn.Yarn .prolist-bottom .sidebar-item.inquiry{margin-top:20px;}}
.kche-t152 h5 {text-transform: inherit;}
.kche-t221 .kche-t221-info h5 {text-transform: inherit;}
#nav ul li#liinmenu .submenu li:first-child  { pointer-events: none;}