.w-con1{
   width: calc(100% - 40px);
   margin: 0 auto;
}
.w-con{
   width: 1420px;
   margin: 0 auto;
}
.container{
   width: 1450px;
}

@media (max-width: 1500px) {
   .w-con1{
      width: calc(100% - 30px);
   }
   .w-con{
      width: calc(100% - 30px);
   }
   .container{
      width: 100%;
   }
}

/* 头部 */
.w-top{
   padding: 13px 0;
}
.dlogo{
   width: 22%;
}
.nnav{
   width: 62%;
   padding-right: 10%;
}
.w-top-phone{
   width: 8%;
   text-align: right;
}

.banner-video{
   position: relative;
   overflow: hidden;
   background-color: #000;
}

.banner-video video{
   position: absolute;
   left: 0;
   width: 100%;
   top: 0;
   right: 0;
   background-color: #000;
}

@media (max-width: 1500px) {
   .dlogo img{
      max-width: 100%;
   }
   .nnav{
      padding-right: 0;
   }
   .w-top-phone{
      width: 30px;
   }
}

/* 产品 */

.w-pro-sort{
   padding-top: 8vh;
}
/* .w-pro-sort li{
   height: 560px;
} */
.w-pro-sort li .img{
   overflow: hidden;
}
.w-pro-sort li .img img{
   width: auto;
   height: 560px;
   transition: all 0.8s;
}
.w-pro-sort-list1{
   width: 49%;
}
.w-pro-sort-list1 a{
   display: flex;
   justify-content: space-between;
}
.w-pro-sort-list1 .img{
   width: 63.4%;
}
.w-pro-sort-list1 .wz{
   width: 36.6%;
   border: 1px solid #f1ece9;
   border-left: none;
   padding: 8vh 5.8vh;
}

.w-pro-sort-list1 .wz h4{
   color: #999999;
   letter-spacing: 2px;
   font: 400 14px/30px "Microsoft yahei";
}

.w-pro-sort-list1 .wz h3{
   color: #000000;
   font: 600 36px/66px "Microsoft yahei";
   margin-bottom: 5vh;
}

.w-pro-sort-list1 .wz .more{
   position: relative;
   color: #222222;
   font: 400 14px/30px "Microsoft yahei";
}

.w-pro-sort-list1 .wz .more::after{
   position: absolute;
   bottom: 0;
   left: 0;
   content: "";
   display: block;
   width: 70px;
   height: 1px;
   background-color: #000000;
}

.w-pro-sort-list1:hover .img img{
   transition: all 0.8s;
   transform: scale(1.08);
}

.w-pro-sort-list2{
   position: relative;
   width: 25%;
   overflow: hidden;
}
.w-pro-sort-list2 .wz{
   position: absolute;
   bottom: 5vh;
   left: 11vh;
   right: 11vh;
   background-color: #fff;
   padding: 10px;
   text-align: center;
}
.w-pro-sort-list2 .wz h3{
   color: #222222;
   font: 600 18px/36px "Microsoft yahei";
}
.w-pro-sort-list2 .wz h4{
   color: #999999;
   font: 400 14px/28px "Microsoft yahei";   
   word-break:keep-all;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis; 

}

.w-pro-sort-list2 .img img{
   transition: all 0.8s;
}
.w-pro-sort-list2:hover .img img{
   transition: all 0.8s;
   transform: scale(1.08);   
}

@media (max-width: 1500px) {
   .w-pro-sort li .img img{
      height: 440px;
   }
   .w-pro-sort-list1 .wz{
      padding: 8vh 15px;
   }
   .w-pro-sort-list2 .wz{
      left: 15px;
      right: 15px;
   }
}

@media (max-width: 992px) {
   .w-pro-sort{
      padding-top: 6vh;
   }
   .w-pro-sort-list1{
      width: 100%;
   }
   .w-pro-sort-list1 .wz h3{
      font: 600 28px/52px "Microsoft yahei";
   }
   .w-pro-sort li .img img{
      height: auto;
   }
   .w-pro-sort-list2{
      width: 49%;
      margin-top: 1vh;
   }
}


/* 标题 */
.w-tt{
   text-align: center;
}
.w-tt h2{
   color: #000000;
   font: 600 44px/52px "Microsoft yahei";
}

.w-tt h3{
   color: #999999;
   font: 400 18px/36px "Microsoft yahei";
   margin-top: 1vh;
}

.w-product{
   padding: 16vh 0 11vh;
}
.w-product-list{
   margin-top: 5vh;
}
.w-product-list li{
   margin-bottom: 8vh;
   width: 32%;
}
.w-product-list li .img{
   position: relative;
   overflow: hidden;
}
.w-product-list li .img img{
   width: 100%;
   transition: all 0.8s;
}
.w-product-list li h3{
   position: absolute;
   left: 60px;
   right: 60px;
   bottom: 0;
   z-index: 9;
   background-color: #fff;
   text-align: center;
   color: #000000;
   font: 600 18px/50px "Microsoft yahei";
}
.w-product-list li:hover .img img{
   transition: all 0.8s;
   transform: scale(1.05);
}
.w-product-list li:hover h3{
   color: #c1582a;
}

@media (max-width: 992px) {
   .w-product{
      padding: 6vh 0 0;
   }
   .w-tt h2{
      font: 600 30px/52px "Microsoft yahei";
   }
   .w-tt h3{
      margin-top: 0;
   }
}

@media (max-width: 767px) {
   .w-product-list li{
      width: 49%;
   }
   .w-product-list li h3{
      left: 15px;
      right: 15px;
   }
}

