/*通用设置*/
*{animation: ease-in 0.3s;}
ul,li{list-style: none;padding: 0;}
.row{margin: 0 auto;}
a,a:hover{text-decoration: none;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: 0;}
.m{display: none;}
.swiper-pagination-bullet{background-color: unset;border: 1px #cccccc solid;opacity: 1;width: 12px;height: 12px;}
.swiper-pagination-bullet-active{background-color: #E62129;border: 0;}
.swiper-pagination{position: unset;margin-top: 40px;}
/*放大效果*/
.zoom_in{overflow: hidden;display: block;}
.zoom_in img{width: 100%;transition: all 0.6s;height: 100%;}
.zoom_in:hover img{transform: scale(1.2);}
/*文本溢出省略*/
.p-hidden{
    display: inline-block;
    width: 96%;
    text-overflow: ellipsis; /* 文本溢出显示省略标记 是一种生声明需要配合下面俩个属性才能生效*/
    overflow: hidden;
}
/*自动放大缩小*/
@keyframes scaleDraw {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.1);
    }
}
/*手机底部导航*/
.m-foot-nav{position: fixed;z-index: 9999;bottom: 0;width: 100%;display: none;}
.m-foot-nav a{background-color: #E62129;color: #fff;font-size: 18px;display: block;float: left;width: 25%;text-align: center;}
.m-foot-nav a:hover{text-decoration: none;}
.m-foot-nav a>span{display: block;margin: 0 auto;font-size: 20px;line-height: 30px;}
/*!*翻牌效果*!*/
/*.product-list{float: left;width: 24%;height: 600px;margin: 90px 0;margin-right: 1%;}*/
/*.product-list div.pro {*/
/*    height: 600px;*/
/*    position: absolute;*/
/*    transform-style: preserve-3d;*/
/*    backface-visibility: hidden;*/
/*    transition: all 0.8s;*/
/*}*/
/*.product-list div>img{object-fit: cover;}*/
/*.product-list .pro1{transform: rotateY(0);}*/
/*.product-list .pro2{transform: rotateY(-180deg);}*/
/*.product-list .pro2 div{background-color:#E62129;padding: 30px;margin-top: -120px;z-index: 9999;position: relative;}*/
/*.product-list .pro2 div>img{height: 70px;}*/
/*.product-list .pro2 div>a{display: block;width: 100%;margin-top: 30px;text-align: center;line-height: 40px;font-size: 14px;text-decoration: none;color: #fff;border: 1px #fff solid;}*/
/*.product-list:hover{margin-top: 40px;}*/
/*.product-list:hover .pro1{transform: rotateY(-180deg);}*/
/*.product-list:hover .pro2{transform: rotateY(0);}*/

.container{max-width: 1600px;margin: 0 auto;padding: 0;position: relative;}
@media screen and (max-width: 1600px) {
    .container{max-width: 1400px;}
}
@media screen and (max-width: 1400px) {
    .container{max-width: 1170px;}
}
@media screen and (max-width: 1170px) {
    .container{max-width: 992px;}
}
@media screen and (max-width: 991px) {
    .container{max-width: 96%;}
}
/*标题*/
.title{padding: 80px 0 50px;}
.title h3{font-size: 32px;color: #000;}
.title h3 span{font-size: 12px;color: #999999;}
.title a{font-size: 14px;color: #000;}
.title a span{display: inline-block;margin-left: 10px;color: #E62129;}
.title a:hover{color: #E62129;}
/*导航*/
#navList{margin:0 90px;}
.navbar{background-color: #fff;height: 100px;}
.navbar-nav{width: 100%;}
.navbar-nav .nav-item{width: 16.6%;text-align: center;position: relative;height: 100px;}
.navbar-dark .navbar-nav .nav-link{color: #000;font-size: 16px;margin: 40px auto;line-height: 16px;}
.navbar-dark .navbar-nav .nav-link:before{content: " ";display: block;width: 30px;height: 1px;background-color: #fff;position: absolute;margin: 0 auto;top: 75px;left: 40%;}
.navbar-nav .nav-item:hover{background-color: #E62129;}
.navbar-nav .nav-item:hover .nav-link{color: #fff;}
.navbar-nav .nav-item.on{background-color: #E62129;}
.navbar-nav .nav-item.on .nav-link{color: #fff;}
.navbar-dark .navbar-text{font-size: 26px;font-weight: bold;line-height: 100px;color: #000;padding: 0;}
.navbar-dark .navbar-text>img{display: inline-block;margin-right: 5px;}
.navbar.fixed-top{z-index: 99;}
/*轮播*/
#banner{width: 100%;height: auto;max-height: 700px;overflow: hidden;position: relative;}
#banner img{width: 100%;animation: scaleDraw 20s ease-in-out infinite;}
/*产品中心-推拉效果*/
.product-list{float: left;width: 24%;height: 600px;margin: 90px 0;margin-right: 1%;transition: ease-in 0.5s;overflow: hidden;}
.product-list a{display: block;}
.product-list div.pro {
    height: 600px;
    position: relative;
    transition: ease-in 0.5s;
}
.product-list .pro>img{object-fit: cover;}
.product-list .pro>img.pro2{display: none;}
.product-list div.pro:before{content: " ";display: block;width: 100%;height: 100%;position: absolute;z-index: 9998;background-color: rgba(0,0,0,0.5);}
.product-list .pro div{background-color:#E62129;width:100%;padding: 30px;z-index: 9999;bottom:0;position: absolute;transform: translateY(100%);transition: all 0.5s;}
.product-list .pro div>img{height: 70px;}
.product-list .pro div>span{display: block;width: 100%;margin-top: 30px;text-align: center;line-height: 40px;font-size: 14px;text-decoration: none;color: #fff;border: 1px #fff solid;}
.product-list:hover{margin-top: 40px;height: 680px;margin-bottom: 60px;}
.product-list:hover .pro>img.pro1{display: none;}
.product-list:hover .pro>img.pro2{display: block;}
.product-list:hover div.pro{height: 680px;}
.product-list:hover div.pro:before{background-color: unset;}
.product-list:hover .pro div{transform: translateY(0%);}
/*关于我们*/
.about{background: url("../img/about-bg.png") no-repeat;background-size: 100% 100%;box-shadow: 10px -1px 10px 0 #ccc;}
.about .about-left{width: 40%;position: relative;}
.about .about-left img{height: 800px;object-fit: cover;}
.about .about-left a{position: absolute;display: inline-block;line-height: 40px;width: 27.5%;bottom: 30px;color: #fff;right: 3%;text-align: center;border: 1px #fff solid;transition: ease-in 0.1s;}
.about .about-left a:hover{background-color: #fff;color: #E62129;}
.about .about-right{width: 60%;text-align: left;padding:0 30px;}
.about .about-right h5{padding-top: 80px;padding-bottom: 50px;font-size: 32px;line-height: 1;}
.about .about-right .about-text p{font-size: 16px;line-height: 2;}
.about .about-m{display: none;}
.pmd-txt{margin-top:100px;}
.pmd-txt div{width: 25%;}
.pmd-txt div span{font-size: 60px;color: #E62129;font-weight: bold;line-height: 60px;display: inline-block;}
.pmd-txt div small{font-size: 16px;color: #000;height: 60px;display: inline-block;position: relative;vertical-align: top;padding-top: 40px;}
.pmd-txt div:nth-child(n+2) small:before{content: "+";position: absolute;width: 100%;text-align: center;top: 0;}
.pmd-txt div p{font-size: 18px;font-weight: bold;color: #000;}
/*产品中心*/
.product1 .title a{margin-left: 50px;color: #666666;font-size: 18px;position: relative;}
.product1 .title .type-nav a.on{color: #000;}
.product1 .title .type-nav a.on:before{content: " ";display: block;position: absolute;width: 100%;height: 6px;background-color: #E62129;bottom: 4px;z-index: -1;}
.product1 .con .product1-con{display: none;}
.product1 .con .product1-con:first-child{display: block;}
.product1 .product1-con a.float-start{width: 24%;margin-right: 1%;}
.product1 .product1-con a.float-start img{height: 250px;object-fit: cover;}
.product1 .product1-con p{color:#000;margin: 20px 0 0;}
.product1 .product1-con a:hover p{color: #E62129;}
/*品质*/
.pz{margin-bottom: 80px;}
.pz .title{margin: 0 auto;}
.pz .title span{font-size: 12px;color: #999999;padding-top: 20px;}
.pz .con{position: relative;margin-top: 50px;}
.pz .con img{width: 100%;}
.pz .con .left{width: 38%;margin-top: -11.5%;position: relative;z-index: 998;}
.pz .con .right{width: 38%;}
.pz .con .center{width:38%;position: absolute;left: 31.8%;z-index: 999;}
/*荣誉资质*/
#advantages .zz-list{width: 24%;margin-right: 1%;}
#advantages .zz-list img{height: 250px;overflow: hidden;}
/*新闻*/
.news{margin-bottom: 80px;}
.news#advantages .zz-list{background-color: #f4f4f4;padding: 50px 30px;border-radius:20px;margin-top: 10px;}
.news#advantages .zz-list *{font-size: 14px;color: #666;}
.news#advantages .zz-list b{display: block;font-size: 26px;line-height: 1;padding: 20px 0 40px;color: #E62129;font-weight: bold;}
.news#advantages .zz-list h5{font-size: 16px;color: #000;}
.news#advantages .zz-list hr{margin: 30px 0;}
.news#advantages .zz-list p{margin-bottom: 40px;}
.news#advantages .zz-list:hover{background-color: #E62129;margin-top:0;}
.news#advantages .zz-list:hover *{color: #fff;}
/*底部内容*/
#footer-content{background-color:#E62129;}
#footer-content .container{border-bottom: 1px rgba(255,255,255,0.1) solid;}
#footer-content .container .con{padding: 0 110px;}
#footer-content .container .con *{color: #fff;font-size: 14px;}
#footer-content .left{}
#footer-content .left img{height: 90px;}
#footer-content h6{font-size: 18px;color: #fff;padding-top: 60px;padding-bottom: 40px;font-weight: bold;margin-bottom: 0;}
#footer-content p.f-nav{margin-bottom: 20px;}
#footer-content p.f-nav a{display: inline-block;padding:0 35px;position: relative;line-height: 14px;}
#footer-content p.f-nav a:before{content: " ";width: 1px;height: 10px;background-color: #fff;top: 2px;position: absolute;right: 0;}
#footer-content p.f-nav a:hover{text-decoration: underline;}
#footer-content p.f-nav{border-bottom: 1px #fff solid;padding-bottom: 20px;}
#footer-content p.f-nav a:first-child{padding-left: 0;}
#footer-content p.f-nav a:last-child{padding-right: 10px;}
#footer-content p.f-nav a:last-child:before{content: unset;}
#footer-content .f-address p{margin-bottom: 0.5rem;}
#footer-content .left{padding: 55px 0;}
#footer-content .center{padding-left: 80px;padding-top: 30px;}
#footer-content .right{width: 125px;text-align: center;padding: 30px 0;}
#footer-content .right>div{width:49.5%;margin-right:1%;}
#footer-content .right>div:last-child{margin-right:0;}
#footer-content .right p{font-size: 12px;text-align: center;width: 100%;padding-top: 10px;margin-bottom: 0;}

/*响应式布局*/
@media (max-width: 1600px) {
    #footer-content .center{padding-left: 30px;}
    .about .about-left a{width: 150px;right: 20px;}
}
@media (max-width:1400px) {
    .about .about-left a{line-height: 30px;bottom: 20px;}
    .about .about-left img{height: 600px;}
    .about .about-right .about-text p{font-size: 14px;}
    .about .about-right h5{padding: 40px 0;}
    .pmd-txt{margin-top: 50px;}
    .pmd-txt div span{font-size: 40px;line-height: 40px;}
    .pmd-txt div small{font-size: 14px;height: 40px;padding-top: 25px;}
    #footer-content .container .con{padding: 0;}
}
@media (max-width: 1170px) {
    #navList{margin: 0 10px;}
    .product-list{height: 360px;}
    .product-list div.pro{height: 360px;}
    .product-list:hover div.pro{height: 440px;}
    .product-list:hover{height: 440px;}
    .product-list .pro div > img{height: 50px;}
    .product-list .pro div{padding: 10px;}
    .product-list .pro div > span{margin-top: 15px;}
    .about-pc{display: none;}
    .about .about-m{display: block;}
    .about .about-left{width: 20%;}
    .about .about-right{width: 80%;}
    .about .about-left a{width: 85%;bottom: 30px;}
    .product1 .product1-con a.float-start img{height: 200px;}
    #advantages .zz-list img{height: 200px;}
    .news#advantages .zz-list b{padding: 1rem 0;}
    .news#advantages .zz-list{padding: 30px;}
    .news#advantages .zz-list hr{margin: 1rem 0;}
    .news#advantages .zz-list h5{font-size: 14px;line-height: 20px;height: 20px;overflow: hidden;white-space: nowrap;}
    .news#advantages .zz-list p{margin-bottom: 1rem;}
    #footer-content p.f-nav{display: none;}
    #footer-content .left{padding: 30px 0;}
    #footer-content .right{padding: 15px 0;width: 90px;}
}
@media (max-width:991px) {
    .navbar-toggler{background-color: #E62129;}
    .navbar-dark .navbar-text{display: none;}
    #navList{position: absolute;top: 92px;margin: 0;width: 100%;background-color: #E62129;z-index: 9999;}
    #navList *{color: #fff;}
    .navbar-nav .nav-item{height: auto;width: 100%;text-align: center;}
    .navbar-dark .navbar-nav .nav-link{line-height: 40px;margin: 0;width: 100%;display: block;}
    .navbar-dark .navbar-nav .nav-link::before{content: unset;}
    .product1 .product1-con a.float-start img{height: 150px;}
}
@media (max-width: 767px) {
    ul.product{margin-bottom: 40px;}
    .product-list{width: 49%;margin-top:40px;height: 240px;margin-bottom: 0;}
    .product-list:hover{height: 240px;margin-bottom: 0;}
    .product-list:hover div.pro{height: 240px;}
    .product-list .pro div > span{line-height: 2;font-size: 12px;}
    .product-list .pro div > img{height: 40px;}
    .about .about-right .about-text p{font-size: 12px;}
    .pmd-txt div span{font-size: 24px;line-height: 30px;}
    .pmd-txt div small{font-size: 12px;height: 30px;padding-top: 15px;}
    .pmd-txt div p{font-size: 14px;}
    .about .about-left img{height: 600px;}
    div.product1 .title h3{float: unset !important;width: 100%;text-align: center}
    div.product1 .title h3 span{display: block;margin: 0 auto;}
    div.product1 .type-nav{float: unset !important;margin: 0 auto;text-align: center;margin-top: 30px;}
    div.product1 .type-nav a:first-child{margin-left: unset;}
    div.product1 .type-nav a{display: inline-block;float: unset !important;}
    .product1 .product1-con a.float-start{width: 49%;margin-bottom: 30px;}
    .product1 .product1-con a.float-start img{height: 280px;}
    #advantages .zz-list{width: 49%;margin-bottom: 30px;}
    #advantages .zz-list img{height: 250px;}
    .news#advantages .zz-list:hover{margin-top: 10px;}
    .pmd-txt{margin-top: 2vw;}
    #footer-content .left{display: none;}
}
@media (max-width: 550px) {
    .swiper-pagination{margin-top: 0;}
    .product1 .product1-con a.float-start img{height: 150px;}
    .product1 .product1-con p{margin: 2vw 0;}
    .product1 .product1-con a.float-start{margin-bottom: 0;}
    .pz .con .center{display: none;}
    .pz .con .right,.pz .con .left{width: 50%;}
    .pz .con .left{margin-top: -15%;}
    .pz .con{overflow: hidden;}
    .title{padding: 2rem 0;}
    .pz{margin-bottom: 0;}
    .pz .con{margin-top: 0;}
    .title h3{font-size: 1.5rem;}
    #advantages .zz-list img{height: 190px;object-fit: cover;}
    #footer-content .center{padding-left: 0;width: 80%;}
    #footer-content .container .con *{font-size: 12px;}
    #footer-content .right{width: 18%;}
    .news{margin-bottom: 20px;}
}
@media (max-width: 450px) {
    .product-list{height: 200px;margin-top: 20px;}
    .product-list div.pro{height: 200px;}
    .product-list:hover{height: 200px;margin-top: 20px;}
    .product-list:hover div.pro{height: 200px;}
    .navbar-dark .navbar-brand img{height: 60px;}
    .navbar{height: 80px;}
    .about .about-left{display: none;}
    .about .about-right{width: 100%;padding: 0;}
    .about .about-right h5{padding: 20px 0;font-size: 24px;}
    .about .about-right .about-text p{margin-bottom: 0;}
    .product1 .title a{margin-left: 1rem;font-size: 16px;}
    .news#advantages .zz-list hr{margin: 0.5rem 0;}
    .news#advantages .zz-list b{font-size: 18px;}
    .news#advantages .zz-list *{font-size: 12px;}
    .news#advantages .zz-list{padding: 15px;}
    #advantages .zz-list{margin-bottom: 10px;}
    .m-foot-nav{display: block;}
    #navList{top: 73px;}
}