﻿@charset "utf-8"; 
:root{--color:#E11D07}
.button_box strong{text-transform:capitalize}
.pro_left{font-size:14px}
.appli_con h3{text-transform:capitalize}
@media screen and (min-width:961px){.appli_li li{width:33.3333%}}
.mid_box .single_one{padding:10px 25px;box-sizing:border-box}
.single_content p{white-space:normal;line-height:1.4;text-transform:capitalize}
.button_box p{padding:4px 0}
#skill{background:url(/Content/upload/2019509262/201910301343304008237.jpg) no-repeat;background-attachment:fixed!important;padding:70px 0;overflow:hidden;background-size:cover}
@media (max-width:1366px){.nav li a{padding:0 10px}}
#nav>.container{display:flex;align-items:center;justify-content:space-between}
@media (min-width:769px){body.index{padding-top:146px;}
body.index .index-main{top:0;}
body.index .index-main .swiper-container{margin-top:0;}}
@media (max-width:768px){.index-main{top:0}
.index-main .swiper-container{margin-top:80px;}}
@media (max-width:767px){.index-main .swiper-container{margin-top:55px;}}
@media (min-width:961px){header .header-info{background:#000;}
header .header-info div,header .header-info div i,header .header-info i, header .header-info a{color:#fff}
header .header-nav{background:#fff}
header .header-nav .header-nav-list ul li a,header .header-nav .header-nav-list ul li a:hover,header .header-nav .header-nav-list ul li .submenu li a{color:#000;}
header .header-nav .header-nav-list ul li .submenu li{color:#000;background:#fff;}}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-icon div{background-image:url(/uploads/22033/page/p2024052716044984b5b.png)}
@media (min-width:769px){.product-main .product-container .product-main .product-list-1 ul .list2{background:none;width:32%;height:auto;margin:0 2% 30px 0;display:block}
.product-main .product-container .product-main .product-list-1 ul .list2:nth-child(3n){margin-right:0}
.product-main .product-container .product-main .product-list-1 ul li .product-item-img {height:auto;margin:0;overflow:hidden;display:block}
.product-main .product-container .product-main .product-list-1 ul li .product-item-img a{height:0;padding-bottom:100%;position:relative;overflow:hidden}
.product-main .product-container .product-main .product-list-1 ul li .product-item-img img {display:block;background:#fff;width:100%;object-fit:contain;position:absolute;top:0;left:0;height:100%;}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-img img{transform:scale(1.05)}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content{display:block;height:auto;position:static;background:none;padding:0;}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-title{height:auto;line-height:1.4;margin:10px 0 0;}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-title a{display:block;width:100%;color:#000}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-title a span{color:#000;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center;}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content{transform:translate(0,0);top:0;padding:0;}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content .product-item-content-title{line-height:1.4;height:auto;margin-top:10px;}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content .product-item-content-title a span{color:var(--color)}}
@media (max-width:960px) and (min-width:769px){.product-main .product-container .product-main .product-list-1 ul .list2{width:48%;margin:0 4% 30px 0;}
.product-main .product-container .product-main .product-list-1 ul .list2:nth-child(3n){margin-right:4%}
.product-main .product-container .product-main .product-list-1 ul .list2:nth-child(2n){margin-right:0}}
@media (max-width:768px){.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-title{margin:10px 0 0!important}}
@media (min-width:1101px){footer .contact-container>div{max-width:24%!important;}
footer .contact-container .contact-us,footer .contact-container .contact-qr-code{margin-top:0}}