@media (max-width: 500px) {
   .w-pro-sort li .img img{
      width: 100%;
   }
   .w-pro-sort-list1 .wz{
      padding: 15px;
   }
   .w-pro-sort-list1 .wz h4{
      letter-spacing: 0;
   }
   .w-pro-sort-list1 .wz h3{
      margin-bottom: 0;
   }
   
}

/* 简介 */
.w-about{
   padding: 8vh 0;
}
.w-about-l{
   width: 41%;
   align-items: stretch;
}
.w-about-img{
   width: calc(100% - 110px);
}
.w-about-r{
   width: 50%;
}
.w-about-tt{
   color: #ffffff;
   font: 600 48px/60px "Microsoft yahei";
}
.w-about-wz{
   margin-bottom: 6vh;
}
.w-about-wz p{
   margin-top: 4vh;
}
.w-about-con{
   width: 710px;
}
.w-about-con p{
   color: #ffffff;
   font: 400 18px/36px "Microsoft yahei";
}
.w-about-more{
   position: relative;
   width: 210px;
   overflow: hidden;
   background-color: #ffffff;
}
.w-about-more a{
   position: relative;
   z-index: 2;
   display: block;
   font: 400 16px/52px "Microsoft yahei";
   color: #000000;
   text-align: center;
}
.w-about-more:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #c1582a;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    transition: all 0.8s;
}
.w-about-more:hover:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    z-index: 1;
    transition: all 0.8s;
}
.w-about-more:hover a{
   color: #fff;
}

@media (max-width: 992px) {
   .w-about{
      padding: 6vh 0;
   }
   .w-about-l{
      width: 46%;
   }
   .w-about-ico img{
      width: 60px;
   }
   .w-about-tt{
      font: 600 32px/60px "Microsoft yahei";
   }
   .w-about-wz {
      width: 100%;
      margin-bottom: 2vh;
   }
   .w-about-con{
      width: 100%;
   }
   .w-about-con p{
      margin-top: 2vh;
      font: 400 16px/30px "Microsoft yahei";
   }
}

@media (max-width: 500px) {
   .w-about-l{
      width: 100%;
   }
   .w-about-r{
      width: 100%;
   }
}

/* 新闻 */
.w-news{
   padding: 12vh 0;
}

.w-news-list{
   margin-top: 3vh;
}
.w-news-list li{
   width: 32%;
}
.w-news-list li:nth-child(2){
   margin-top: 8vh;
}
.w-news-list li .img{
   overflow: hidden;
}
.w-news-list li .img img{
   max-width: 100%;
   transition: all 0.8s;
   transform: scale(1.01);
}

.w-news-list li .wz{
   text-align: center;
}

.w-news-list li .wz h3{
   color: #000000;
   font: 600 20px/52px "Microsoft yahei";
   word-break:keep-all;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis; 
}

.w-news-list li .wz p{
   color: #999999;
   font: 400 16px/30px "Microsoft yahei";
   text-overflow: -o-ellipsis-lastline;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp: 2;
   -webkit-box-orient: vertical;
}
.w-news-list li:hover .wz h3{
   color: #c1582a;
}
.w-news-list li:hover .img img{
   transition: all 0.8s;
   transform: scale(1.05);
}

@media (max-width: 992px) {
   .w-news{
      padding: 6vh 0;
   }
   .w-news-list li:nth-child(2){
      margin-top: 0;
   }
   .w-news-list li .wz h3{
      font-size: 18px;
   }
}

@media (max-width: 767px) {
   .w-news-list li{
      width: 49%;
   }
   .w-news-list li:nth-child(n + 3){
      display: none;
   }
}

/* 底部 */
.f-con{
   background-color: #f6f6f6;
   padding: 10.5vh 0;
}
.f-logo{
   margin-bottom: 5.2vh;
}
.f-logo img{
   display: block;
   margin: 0 auto;
}
.f-nav{
   border-top: 1px solid #dddddd;
   border-bottom: 1px solid #dddddd;
}
.f-nav li{
   width: 14%;
}
.f-nav li a{
   display: block;
   color: #222222;
   font: 600 18px/112px "Microsoft yahei";
   text-align: center;
}
.f-nav li a:hover{
   color: #c1582a;
}
.f-list{
   padding-top: 12vh;
   align-items: stretch;
}
.f-fx-list{
   width: 14%;
   padding: 0 38px;
   justify-content: center;
}
.f-list-wz{
   width: 35%;
}
.f-list-contact{
   
}
.f-list-key{
   width: 19%;
}

.f-line{
   position: relative;
   padding-left: 20px;
}
.f-line::before{
   position: absolute;
   left: 0;
   top: 0;
   content: "";
   width: 1px;
   display: block;
   height: 60px;
   background-color: #dddddd;
}

.f-line p{
   color: #222;
   font: 400 14px/28px "Microsoft yahei";
}


.w-footer{
   text-align: center;
   background-color: #000000;
   color: #999999;
   font: 400 14px/26px "Microsoft yahei";
   padding: 15px 0;
}
.w-footer a{
   color: #999999;
   font: 400 14px/26px "Microsoft yahei";
}
.w-footer a:hover{
   color: #666;
}
.f-fx-list .social-share .icon-wechat{ 
   border: none;
}
.f-fx-list .social-share .icon-wechat:before{
   color: #000000;
}
.f-fx-list a + a{
   margin-left: 15px;
   margin-right: 10px;
}

@media (max-width: 992px) {
   .f-logo img{
      max-width: 100%;
   }
   .f-list{
      padding-top: 2vh;
   }
}

@media (max-width: 767px) {
   .f-con{
      padding: 6vh 0;
   }
   .f-logo{
      margin-bottom: 3vh;
   }
   .f-list-wz{
      width: 100%;
   }
}