body,html{overflow-x: hidden;}
.headernav{width: 100%;z-index: 9999999;background-color:#fff;}
.headernav_bd{display: flex;justify-content: space-between;align-items: center;}
.headernav_right{display: flex;justify-content: flex-end;align-items: center;}
.headernav_logo img{max-height: 100px;padding-top: 20px;}


.indexproduct{background-color: #eee;padding: 80px 0;}
.indexzhutitlebox{margin: 0 auto;display: flex;align-items: center;}
.indexzhutitle{margin: 0 auto 40px auto;display: flex;flex-direction: column;align-items: flex-start;}
.indexzhutitle h2{font-size: 48px;color: #000;text-align: center;font-weight: bold;margin-bottom: 25px;}
.indexzhutitle span{display: inline-block;width: 70px;height: 5px;background-color: #E34242;}
.indexproduct_li{margin: 15px 0;position: relative;top: 0;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexproductflex{display: flex;flex-wrap: wrap;}
.indexproduct_box{height: 100%;background-color: #fff;padding: 30px 20px;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexproduct_img{position: relative;overflow: hidden;display: block;width: 100%;height: auto;padding-top: 100%;}
.indexproduct_img img{width: 100%;vertical-align: middle;position: absolute;top: 0;left: 0;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexproduct_con{margin-top: 30px;}
.indexproduct_con h3{font-size: 18px;color: #000;text-align: center;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;}
.indexproduct_con .indexproduct_more{width: 60%;height: 50px;line-height: 50px;border: 1px solid #E34242;  background-color: #E34242;font-size: 16px;color: #fff;text-align: center;margin: 30px auto 0 auto;display: block;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexproduct_li:hover .indexproduct_con .indexproduct_more{background-color: #fff;color: #E34242;}
/* .indexproduct_li:hover .indexproduct_img img{transform: scale(1.2);} */
.indexproduct_li:hover {top: -20px;}
.indexproduct_li:hover .indexproduct_box{box-shadow: 3px 3px 20px rgba(0,0,0,0.2);}


.banner .swiper-button-next:after,.banner  .swiper-rtl .banner .swiper-button-prev:after{content: "\ea83";font-family: "iconfont";}
.banner .swiper-button-prev:after,.banner  .swiper-rtl .banner .swiper-button-next:after{content: "\e640";font-family: "iconfont";}


.indexabout{padding: 130px 0  100px 0;display: flex;justify-content: space-between;}
.indexabout_main{border: 2px solid #000;padding: 70px 100px  70px  300px;}
.indexabout_left{width: 60%;}
.indexabout_right{width: 40%;}
.indexabout_img img{width: 100%;vertical-align: middle;}
.indexabout_main h2{font-size: 48px;color: #000;font-weight: bold;margin-bottom: 30px;}
.indexabout_main p{font-size: 16px;color: #333;margin-bottom: 10px;}
.indexabout_more{display: block;width: 35%;height: 50px;line-height: 50px;background-color: #E34242;font-size: 18px;color: #fff;text-align: center;font-weight: bold;margin-top: 40px;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexabout_img{margin-top: -40px;margin-left: -60px;z-index: 99;}
.indexabout_more:hover{background-color: #000;color: #fff;}


.indexgood{background: url(../images/img5.jpg) no-repeat 50% 50%;background-size:100%;padding: 80px 0;position: relative;overflow: hidden; object-fit:cover;}
.indexgoodcover{width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;z-index: 9;}
.indexgood_main h2{font-size: 48px;color: #E34242;font-weight: bold;margin-bottom: 60px;z-index: 99;position: relative;}
.indexgood_main ul{z-index: 99;display: flex;justify-content: space-between;flex-wrap: wrap;}
.indexgood_main li{width: 30%;overflow: hidden;display: flex;flex-direction: column;align-items: center;z-index: 99; margin:12px 0;}
.indexgood_main li i{z-index: 99;font-size: 70px;color: #E34242;font-weight: bold;text-align: center;display: block;margin-bottom: 20px;}
.indexgood_main li p{z-index: 99;font-size: 24px;color: #E34242;font-weight: bold;text-align: center;word-break: break-all;}

.indexlook{padding: 80px 0  100px 0;}
.indexlookflex{display: flex;align-items: center;flex-wrap: wrap;}
.indexlookimg img{max-width: 100%;vertical-align: middle;}
.indexlookimg {position: relative;overflow: hidden;display: block;}
.indexlook_main h3{font-size: 36px;color: #E34242;font-weight: bold;text-align: right;margin-bottom: 30px;}
.indexlook_main p{font-size: 16px;color: #000;text-align: right;}
.indexlookmore{display: block;width: 40%;height: 50px;line-height: 50px;background-color: #E34242;font-size: 18px;color: #fff;text-align: center;font-weight: bold;  margin: 40px 0 0 auto; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexlookmore:hover{background-color: #000;color: #fff;}
.playvideobtn{position: relative;overflow: hidden;margin: 0 auto;display: block;}
.wave1{animation: movecircle 3s infinite; width: 100px;height: 100px;line-height: 100px;border-radius: 50%;background-color: rgba(255,255,255,0.3);margin: 0 auto;}
.wave2{ width: 80px;height: 80px;line-height: 80px;border-radius: 50%;background-color: rgba(255,255,255,0.6);margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.playvideobtn span{display: block;width: 60px;height: 60px;line-height: 60px;border-radius: 50%;background-color: rgba(255,255,255,1);margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.playvideobtn i{ font-size: 32px;text-align: center; color: #E34242;margin: 0 auto 0 3px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
@keyframes movecircle{0%{transform: scale(0);}100%{transform: scale(1);}}
.videomain{display: none;  position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);z-index: 9999999999999999999999;}
.videoclose{position: absolute;top: 50px;right: 50px;}
.videoclose img{width: 50px;height: 50px;display: block;}
.videobox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.videobox video{width: 100%;}
.indexlookbtn{z-index: 99; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); display:none;}
.indexlookvideo{position: relative;}
.indexlook_leftbox img{width: 100%;}
.indexlook_leftbox{position: absolute;bottom: -40px;left: -40px;margin-right: 30px;margin-top: 30px;}
.indexlook_leftcover{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    border: 1px solid  #eeeeee;
    
}


.indexnews{padding: 30px 0 90px 0;}
.indexnewsflex{display: flex;flex-wrap: wrap;}
.indexnews_box{height: 100%;background-color: #fff;box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.15);position: relative;overflow: hidden;}
.indexnewsimg{position: relative;display: block;overflow: hidden;width: 100%;height: auto;padding-top: 100%;}
.indexnewsimg img{width: 100%;
height: 100%;object-fit: cover;
vertical-align: middle;position: absolute;top: 0;left: 0;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexnews_con{padding: 30px 15px 30px 15px;position: relative;}
.indexnewsline{width: 0;height: 4px;background-color: #E34242;position: absolute;bottom: 0;left: 0;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexnews_title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.indexnews_title h3{font-size: 20px;color: #000;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;}
.indexnews_title span{font-size: 16px;color: #000;text-decoration: underline;font-weight: bold;}
.indexnews_con p{font-size: 16px;color: #333;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;overflow: hidden;}
.indexnews_more{display: block;width: 50%;height: 50px;line-height: 50px; border: 1px solid #E34242; font-size: 18px;color: #E34242;text-align: center; margin: 30px 0 0 0; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexnews_number{width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 50%;background-color: #E34242;font-size: 20px;color: #fff;font-weight: bold;position: absolute;top: -20px;left: 50%;transform: translateX(-50%);}
.indexnews_li:hover .indexnews_more{background-color: #E34242;color: #fff;}
.indexnews_li:hover  .indexnewsline{width: 100%;}
.indexnews_li:hover .indexnewsimg img{transform: scale(1.2);}


/*.footer{background: url(../images/img9.jpg) no-repeat 50% 50%;background-size:auto 100%;padding: 90px 0  60px 0;position: relative;overflow: hidden;}*/
.footer{background: #4e4e4e;background-size:auto 100%;padding: 90px 0  60px 0;position: relative;overflow: hidden;}
.footercover{width: 100%;height: 100%;background-color: rgba(0,0,0,0);position: absolute;top: 0;left: 0;z-index: 9;}
.copyrights{background-color: #4e4e4e;border: 1px solid #fff;padding: 15px 0 50px 0;}
.copyrights_con{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.copyrights_con p{font-size: 16px;color: #fff;}
.copyrights_con a{font-size: 16px;color: #fff;}
.copyrights_con a:hover{text-decoration: underline;color: #E34242;}
.footer_li{position: relative;z-index: 99;}
.footer_logo img{max-height: 100px;}
.footer_logo{display: block;margin-bottom: 30px;}
.footer_main h3{font-size: 24px;color: #fff;font-weight: bold;margin-bottom: 10px;}
.footer_main p{font-size: 16px;color: #fff;margin-bottom: 10px;margin-bottom: 10px;}
.footer_main .footerinput{width: 90%;height: 50px;line-height: 50px;border: 1px solid #fff;padding: 0 15px; margin: 15px 0; font-size: 16px;color: #fff;outline: none;background: none;}
.footer_main .footerinput::placeholder{color: #fff;}
.footer_main  .footerbtn{width: 40%;height: 50px;line-height: 50px;background-color: #E34242;text-align: center;font-size: 18px;color: #fff;margin-top: 30px;border: none;outline: none;cursor: pointer;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.footernav a{font-size: 18px;color: #fff;margin-bottom: 15px;display: block;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.footernav{padding-left: 50px;}
.footerlist li{margin-bottom: 20px;display: flex;justify-content: flex-start;}
.footerlist li i{font-size: 22px;color: #fff;margin-right: 10px;}
.footerlist li p,.footerlist a{font-size: 18px;color: #fff;}
.footericon{display: flex;justify-content: flex-start;align-items: center;margin-top: 30px;}
.footericon i{font-size: 22px;color: #fff;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.footericon a{display: block;margin-right: 15px;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.footerflex{display: flex;align-items: center;flex-wrap: wrap;}
.footer_main  .footerbtn:hover{background-color: #000;color: #fff;}
.footernav a:hover{text-decoration: underline;color: #E34242;}
.footericon a:hover{transform: scale(1.2);}
.footericon a:hover i{color: #E34242;}

.indexproductli{margin: 15px 0;}
.indexproductbox{height: 100%;border: 1px solid #a0a0a0; padding: 15px;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexproductimg{position: relative;overflow: hidden;display: block;width: 100%;height: auto;padding-top: 100%;}
.indexproductimg img{width: 100%;vertical-align: middle;position: absolute;top: 0;left: 0;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexproductcon{padding: 20px 0 0 0; margin-top: 30px; border-top: 1px dashed #a0a0a0;}
.indexproducttxt h3{word-wrap: break-word; font-size: 24px;text-align: center;font-weight: bold;color: #000;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexproducttxt{display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;}
.indexproductli:hover .indexproducttxt h3{color: #fff;}
.indexproductli:hover .indexproductbox{border: 1px solid #E34242;}
.indexproductli:hover .indexproductimg img{transform: scale(1.2);}
.indexproductli:hover .indexproductbox{background-color: #E34242;}
.indexproductli:hover .indexproductcon{border-top: 1px dashed #fff;}
.productshow_other_main .indexproductli{width: 100%;}
.productshow_other_main .swiper {width: 100%;height: 100%;}
.productshow_other_main .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: 50px;
}
.productshow_other_main .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.productshow_other_main .swiper-pagination-bullet {
    background: #999;
    opacity: 1 !important;
    width: 10px;
    height: 10px;
    border: 2px solid #999;
  }
  .productshow_other_main .swiper-pagination-bullet-active {
    opacity: 1 !important;
    border: 2px solid #E34242;
    background-color: #E34242;
  }


  .product_right .indexproduct_box{border: 1px solid #e5e5e5;}
  .product_right .indexproduct_con .indexproduct_more{width: 80%;}
  .newshowswiper {margin-bottom: 60px;}


@media (max-width: 767px){
  .search{display: none;}
  .headernav{padding: 10px 0;}
  .banner .swiper-button-next, .banner .swiper-button-prev{display: none;}
  .indexproduct,.indexabout,.indexgood,.indexlook,.indexnews,.footer{padding: 40px 0;}
  .indexzhutitle h2{font-size: 36px;}
  .indexabout{flex-wrap: wrap;}
  .indexabout_left{width: 100%;}
  .indexabout_main{padding: 30px 20px;}
  .indexabout_more{width: 70%;}
  .indexabout_right{width: 100%;}
  .indexabout_img{margin-top: 20px;margin-left: 0;}
  .indexgood_main h2{font-size: 36px;margin-bottom: 30px;}
  .indexgood_main li i{font-size: 40px;margin-bottom: 0;}
  .indexgood_main li p{font-size: 17px;}
  .indexlook_leftbox{display: none;}
  .indexlook_main {margin-top: 30px;}
  .indexlookmore,.footer_main .footerbtn{width: 60%;}
  .indexnews_li {margin-bottom: 30px;}
  .footer_li:nth-child(2){display: none;}
  .footer_li {margin: 15px 0;}
  .copyrights_con p{margin-bottom: 10px;}

}
@media (min-width: 768px) and (max-width: 992px){
  .search{display: none;}
  .headernav{padding: 10px 0;}
  .banner .swiper-button-next, .banner .swiper-button-prev{display: none;}
  .indexproduct,.indexabout,.indexgood,.indexlook,.indexnews,.footer{padding: 40px 0;}
  .indexzhutitle h2{font-size: 36px;}
  .indexabout{flex-wrap: wrap;}
  .indexabout_left{width: 100%;}
  .indexabout_main{padding: 30px 20px;}
  .indexabout_more{width: 40%;}
  .indexabout_right{width: 100%;}
  .indexabout_img{margin-top: 20px;margin-left: 0;}
  .indexgood_main h2{font-size: 36px;margin-bottom: 30px;}
  .indexgood_main li i{font-size: 40px;margin-bottom: 0;}
  .indexgood_main li p{font-size: 18px;}
  .indexlook_leftbox{display: none;}
  .indexlook_main {margin-top: 30px;}
  .indexlookmore,.footer_main .footerbtn{width: 60%;}
  .indexnews_li {margin-bottom: 30px;}
  .footer_li:nth-child(2){display: none;}
  .footer_li {margin: 15px 0;}
  .copyrights_con p{margin-bottom: 10px;}
}
@media (min-width: 993px) and (max-width: 1200px){
  .search{display: none;}
  .headernav{padding: 10px 0;}
  .banner .swiper-button-next, .banner .swiper-button-prev{display: none;}
  .indexproduct,.indexabout,.indexgood,.indexlook,.indexnews,.footer{padding: 40px 0;}
  .indexzhutitle h2{font-size: 36px;}
  .indexabout{flex-wrap: wrap;}
  .indexabout_left{width: 100%;}
  .indexabout_main{padding: 30px 20px;}
  .indexabout_right{width: 100%;}
  .indexabout_img{margin-top: 20px;margin-left: 0;}
  .indexgood_main h2{font-size: 36px;margin-bottom: 30px;}
  .indexgood_main li i{font-size: 40px;margin-bottom: 0;}
  .indexgood_main li p{font-size: 18px;}
  .indexlook_leftbox{display: none;}
  .indexlook_main {margin-top: 30px;}
  .indexlookmore,.footer_main .footerbtn{width: 60%;}
  .indexnews_li {margin-bottom: 30px;}
  .footer_li:nth-child(2){display: none;}
  .footer_li {margin: 15px 0;}
  .copyrights_con p{margin-bottom: 10px;}
}
@media (min-width: 1201px) and (max-width: 1600px) {}


@media (max-width: 1200px) {
    .headernav_logo img {
        max-height: 60px;
        padding-top: 10px;
    }
}