body{
}
a:hover{
	color:rgba(230,60,60,1)!important;
}
.container {
    width: 1200px;
    margin:auto;
    max-width: none !important;
    padding:0;
}

.header {
    background: #F9F9F9;
}
.header .lang {
    background: #333;
    text-align: right;
    height: 24px;
    line-height: 24px;
    color: #fff;
}

.header .lang a {
    color: #fff;
}
.header .head {
    
}
.header .head .container {
    display: flex;
    align-items: center;
    padding: 24px 0;
}
.header .head .logo {
    width: 176px;
    height: 58px;
}
.header .head .logo img {
    width: 100%;
}
.header .head .line {
    border-left: 1px solid rgba(0,0,0,0.16);
    margin: 0 20px;
    height: 58px;
}
.header .head .text {
    flex: 1;
}
.header .head .text p {
    font-size: 18px;
    color: #666;
}
.header .head .text p span {
    color: #E63C3C;
}
.header .head .tel {
    width: 350px;
    
}
.header .head .tel img {
    width: 100%;
}
.header .menu {
    
}
.header .menu .container {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    padding-top: 10px;
}
.header .menu .container div a {
    display: inline-block;
    font-size: 16px;
    font-family: SourceHanSansSC-Medium,SourceHanSansSC;
    font-weight: 500;
    color: rgba(102,102,102,1);
    position: relative;
}
.header .menu .container div a:hover,.header>.menu>.container>div.hover>a {
    border-bottom: 4px solid rgba(230,60,60,1);
    padding-bottom: 17px;
	color:rgba(230,60,60,1);
}
.header .menu .container .product:hover .list {
    display: flex;
    background: #fff;
    z-index: 9999;
    left: 0;
    justify-content: space-between;
    width: 100%;
    top: 184px;
    position: absolute;
}
.header .menu .product {
}
.header .menu .product .list {
    display: none;
}
.header .menu .product .list .items {
    display: flex;
    padding-top: 20px;
}
.header .menu .product .list .line {
    border-left: 1px solid #eee;
    margin-top: 20px;
}
.header .menu .product .list .items .image {
    width: 180px;
    height: 180px;
    overflow: hidden;
}
.header .menu .product .list .items .image img {
    width: 100%;
}
.header .menu .product .list .items .classfiy {
    margin-left: 32px;
}
.header .menu .product .list .items .classfiy h2 {
    padding-bottom: 10px;
}
.header .menu .product .list .items .classfiy .item {
    margin-top: 10px;
}

.header .menu .product .list .items .classfiy h2 a{
    font-size: 16px;
    font-weight: 500;
    color: rgba(51,51,51,1);
}
.header .menu .product .list .items .classfiy .item a{
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(51,51,51,1);
}
.header .menu .product .list .items .classfiy h2 a:hover{
	border: none;
    padding-bottom: 0;
    color: #333!important;
}
.header .menu .product .list .items .classfiy .item a:hover{
	border: none;
    padding-bottom: 0;
}
.header .menu .application {
    
}
.header .menu .container .application:hover .list{
    display: flex;
    background: #fff;
    z-index: 9999;
    left: 0;
    justify-content: space-between;
    width: 100%;
    top: 184px;
    position: absolute;
}
.header .menu .application .list {
    display: none;
}
.header .menu .application .list div {
    padding-top: 10px;
}
.header .menu .application .list div .image {
    width: 180px;
    height: 180px;
    overflow: hidden;
}
.header .menu .application .list div .image a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header .menu .application .list div .title{
    text-align: center;
}
.header .menu .application .list div .title a{
    font-size: 16px;
    font-weight: 500;
    color: rgba(51,51,51,1);
    margin-top: 10px;
}
.header .menu .application .list div .title a:hover{
	border: none;
}
.header .menu .support {
    
}
.header .menu .container .support:hover .list {
    display: block;
    position: absolute;
    z-index: 9999;
    background: #fff;
    top: 184px;
}
.header .menu .support .list {
    display: none;
}
.header .menu .support .list div {
    width: 110px;
}
.header .menu .support .list div a {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: rgba(51,51,51,1);
    padding: 10px 16px;
}
.header .menu .support .list div a:hover {
    border: none;
    padding: 10px 16px;
    color: #fff!important;
    background: #333333;
}

.header .menu .container .shop:hover .list {
    display: block;
    position: absolute;
    z-index: 9999;
    background: #fff;
    top: 184px;
}
.header .menu .shop .list {
    display: none;
}
.header .menu .shop .list div {
    width: 110px;
}
.header .menu .shop .list div a {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: rgba(51,51,51,1);
    padding: 10px 16px;
}
.header .menu .shop .list div a:hover {
    border: none;
    padding: 10px 16px;
    color: #fff!important;
    background: #333333;
}
.header .menu .container .volcano:hover .list {
    display: block;
    position: absolute;
    z-index: 9999;
    background: #fff;
    top: 184px;
}
.header .menu .volcano .list {
    display: none;
}
.header .menu .volcano .list div {
    width: 110px;
}
.header .menu .volcano .list div a {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: rgba(51,51,51,1);
    padding: 10px 16px;
}
.header .menu .volcano .list div a:hover {
    border: none;
    padding: 10px 16px;
    color: #fff!important;
    background: #333333;
}
.footer {
    background: #F8F9FA;
}
.footer .container {
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #F8F9FA;
}
.footer .menu {
    flex: 10;
    display: flex;
    justify-content: space-between;
}
.footer .menu .items .list .item {
    margin-top: 8px;
}
.footer .menu .items .list .item a{
    color: rgba(0,0,0,0.6);
}
.footer .menu .items .title {
    margin-bottom: 13px;
}
.footer .menu .items .title a{
    font-size: 14px;
    font-weight: 500;
    color: rgba(102,102,102,1);
}
.footer .menu .items .list {
    
}
.footer .menu .items .list .item {
    
}
.footer .line {
    flex: 1;
    border-left: 1px solid rgba(0,0,0,0.16);
    margin-left: 70px;
}
.footer .info {
    flex: 2;
}
.footer .info .logo {
    
}
.footer .info .logo img {
    width: 116px;
}
.footer .info .qrcode {
    margin-top: 8px;
}
.footer .info .qrcode img {
    width: 116px;
}
.footer .info .tel {
    line-height: 20px;
    margin-top: 8px;
}
.footer .info .tel h2 {
    font-weight: 500;
    color: rgba(0,0,0,0.6);
}
.footer .info .tel p {
    font-weight: 400;
    color: rgba(0,0,0,0.6);
}
.footer .info .tel h2 img {
    width: 13px;
    height: 12.69px;
    vertical-align: unset;
    margin-right: 8px;
}
.footer .info .mail {
    margin-top: 15px;
}
.footer .info .mail h2 {
    font-weight: 500;
    color: rgba(0,0,0,0.6);
}
.footer .info .mail p {
    font-weight: 400;
    color: rgba(0,0,0,0.6);
}
.footer .info .mail h2 img {
    width: 13px;
    height: 12.69px;
    vertical-align: unset;
    margin-right: 8px;
}
.copyright {
    background: #F8F9FA;
    text-align: center;
    color: rgba(0,0,0,0.5);
}
.copyright .container {
    background: #F8F9FA;
    padding-top: 40px;
    padding-bottom: 30px;
}
.copyright p {
    font-size: 13px;
}
.copyright a {
    font-size: 13px;
    color: rgba(0,0,0,0.5);
    margin-left: 32px;
}