@charset "utf-8";
:root{--fontfamily:'Source Sans Pro',arial;}
@media(min-width:769px){header nav ul>li a{color:#fff !important;}header .header-top .top-info a{color:#fff;}header .header-top .top-info>div{color:#fff;}}
.common-container .common-content .title,.common-main .pro-detail .pro-detail-title h3 {color:#fff;}
.addToCart,.common-main .pro-top .pro-con .btn-list .chat-btn,.common-main .pro-top .pro-con .btn-list .send-btn,.common-main .pro-top .pro-con .btn-list>a {color:#fff;}
.common-main .pro-random .title {color:var(--fontcolor);}
@media (min-width:961px){.singglepic.on img {max-width:660px!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}}
@media (max-width:960px){header nav .search-btn i{color:#fff}
header nav .nav-btn span{background:#fff}}
ul#tags li.selectTag a{color:#fff}
header .header-top .top-info i{color:#fff;}
li#liproduct>a{pointer-events:none;}
@media (min-width:961px){header nav >ul>li:hover>ul {opacity:1;transform:rotateX(0deg);}}
@media (min-width:961px) and (max-width:1440px){body header nav>ul>li{margin:0 10px;}}
@media (min-width:961px) and (max-width:1200px){body header nav>ul>li{margin:0 7px;}}
@media (min-width:961px){header nav>ul>li>a{white-space:nowrap}
header .header-top,header nav{padding:0 calc(50% - 800px)}}
@media (max-width:1650px) and (min-width:961px){header .header-top,header nav{padding:0 20px}}
.home-container .news-product{background:var(--color)}
.home-container .company-advantage .pro-list>li>a span{color:#fff;white-space: nowrap;text-align:center}
.home-container .news-product .section-title span,.home-container .news-product .news-btn i,.home-container .news-product .news-btn:hover span{color:#fff;}
.home-container .news-product .section-title:before{background:#fff;}
.home-container .news-product .pro-btn a:hover{color:#fff;border-color:#fff;}
.home-container .company-advantage .advantage-list li:hover p{color:#fff;}
.common-main .pro-top .pro-con .pro-info{font-weight:var(--fontbold7)}
@media(min-width:1025px){.home-container .company-advantage .pro-list>li{width:23%}}
.home-container .company-advantage .pro-list>li img{top:44%;left:50%;transform:translate(-50%,-50%)}
.home-container .company-advantage .pro-list{justify-content: space-between;}
.home-container .company-advantage .pro-list{justify-content: space-between;}
.home-container .company-advantage .pro-list>li .more a{padding:5px 0;width:100%;display:inline-block;color:#fff;border-top:1px solid #fff;background:var(--color);text-align:center;transition:all .3s;font-size:13px;}
.home-container .company-advantage .pro-list>li .more a:hover{background:#02367099}
.home-container .company-advantage .pro-list>li:hover img{transform: translate(-50%,-50%) scale(1.1);}
.home-container .news-product .news-content .ircn{min-height:58px;}
.home-container .about-content .h3 {padding:0 0 5px;line-height:1.2}
.home-container .about-content .h4 {margin:15px 0 5px;}
.home-container .about-content .about-list2 {display:flex;justify-content:space-between;flex-wrap:wrap;}
.home-container .about-content .about-list2 li {width:48%;}
.home-container .about-content .about-list2 li .about-list2-tit {font-weight:bold;font-size:18px;}
.home-container .about-content .about-list2 li p {font-size:15px;margin-bottom:12px}
.home-container .about-btn {margin-top:20px;}
@media (max-width:768px){.home-container .about-wrap>div{padding-top:30px}}
@media (max-width:560px){.home-container .about-content .about-list2 li {width:100%;}}
@media (max-width:1440px){.home-container .company-advantage .pro-list>li>a span,.home-container .company-advantage .pro-list>li ul{font-size:12px;padding:5px;}}
.home-blog {padding:0 260px;margin-bottom:60px;}
.home-bloginfo {margin-top:30px;}
.home-bloginfo p {font-size:16px;}
.home-blogbtn {display:flex;justify-content:center;margin-top:30px;}
.home-blogbtn a {font-size:15px;background:var(--color);color:#fff;display:block;text-transform:capitalize;padding:10px 28px;border:1px solid var(--color);}
.home-blogbtn a:hover {background:#fff;color:var(--color);}
@media (max-width:1600px){.home-blog{padding:0 100px}}
@media (max-width:1280px){.home-blog{padding:0 50px}}
@media (max-width:1080px){.home-blog{padding:0 25px}}
@media (max-width:768px){.home-blog{padding:0 4vw}}
@media (max-width:500px){.home-blogbtn a{font-size:14px;padding:7px 20px}}
.modification{margin:0 260px 80px}
.modification .mod-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px}
.modification .mod-list li{width:24%;text-align:center;margin-bottom:20px}
.modification .mod-list li p{font-size:18px;margin-top:20px}
.modification .mod-list li .mod-img a{overflow:hidden;border:1px solid #d1d1d1;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.modification .mod-list li:hover img{transform:scale(1.03)}
.modification .mod-list li img{transition:.3s}
@media (min-width:2000px){
.modification{margin:0 288px 80px}
}
@media (min-width:1281px) and (max-width:1600px){
.modification{margin:0 100px 80px}
}
@media (min-width:1081px) and (max-width:1280px){
.modification{margin:0 50px 80px}
}
@media (min-width:769px) and (max-width:1080px){
.modification{margin:0 25px 80px}
}
@media screen and (max-width:768px){
.modification .mod-list{margin-top:30px}
.modification{margin:0 4vw}
.modification .mod-list li{width:48%}
.modification .mod-list li p{font-size:16px;margin-top:10px}
}
.home-container .company-advantage .pro-list{margin-top: 50px}
@media (max-width:768px){.home-container .company-advantage .pro-list{margin-top: 30px}}
.home-container .company-advantage{margin-top:30px;margin-bottom:30px}
footer .footer-top .footer-title:after {background:#fff;}
footer .footer-top .footer-nav li:hover a,footer .footer-copy a:hover {color:#fff}
footer .footer-top .footer-nav li:hover:after {border-color:#fff}
.footer-contact ul {margin-top:10px}
.footer-contact ul li {color:silver;font-size:14px;padding:5px 0;}
.footer-contact ul li a {color:silver;}
.footer-contact ul li a:hover {color:#fff}
footer .footer-top .footer-nav{width:auto}
footer .footer-top .footer-nav ul{width:100%}
footer .footer-top>div{max-width:24%}
@media (max-width:960px){footer .footer-top .footer-nav{width:48%}
footer .footer-top>div{max-width:48%;width:48%;}
footer .footer-top{flex-wrap:wrap}}
@media (max-width:960px) and (min-width:769px){.footer-contact ul li{font-size:18px}}
@media (max-width:768px){footer .footer-top .footer-nav{width:100%}
footer .footer-top>div{max-width:100%;width:100%;}
footer .footer-top .footer-nav ul li{width:49%}}

#liproducts .submenu>li:nth-child(n+7){display:none;}
.home-bloginfo{display: flex;justify-content: space-between;flex-wrap: wrap;}
.home-bloginfo .blog-left,.home-bloginfo .blog-right{width:50%;}
.home-bloginfo .blog-right{padding:30px;}
@media(max-width:768px){.home-bloginfo .blog-left,.home-bloginfo .blog-right{width:100%;}.home-bloginfo .blog-right{padding:15px;}}
.home-container .about-wrap {flex-direction:row-reverse;}
.home-container .about-us:after,.home-container .about-img:after {display:none;}
.home-container .about-wrap>div {padding:40px 0;}
.home-container .about-content p {margin-top:10px;line-height:1.5;}
.home-container .about-content .about-list2 li {display:flex;margin-bottom:15px}
.home-container .about-content .about-list2 li .about-list2-icon {width:60px;margin-right:12px;}
.home-container .about-content .about-list2 li .about-list2-info {flex:1;}
.home-container .about-content .about-list2 li p {margin:3px 0 0;line-height:1.5;}
.home-container .about-img {width:46%;flex-basis:initial;}
.home-container .about-content {width:51%;}
.home-container .about-img i,.home-container .about-img em {padding:0;}
@media (max-width:1024px){.home-container .about-wrap {flex-wrap:wrap}
.home-container .about-img {width:100%;}
.home-container .about-content {width:100%;}
.home-container .about-wrap>.about-img{padding:0}
.home-container .about-img i{display:block;width:100%;}
.home-container .about-img img{width:100%;}}
@media (max-width:768px){.home-container .about-content p{display:block}}
.home-container .section-title,.modification .mod-list li p a,.home-container .about-content .h3,.home-container .about-content p,.home-container .about-content .about-list2 li .about-list2-tit,.home-container .about-content .about-list2 li p{color:#515151}
.home-container .about-btn a,.home-bloginfo p,.home-container .news-list .news-content .news-title a,.home-container .news-list .news-content p{color:#515151}
.home-container .about-btn a:hover,.home-container .video-btn a:hover{color:#fff}
footer .footer-top{background:#515151}
footer .footer-copy{background:#515151;border-color:#888;}
footer .footer-copy .top-btn i{color:#fff}
@media (min-width:1025px){.home-container .about-img i,.home-container .about-img em {display:block;width:100%;height:100%;position:relative;}
.home-container .about-img i img {position:absolute;width:100%;height:108%;top:-2%;left:0;object-fit:contain;max-height:initial;}}
.home-container .video{background:url(/uploads/42783/page/p202410091717273fa85.jpg) no-repeat center;background-size:cover;position:relative}
.home-container .video .contain{position:relative}
.home-container .video:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;top:0;left:0}
@media (min-width:769px){.home-bloginfo .blog-right{padding:20px 0 0 30px}}
.home-bloginfo p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:19;overflow:hidden;}
.common-container .common-content .common-conatct {display:none;}
.common-container .common-content .common-main.singgle-main {width:100%;margin:0;}
header .header-top{background: #515151;}
.pro-d-main .pdown2{width: 200px;box-sizing: border-box;height: 45px;margin-right: 5%;margin-bottom: 5%;cursor: pointer;display: flex;justify-content: center;align-items:center;font-size: var(--fontsize16);border-radius: 3px;text-transform: uppercase;background: var(--color);}
.pro-d-main .pdown2 a{color:#fff;}
@media(max-width:768px){.pro-d-main .pdown2{width:100%;margin-right: 0;}}
.home-case{padding:0 260px 50px 260px;}
.home-case .hoemcase-list{display:flex;flex-wrap:wrap;justify-content: space-between;margin-top:20px;}
.home-case .hoemcase-list .case-item{width:32%;margin:15px 0;padding:20px;box-sizing:border-box;background:#f7f7f7;}
.home-case .hoemcase-list .case-item .title{margin:15px 0;font-weight:var(--fontbold7);font-size:var(--fontsize18)}
@media (max-width:1600px){.home-case{padding:0 100px 50px 100px;}}
@media (max-width:1080px){.home-case{padding:0 25px 30px 25px;}}
@media (max-width:768px){.home-case{padding-left:4vw;padding-right:4vw;}
.home-case .hoemcase-list .case-item{width:49%;margin:10px 0;}}
@media (max-width:500px){.home-case .hoemcase-list .case-item{width:100%;}}
.common-content ul.project-list{display:flex;flex-wrap:wrap;}
.project-list li{display:block;margin-right:2%;width:32%;box-sizing: border-box;}
.project-list li:nth-child(3n){margin-right:0;}
.project-name{margin:10px 0;font-weight:var(--fontbold7)}
@media (max-width:768px){.common-content ul.project-list{justify-content: space-between;}
.project-list li{width:49%;margin-bottom:10px;margin-right:0;}}
@media (max-width:500px){.project-list li{margin-bottom:20px;width:100%;}}
#lipeptide-modification ul{display:none;}
.home-container .about-content .h3{font-weight:var(--fontbold7);text-align:left;}
.home-container .about-content .h3.section-title:before{display:none;}
.home-container .about-content .h3:after{margin-left:0;}
.wmkc-list>li.wmkc-wechat .wmkc-itemcont{min-height:180px;}
#liproducts .submenu>li:nth-child(9){display:block;}