.font12 {font-size: 1.2rem;}
.font13 {font-size: 1.3rem;}
.font14 {font-size: 1.4rem;}
.font15 {font-size: 1.5rem;}
.font16 {font-size: 1.6rem;}
.font17 {font-size: 1.7rem;}
.font18 {font-size: 1.8rem;}
.font19 {font-size: 1.9rem;}
.font20 {font-size: 2rem;}
.font22 {font-size: 2.2rem;}
.font23 {font-size: 2.3rem;}
.font24 {font-size: 2.4rem;}
.font26 {font-size: 2.6rem;}
.font28 {font-size: 2.8rem;}
.font30 {font-size: 3rem;}
.font32 {font-size: 3.2rem;}
.font34 {font-size: 3.4rem;}
.font36 {font-size: 3.6rem;}
.font38 {font-size: 3.8rem;}
.font40 {font-size: 4rem;}
.font42 {font-size: 4.2rem;}
.font44 {font-size: 4.4rem;}
.font45 {font-size: 4.5rem;}
.font46 {font-size: 4.6rem;}
.font48 {font-size: 4.8rem;}
.font50 {font-size: 5rem;}
.font52 {font-size: 5.2rem;}
.font54 {font-size: 5.4rem;}
.font56 {font-size: 5.6rem;}
.font58 {font-size: 5.8rem;}
.font60 {font-size: 6rem;}
.font64 {font-size: 6.4rem;}
.font66 {font-size: 6.6rem;}
.font68 {font-size: 6.8rem;}
.font70 {font-size: 7rem;}
.font72 {font-size: 7.2rem;}
.font77 {font-size: 7.7rem;}
.font80 {font-size: 8rem;}
.font90 {font-size: 9rem;}
.font100 {font-size: 10rem;}
.font110 {font-size: 11rem;}
.font120 {font-size: 12rem;}
.font130 {font-size: 13rem;}
.font140 {font-size: 14rem;}
.font160 {font-size: 16rem;}
.font260 {font-size: 26rem;}
.font280 {font-size: 28rem;}
.font300 {font-size: 30rem;}
.font400 {font-size: 40rem;}
.flh14 {line-height: 1.4rem;}
.flh20 {line-height: 2rem;}
.flh22 {line-height: 2.2rem;}
.flh24 {line-height: 2.4rem;}
.flh26 {line-height: 2.6rem;}
.flh28 {line-height: 2.8rem;}
.flh30 {line-height: 3.0rem;}
.flh32 {line-height: 3.2rem;}
.flh34 {line-height: 3.4rem;}
.flh36 {line-height: 3.6rem;}
.flh40 {line-height: 4rem;}
.flh42 {line-height: 4.2rem;}
.flh44 {line-height: 4.4rem;}
.flh48 {line-height: 4.8rem;}
.flh50 {line-height: 5rem;}
.flh52 {line-height: 5.2rem;}
.flh54 {line-height: 5.4rem;}
.flh56 {line-height: 5.6rem;}
.flh58 {line-height: 5.8rem;}
.flh60 {line-height: 6rem;}
.flh64 {line-height: 6.4rem;}
.flh70 {line-height: 7rem;}
.flh72 {line-height: 7.2rem;}
.flh75 {line-height: 7.5rem;}
.flh80 {line-height: 8rem;}
.flh90 {line-height: 9rem;}
.flh140 {line-height: 14rem;} 
.flh160 {line-height: 16rem;} 
.flh260 {line-height: 26rem;} 
.flh400 {line-height: 40rem;} 
 


 



body,a,input,select,textarea {font-family: 'Noto Sans SC','Source Han Sans CN',"Source Han Sans",PingFang SC,-apple-system,Arial,sans-serif,Helvetica,system-ui,Segoe UI,Roboto,Ubuntu,Noto Sans;}
h1,h2,h3,h4,h5,h6,strong{font-weight: bold;margin: 0;padding: 0;} 


/* fonts */
@font-face {font-family: 'outfitl';src: url('../fonts/Barlow-Light.ttf');font-weight: normal;font-style: normal;} 
.ykc-product-characteristics-item .num-1 {font-family: 'outfitl',PingFang SC,-apple-system,Arial,sans-serif,Helvetica,system-ui,Segoe UI,Roboto,Ubuntu,Noto Sans;}

.bff-products-detial-description .description-3 *,.bff-products-detial-table .table-2 * {font-family: 'Noto Sans SC','Source Han Sans CN',"Source Han Sans",PingFang SC,-apple-system,Arial,sans-serif,Helvetica,system-ui,Segoe UI,Roboto,Ubuntu,Noto Sans!important;}
.footer-contact .title-1,.index-banner-text .title-1,.footer a,.bff-product-type-item-right .title-3 a {font-weight: 500;} 
.footer-content-bottom .copy-1 a {font-weight: 400;} 



