html,body{width: 100%;height: 100%;}
*{margin: 0;padding: 0;}
.header_pccerter{width: 100%;position: fixed;left: 0;top: 0;z-index: 999;}
.header_pcall{height: 70px;width: 100%;position: relative;background-color: #cf0008;}
.header_pccenter{max-width: 1200px;margin: 0 auto;display: flex;}
.header_pcimg{width: 220px;display: flex;align-items: center;}
.header_pcnav{display: flex;flex: 1;justify-content: space-between;font-size: 16px;color: #fff;line-height: 70px;}
.header_pcnava{padding: 0 15px;position: relative;line-height: 70px;display: inline-block;font-family: 黑体;font-size: 19px;color: #fff;}
.header_pcline{width: 100%;height: 3px;background: #fff;transition: all 0.5s ease-in-out;left: 0;bottom: 0;position: absolute;}
.header_pcitem:on .header_pcnava{color: #fff;}
.header_pcitem:hover .header_pcnava{color: #fff;}
.header_pcnava:after {content: "";width: 0px;height: 3px;background: #fff;transition: all 0.5s ease-in-out;left: 50%;bottom: 0;position: absolute;}
.header_pcitem:hover .header_pcnava:after {content: "";width: 100%;height: 3px;background: #fff;transition: all 0.5s ease-in-out;left: 0;bottom: 0;position: absolute;}
.header_pcproduct{position: absolute;left: 0;top: 70px;width: 100%;display: flex;visibility: hidden;opacity: 0;z-index: 2;justify-content: center;}
.header_pcitem:hover .header_pcproduct{visibility: visible;opacity: 1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition: all 0.5s;transition: all 1s;}
.header_pcpimg{width: 30%;padding-right: 80px;}
.header_pcpcenter{background-color: #f5f5f5;display: flex;justify-content: space-between;width: 60%;padding: 50px 30px;}
.header_pcplist{display: flex;flex-direction: column;}
.header_pcpitems{display: flex;color: #808080;line-height: 32px;}
.header_pcpitem{display: flex;flex-direction: column;}
.header_pcpitem1{width: 100px;box-sizing: border-box;padding-right: 32px;}
.header_pcpitem div{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.header_pcplisttitle{height: 40px;border-bottom: 1px solid #ccc;line-height: 20px;margin-bottom: 15px;}
.header_pcplisttitle a{color: #fff;font-size: 20px;}
.header_pcpmore{line-height: 28px;height: 28px;color: #fff;font-size: 14px;display: inline-block;padding-top: 20px;}
.header_pcpitemtitle{font-size: 17px;color: #333;padding-bottom: 5px;}
.header_pcpitemline{height: 100px;width: 1px;background-color: #ccc;margin-top: 110px;}
.header_pcpeclip{width: 100px;display: flex;justify-content: center;align-items: center;font-size: 25px;color: #333;}
.header_pcpclipline{height: 140px;width: 1px;background-color: #ccc;margin-top: 50px;}
@media only screen and (min-width: 768px) and (max-width: 1400px){
	.header_pcproduct{width: 94%;padding: 60px 3%;}
}
.header_mobileall{width: 100%;height: 60px;display: flex;box-sizing: border-box;justify-content: space-between;padding: 0 20px;align-items: center;position: fixed;top: 0;left: 0;z-index: 2;background: #ffffff;}
.header_mobileimg{width: 120px;}
.header_mcen{position: relative;}
.header_mlists{width: 100%;display: none;position: absolute;left: 0;top: 60px;background-color: #fff;z-index: 3;}
.header_mlist{display: flex;flex-direction: column;width: 100%;}
.header_mlist a{margin: 13px 40px;font-size: 16px;padding-bottom: 5px;border-bottom: 1px solid #ccc;}

.header_website{width: 140px;display: flex;align-items: center;justify-content: flex-end;}
.header_website>a{font-size: 15px;width: 80px;background-color: #fff;color: #cf0008;border-radius: 20px;padding: 5px 3px;text-align: center;}