@charset "utf-8";
:root {--color: #60BBD0;--color1: #60BBD0;}
@media(min-width:769px){.contact-list .contact-item{width:31%}}
@font-face {font-family: "iconfont";src: url('/js/40234/iconfont.ttf') format('truetype');}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-icon-play:before {content: "\e60f";}
.icon-yes:before {content: "\e620";}
.icon-icon-guest:before {content: "\e672";}
.icon-dengpao:before {content: "\e615";}
/* brand */
.home-brand{padding:3% 0}
.flex-jc-sa{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-brand .home-title{font-family: serif;color:#976D62;position: relative;padding-bottom: 10px;margin-bottom: 20px;font-weight: var(--fontbold7);}
.home-brand .home-title:after{content:'';width:100px;height:1px;background:transparent;border-bottom:1px dashed #ccc;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.home-brand p{text-align: center;max-width: 800px;margin: 10px auto 0;}
.home-brand .brand-list{margin-top:3%;padding-left:3%;justify-content: space-between;}
.home-brand .brand-list li{width:32%;margin-bottom:2%;position:relative;font-weight:var(--fontbold5);text-align:center;}
.home-brand .brand-list li .brand-number{line-height:1;position:relative;z-index:1}
.home-brand .brand-list li .brand-number img{width:100%; max-width: unset;}
.home-brand .brand-list li .brand-label{flex:1;text-transform: capitalize;font-size:var(--fontsize22);margin-top:15px;}
.home-brand .brand-list li .brand-label span{display:block;font-weight: var(--fontbold7);}
.home-brand .brand-list li .brand-number .text-shadow{font-size:90px;font-weight:var(--fontbold5);color:#fff;text-shadow:0 0 2px #ccc;position:absolute;top:50%;right:0;z-index:-1;line-height:1;transform:translate(12px,-50%)}
@media (min-width:1025px) and (max-width:1440px){.home-brand .brand-list li .brand-label{font-size:19px;}}
@media (min-width:769px){.home-brand .home-title{font-size:44px}
.home-brand p{font-size:var(--fontsize20)}}
@media(max-width:1280px){.home-brand .brand-list li .brand-number{font-size:var(--hometitlefont)}}
@media(max-width:1280px){.home-brand .brand-list li .brand-number .text-shadow{font-size:80px}}
@media (max-width:768px){.home-brand .brand-list li{width:49%;margin:10px 0;}}
/* company */
.home-des{display:flex;margin-bottom:20px;color:var(--summarycolor);align-items:center;justify-content:center}
.home-des span{display:inline-block}
.home-des .left span:nth-child(1){width:5px;height:5px;background-color:var(--color);opacity:.2}
.home-des .left span:nth-child(2){margin:0 2px;width:7px;height:7px;background-color:var(--color);opacity:.5}
.home-des .left span:nth-child(3){margin-right:10px;width:10px;height:10px;background-color:var(--color)}
.home-des span{display:inline-block}
.home-des .right span:nth-child(3){width:5px;height:5px;background-color:var(--color);opacity:.2}
.home-des .right span:nth-child(2){margin:0 2px;width:7px;height:7px;background-color:var(--color);opacity:.5}
.home-des .right span:nth-child(1){margin-left:10px;width:10px;height:10px;background-color:var(--color)}
.home-company{position:relative;box-sizing:border-box;padding:3% 0}
.home-company::before{position:absolute;top:0;right:50%;z-index:0;width:234px;height:174px;background-image:url(https://css02.v15cdn.com/m429/imgs/companybg.webp);background-repeat:no-repeat;content:"";transform:translateX(15%)}
.home-company .l-wrap{display:flex;align-items:center;flex-direction:row-reverse}
.home-company .company-img{position:relative;overflow:hidden;width:45%;border-radius:var(--border)}
.home-company .company-img::before{position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;border-radius:3px;background-color:#1d383e;content:"";opacity:.5}
.home-company .company-img .playvideo{position:absolute;top:50%;left:50%;width:60px;height:60px;border-radius:50%;background-color:var(--color);cursor:pointer;transform:translate(-50%,-50%)}
.home-company .company-img .playvideo .iconfont{position:relative;top:6px;left:28%;color:#fff;font-size:var(--fontsize30)}
.home-company .company-img .playvideo::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block;width:100%;height:100%;border-radius:50%;animation:playanimation 1.5s infinite;border:solid var(--color)}
.home-company .company-info{padding-right:10%;flex:1}
.home-company .company-info .home-des{justify-content:left!important}
.home-company .company-info .home-title{text-align:left}
.home-company .company-info .des{display:-webkit-box;overflow:hidden;margin-top:2%;color:var(--summarycolor);-webkit-box-orient:vertical;-webkit-line-clamp:3}
.home-company .company-info .inter{display:flex;box-sizing:border-box;margin:4% 0;padding:10px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;align-items:center}
.home-company .company-info .know-about{display:flex}
.home-company .company-info .some-know{display:none;margin-right:90px;opacity:.8}
.home-company .company-info .inter div{display:inline-flex;width:40%;align-items:center}
.home-company .company-info .inter div em{margin-right:10px;color:var(--color);font-size:40px}
.home-company .company-info .btn{display:inline-flex;width:150px;height:50px;border-radius:var(--border);background-color:var(--color);color:#fff;transition:all .2s ease;align-items:center;justify-content:center}
@keyframes playanimation{0%{border-width:0;opacity:1}
100%{border-width:8px;opacity:0}}
.home-company .company-info .btn:hover{opacity:.8}
@media screen and (max-width:1280px){
.home-company .company-info .home-title{font-size:var(--fontsize24);line-height:1.5}
.home-company .company-info .some-know{margin-right:40px}
.home-brand .brand-list{margin-top: 4%;}}
@media screen and (max-width:1024px){
.home-company .company-info .home-title{font-size:var(--fontsize18)}
.home-company .company-info .inter div{width:50%}
.home-company .company-info .inter div em{font-size:var(--fontsize30)}
.home-brand .brand-list li .brand-number .text-shadow {font-size: 48px;line-height: 1;}
.home-brand .brand-list{margin-top: 2%;}
.home-company .company-info{padding-right: 4%;}
.home-company .company-info .btn{width: 130px;height: 35px;}
.home-company::before{display: none;}}
@media screen and (max-width:768px){
.home-brand .brand-list{padding-left: 0;}
.home-brand .brand-list li .brand-number .text-shadow{font-size: 36px;}
.home-brand .brand-list li .brand-label span{font-size: 14px;}
.home-company{padding:30px 0}
.home-company::before{right:-15px;transform:translateX(0)}
.home-company .l-wrap{flex-wrap:wrap}
.home-company .company-img{width:100%}
.home-company .company-img img{width:100%}
.home-company .company-info{margin-top:20px;padding-left:0;width:100%}
.home-company .company-info .some-know{margin-right:200px}}
@media screen and (max-width:500px){.home-company .company-info .inter div{width:50%}
.home-company .company-info .some-know{margin-right:10px}}
.home-company::before{background-image:url(https://css02.v15cdn.com/m429/imgs/companybg.webp)}
/* product */
.home-product{padding: 3% 0;}
.product-list {margin-top: 50px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product-list li{width:24%;margin-bottom:30px;padding-bottom:10px;text-align:center;border:1px solid #EEE;border-radius:5px 5px 0px 0px;transition:all .2s ease-in-out;list-style: none;}
.product-img{overflow:hidden;margin-bottom: 10px;}
.product-img img{width:100%;max-height:100%;border-radius:5px 5px 0px 0px;transition:all .2s ease-in-out}
.product-tit{font-size:var(--fontsize18);color:var(--fontcolor);margin:0px 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:var(--fontbold6)}
.product-text{margin:10px 5px;color:#444;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-more{color:var(--color)}
.product-list li:hover .product-more{color:var(--color)}
.product-list li:hover .product-tit{color:var(--color)}
.product-list li:hover{border-radius:5px 5px 0px 0px;box-shadow:0 5px 10px 0 #EEE}
.product-list li:hover .product-img img{transform:scale(1.1)}
.home-product .home-more{margin:20px auto 90px}
@media (max-width:1024px) {.product-list {margin-top: 20px;}
.product-text{font-size: 14px;}
.home-product {padding: 3% 0 0;}}
@media (max-width:768px) {.product-list li {width: 49%;margin-bottom: 2%;}}
/* choose */
.home-choose{z-index:1;position:relative;padding:3% 0}
.home-choose::before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;max-width:500px;background:var(--color);opacity:.02;z-index:-1}
.home-choose .l-wrap{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
.home-choose .homechoose-img{width:45%}
.home-choose .homechoose-img img{width:100%;border-radius:var(--borderradius);transition:all .2s linear}
.home-choose .homechoose-img:hover img{transform:scale(1.01)}
.home-choose .homechoose-content{flex:1;padding-left:5%}
.home-choose .homechoose-content .home-de{font-size: var(--fontsize16);font-weight: var(--fontbold4);color: #333;margin-bottom: 10px;text-transform: uppercase;}
.home-choose .homechoose-content .home-line::after{left:0;transform:none}
.home-choose .homechoose-content .list2{display:flex;align-items:center;margin-top: 5%;}
.home-choose .homechoose-content .list2 .item{margin-right:20px;min-width:180px;height:50px;background:#f6f6f6;border:1px solid #f6f6f6;border-radius:var(--borderradius);display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear}
.home-choose .homechoose-content .list2 .item:last-child{margin-right:0}
.home-choose .homechoose-content .list2 .item em{margin-right:10px;color:var(--color)}
.home-choose .homechoose-content .list2 .item:hover{border-color:var(--color)}
.home-choose .homechoose-content .text{color:#333;margin-bottom: 15px;margin-top: 15px;}
.home-choose .home-title{text-align: left;}
.home-line{height: 1px;margin-top: 20px;position: relative;}
.home-line::after {content: "";position: absolute;left: 50%;transform: translateX(-50%);width: 33px;height: 4px;background: var(--color);}
@media(max-width:1280px){.home-choose::before{max-width:30%}}
@media(max-width:1024px){
.home-choose .homechoose-content .list2{margin:20px 0}
.home-company{padding: 3% 0 0;}
.home-choose .homechoose-content{padding-left: 3%;}
.home-choose .homechoose-content .text{margin-bottom: 25px;}
.home-choose .home-title{line-height: 1.25;}
.home-choose .homechoose-content .list2 .item{min-width: 155px;height: 35px;font-size: 14px;}
.home-more {min-width: 130px;height: 35px;font-size: 14px;}}
@media(max-width:768px){
.home-choose::before{display:none}
.home-choose .homechoose-img{width:100%}
.home-choose .homechoose-content{padding-left:0;margin-top:30px}
.home-choose .homechoose-content .home-title br{display:none}
.home-choose .homechoose-content .list2{justify-content:space-between}
.home-choose .homechoose-content .list2 .item{width:48%;margin-right:0}}
/* news */
.home-news{position:relative;padding:3% 0}
.home-news .l-wrap{position:relative}
.home-news .newslist{margin-top:1%;list-style:none;display:flex}
.home-news .newslist .swiper-slide{width:31%;margin-right:3.5%}
.home-news .newslist .swiper-slide:nth-child(3n){margin-right:0}
.home-news .newslist .swiper-slide .img{background:#eee;display:flex;align-items:center;justify-content:center}
.home-news .newslist .swiper-slide .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.home-news .newslist .swiper-slide .info{padding:20px 0}
.home-news .newslist .swiper-slide .info .date{color:var(--color)}
.home-news .newslist .swiper-slide .info .title{font-size:22px;color:#1a1414;margin:10px 0;font-weight:var(--fontbold5);transition:all .1s linear;line-height:1.4}
.home-news .newslist .swiper-slide .info .text{font-size:var(--fontsize14);margin-bottom:15px}
.home-news .newslist .swiper-slide .info .more{text-transform:uppercase;font-size:var(--fontsize14);position:relative;padding-bottom:10px}
.home-news .newslist .swiper-slide .info .more em{margin-left:10px}
.home-news .newslist .swiper-slide .info .more::after{content:"";position:absolute;bottom:0;left:0;width:70px;height:1px;background:#000;transition:all .1s linear}
.home-news .newslist .swiper-slide:hover .img img{transform:scale(1.02)}
.home-news .newslist .swiper-slide:hover .info .title{color:var(--color)}
.home-news .newslist .swiper-slide:hover .info .more{color:var(--color)}
.home-news .newslist .swiper-slide:hover .info .more::after{width:100%}
.home-news .newswiper-pagination{bottom:0;display:none}
.home-news .home-icon{color: var(--color);text-align: center;text-transform: uppercase;margin-bottom: 10px;}
@media(max-width:1280px){.home-news .newslist .swiper-slide .info .title{font-size:var(--fontsize20)}}
@media (max-width:1024px) {.home-news .newslist .swiper-slide .info .title{font-size: 18px;}
.home-news .newslist .swiper-slide{width: 32%;margin-right: 0;}
.home-news .newslist{justify-content: space-between;}}
@media(max-width:768px){.home-news .newslist .swiper-slide{width:49%;margin-right:0;margin-bottom:20px}
.home-news .l-wrap{padding-bottom:20px}
.home-news .newswiper-pagination{display:block}
.home-news .newswiper-pagination .swiper-pagination-bullet-active{background:var(--color)}}
@media(max-width:500px){.home-news{padding:30px 0}
.home-news .newslist .swiper-slide{width:100%}}
/* message */
.home-message{background-image: url(https://css02.v15cdn.com/m428/images/home-messagebg.webp);position: relative;padding: 4% 0;background-size: cover;}
.home-message .wmkcfeedback .inquiry-form {justify-content: space-between;display: flex;flex-wrap: wrap}
.home-message .wmkcfeedback input {width: 100%;margin-top: 10px;height: 50px}
.home-message .wmkcfeedback .select-menu {width: 100%}
.home-message .wmkcfeedback .feed-verification,.home-message .wmkcfeedback .select-menu,.home-message .wmkcfeedback textarea {margin-top: 10px}
.home-message .wmkcfeedback .send-btn {margin-top: 20px}
.home-message .wmkcfeedback input, .wmkcfeedback textarea, .wmkcfeedback .wmkcfb-fileupload {width: 100%;outline: 0;border: 1px solid #e5e5e5;padding: 10px;border-radius: var(--borderradius);margin-top: 20px;font-size: var(--fontsize14);-webkit-transition: all .1s linear;transition: all .1s linear;-webkit-box-shadow: none;box-shadow: none;display: inline-flex;align-items: center;background: #fff;}
.home-message .wmkcfeedback textarea {height: 140px;font-family: inherit;resize: none;}
.home-message .wmkcfeedback input {width: 100%;margin-top: 10px;height: 50px;}
.home-message .wmkcfeedback .send-btn {min-width: 180px;height: 50px;font-size: var(--fontsize17);background: var(--color);border-radius: var(--borderradius);margin: 35px auto 0;display: flex;align-items: center;justify-content: center;color: #FFF;cursor: pointer;transition: all .1s linear;padding: 0px 20px;outline: 0;border: none;position: relative;}
.homemessage-des p{text-align: center;}
.homemessage-des{margin-bottom: 20px;}
@media(max-width: 1024px) {.home-message .wmkcfeedback input {width:100%}
.home-message .wmkcfeedback .select-menu {width: 100%}}
@media (max-width:500px) {.home-title{font-size: 22px;}}
.home-banner .swiper-slide>a::after{display:none;}
@media (max-width:768px){.home-banner .mobimg{height:auto}}
@media (min-width:1024px){
.home-company iframe{width: 50%;height: 500px;}
.home-company .company-info{padding-right: 5%;flex: 1;} }
@media (min-width:769px){.newslist{justify-content: space-between;}
.newslist.list0 li{width:49%;}
.newslist.list0 li .img{width:50%;}
.newslist.list0 li .info{padding: 10px 20px;}}
.home-company .company-info .inter div { font-weight: bold;color:#976D62}
.home-products .home-title,.home-choose .home-title,.home-news .home-title{color:#976D62;font-weight: var(--fontbold7);font-family: serif;}
.home-company .company-info .home-des{color:#976D62}
@media (min-width:769px){.home-products .home-title,.home-choose .home-title,.home-news .home-title{font-size:44px;}}
.choose-box img{width: 35px;margin-right: 20px;}
.choose-box{display: flex;align-items: center;margin-bottom: 10px;}
.choose-box p{line-height: 1;font-weight: 600;}
.share-btn.twitter,.share-btn.linkedin,.share-btn.pinterest{display:none!important;}
a.share-tiktok{position:relative;height:26px;width:26px;transition:.4s all;transition-delay:30ms;cursor:pointer;overflow:hidden;border-radius:2px;margin-right:6px;background:#000;color:#fff;display:flex;align-items:center;justify-content:center}
a.share-tiktok:hover{transform:translateY(-5px)}