.header {background: #555;}
.header-nav li.cur a,.header-nav li a:hover,.header-nav:hover li.cur a:hover {color: #3cc8dc;}
.footer a:hover,.language-show a:hover {color: #008fa3;}
.header-content-top {background: #008fa3;}
.header-content-top-right li::before,.header-nav .buylink-1 ,.header-nav-show-content,.footer .ewm-show{background: #fff;}
.header-content-top-right a span ,.header-nav a,.header-nav:hover li.cur a,.footer-right .item-show a,.footer-right .item-show span,.header-content-top-left span  {color: #fff;}
.header-content-top-right a:hover span,.header-nav .buylink-1 span {color: #000;}
.language-show {background: #fff;}
.language-show a {color: #000;border-bottom: 1px solid #ccc;} 
.header-nav .buylink-1:hover {background: #008fa3;}
.header-nav .buylink-1:hover span {color: #fff;}
.header-nav .search-1:hover i {background: #008fa3;}
.footer {background:#fff;color: #666;border-top: 1px solid #f1f1f1;}
.footer a  {color: #333;} 
.footer-nav li a {color: #666;}
.footer-content-bottom {border-top: 1px solid #ccc;color: #999;}
.footer-content-bottom .copy-1 a ,.footer-content-bottom .link-1 a {color: #999;}
.footer-content-bottom .copy-1 a:hover {color: #008fa3;}
.footer-content-bottom .link-1 a:hover svg path {fill: #008fa3;}
.footer-icon-item a,.footer-icon-item i{background: #999;}
.footer-icon-item a:hover i,.footer-right .consulting-service a i,.footer-right .item-show a,.footer-right .consulting-service a::before,.footer-right .consulting-service a::after {background: #008fa3;} 

.bff-index-product-class {border-bottom: 1px solid #f1f1f1;}
.index-product-item .img {background-color: #eaeaea;border: 1px solid #dedede;}
.bff-index-product-center-type a.cur,.bff-index-product-center-type a.cur:hover {background: #008fa3;color: #fff;}
.index-product-center-swiper .index-product-item a:hover .title-1 {background: #008fa3;color: #fff;}
.index-product-center-swiper .index-product-item .title-1 {border-top: 1px solid #dedede;background: #f1f1f1;}
.bff-index-product-center-type a:hover,.bff-index-about-top .title-1,.bff-index-news-item .title-1,.bff-swiper-next::after,.bff-swiper-prev::after,.bff-index-news-item a:hover .text-1,.bff-index-news-item a:hover .data-1,.index-product-item .xinghao-1,.footer-contact .title-1 {color: #000;}
.about-data-item .number-1 span,.index-banner-text .title-1,.bff-index-product-center-top .text-1,.footer-contact .text-1 {color: #333;}
.index-banner-text .text-1 {color: #3d3d3c;}
.index-product-item .title-1,.bff-index-product-center-type a,.bff-index-about-top,.about-data-item .text-1{color: #666;}
.viewmore-1 span,.index-banner-text .readmore-1 span,.index-product-item .learnmore-1 span,.ilikeit-1 em{color: #fff;}
.viewmore-2 a,.bff-index-news-item .text-1,.bff-index-news-item .data-1 {color: #999;}
.bff-swiper-next:hover::after,.bff-swiper-prev:hover::after,.index-product-item a:hover .title-1,.viewmore-2 a:hover,.bff-index-news-item a:hover .title-1 {color: #008fa3;}
.index-product-item .type-1 {color: #545454;}
.index-product-item .learnmore-1 a {background: #555;}
.index-banner,.index-banner-item {background: #ddd;}
.bff-search-section-top .from-2 input,.bff-search-section-bottom,.bff-products-container-pics .mySwiper5 .pic-2,.bff-products-big-pics .pic-1 {background: #fff;}
.index-banner-text .readmore-1 a{background: #333;}
.index-banner .swiper-pagination span.swiper-pagination-bullet  {background: #999;}
.index-banner .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active,.viewmore-1 a {background: #008fa3;} 
.index-banner-text .readmore-1 a:hover,.bff-index-product-center-type a.cur,.index-product-item .learnmore-1 a:hover,.bff-index-about .viewmore-1 a,.ilikeit-1 em  {background: #008fa3;}
.bff-index-product-center-top .line-1 i {background: #008fa3;} 
.bff-index-product-center-type a {background: #e9e9e9;}
.biaoqian-1 span {background: #f6f6f6;color: #999;}
.bff-index-product-center ,.bff-index-news{background: #f4f4f4;}
.index-product-item {background: #fff;}
.viewmore-1 a:hover,.bff-index-about .viewmore-1 a:hover {background: #008fa3;} 
.bff-index-news-item .img,.bff-page ,.bff-search-section-top,.bff-index-about-top .text-1::after,.xinxin-1 span{background: #ccc;}
.bff-index-news-top {border-bottom: 1px solid #b2b2b2;}
.bff-index-news-item a {background: none;}
.bff-index-news-item a:hover {background: #fff;}
.bff-index-about .viewmore-1 a:hover {background: #3cc8dc;}
.bff-products-detial {background: #f1f1f1!important;}
.bff-product-center {background: #f4f4f4!important;}
.bff-products-list .item .pic-1,.bff-product-top-banner,.bff-product-center-bottom-left-nav,.bff-product-type-item,.bff-products-container {background: #fff!important;}
.bff-products-list .item .text {border-top: 1px solid #ddd;}
.bff-products-big-pics {border: 1px solid #ddd;border-radius: 1rem;}
.swiper-button-next:after, .swiper-button-prev:after {color: #999;font-size: 2.6rem;outline: none;}
.about-data-item::after {background: #999;}



  
@media screen and (max-width: 5120px) { 
	html{font-size: 122.5%;}   
}
@media screen and (max-width: 3840px) { 
	html{font-size: 80%;}  
}
@media screen and (max-width: 2560px) {	
}
@media screen and (max-width: 2048px) {
}
@media screen and (max-width: 1920px) {	
	html{font-size: 62.5%;}   
}
@media screen and (max-width: 1680px) {
	
}
@media screen and (max-width: 1440px) {
	html{font-size: 58%;} 
}
@media screen and (max-width: 1366px) { 
	html{font-size: 50%;} 
}
@media screen and (max-width: 1280px) {  
}
@media screen and (max-width: 1152px) { 
	html{font-size: 40%;} 
}
@media screen and (max-width: 1024px) { 
}
@media screen and (max-width: 980px) {  
}