﻿@charset "utf-8"; 
.pro-c-art article table{margin:0;padding:0;text-align:center}
.common-main article p{margin-bottom:0px}
.side-pro-name,.adv-item article,.content-info article,.news-title,.news article,.pro-info article{word-break:break-word}
.news-img img{height:300px;object-fit:cover}
.cate-img img{width:100%}
.head-nav>ul .submenu.nav1 > li > a:after{display:none}
.side-cate>ul>li>ul{display:block !important}
.side-cate>ul>li i{display:none}
@media (min-width:901px){.common-right{display:block}}
@media (max-width:900px){.common-right{display:none}}
.foot-l .lfr a{background:0 0;border-radius:5px;overflow:hidden}
.share{display:flex;align-items:center}
.share a{display:block;width:30px;margin:0 4px;height:30px;border-radius:2px;overflow:hidden}
.cate-tit{text-transform:uppercase;text-align:center;font-size:34px;font-weight:700;position:relative;display:flex;justify-content:center}
.cate-tit::before{content:'';display:block;position:absolute;top:50%;left:10%;width:80%;height:1px;background:#333}
.cate{padding:3% 0}
.cate-tit p{position:relative;z-index:1;padding:0 30px;background:#fff}
.cate-tit p::after,.cate-tit p::before{content:'';display:block;width:14px;height:14px;border-radius:50%;position:absolute;top:50%;z-index:1;transform:translateY(-50%)}
.cate-tit p::before{left:0;background:#d9e256}
.cate-tit p::after{right:0;background:#2294d2}
.cate-list{justify-content:space-between;flex-wrap:wrap;margin-top:4%}
.cate-item{width:20%;text-align:center;box-sizing:border-box;padding:1% 2%}
.cate-name{font-family:Arial;font-weight:700;font-style:italic;color:#4f4c4b;margin-top:10px;line-height:1.3;font-size:22px}
.cate-item:hover .cate-name,.cate-item:hover .cate-num{opacity:1}
.about-num{position:relative}
.about-num::after{content:'+';display:inline-block}
@media(max-width:1367px){.cate-name{font-size:18px}}
@media screen and (max-width:768px){.cate{display:block}
.cate-tit{font-size:26px}
.cate-tit p{padding:0 20px}
.cate-item{width:50%}
.cate-name{font-size:16px}}
@media(min-width:769px) and (max-width:1500px){.about .about-con,.about .about-img{width:50%}
.about .about-img{max-height:100%}
.about .about-img img{height:100%}}
@media(max-width:768px){.head-nav>ul .submenu.nav1 li a{padding-left:0;font-weight:700}
.head-nav>ul .submenu.nav1 ul{position:static;display:block}
.head-nav>ul .submenu.nav1 ul li{margin:0}
.head-nav>ul .submenu.nav1 ul li a{padding-left:0;font-weight:400}
.cate-item a img{max-width:80%}}
.head-logo img{height:35px}
@media screen and (max-width:768px){.head-logo img{height:18px}
.head-logo{width:auto;min-width:inherit}}