@charset "utf-8"; 
:root {--color:#008ed6}
.home-container .about-info .about-content article {color:#fff;line-height:1.7}
@media screen and (max-width:768px){.home-container .about-info .about-content{background:none}}
@media(min-width:769px){.home-container .part-title h3{font-size:45px}}
.knowledges-content .knowledges-list .list-2 .knowledges-img img,.common-container .news-content .news-list .list-2 .news-img img{height:200px;object-fit:contain}
.knowledges-detail-content article p,.news-detail-content article p{margin-top:2px}
.home-container .hot-product ul li .pro-name{margin:12px 0;line-height:30px;display:block;min-height:60px}
@media(max-width: 768px){header nav {padding:0 15px}
header .header-top .top-right #xyz {display:flex;align-items:flex-start;height:34px;right: 0}
header .header-top .top-right #xyz .xyz12 {position:relative;top:0}
header .header-top .top-right #xyz .xyz12 span {right:5px;height: 34px;top: 0;background-position: center 55%}
header .header-top .top-right #xyz .xyz12 ul li:first-child a {color:#000;display: inline-block;vertical-align: middle}
header .header-top .top-right #xyz .xyz12 ul li a {font-size:12px;display:block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
header .header-top .top-right #xyz .xyz12 ul li {height:34px;line-height:34px;width:110px;box-sizing: border-box}
header .header-top .top-right {position:absolute;right:48px;width:100px;height:13.3333333333vw}
header .header-top {padding:0 15px}
header nav .header-logo{padding-right:6.5%}
header nav .mobile-search-btn i{transform:scale(1.6)}}
.home-container .part-title:after {display:none}
@media screen and (min-width:769px){header nav ul .submenu {width:auto;min-width:100%;right:auto;left:0;display:block;height:auto}
header nav ul li {position:relative}
header nav ul .submenu li {display:block}
header nav ul .submenu ul {display:block}
header nav ul .submenu li:after {background:none}
header nav ul .submenu li a {white-space:nowrap;display:block;text-align:left;line-height:40px}
header nav ul .submenu.nav1 ul {position:absolute;left:100%;top:0;background:#fff;display:none}
header nav ul .submenu.nav1 li:hover>ul {display:block}}
@media screen and (max-width:768px){header nav ul .submenu.nav1 ul{display:none}}