/*nbanner */
.nbanner{height: 600px;background-image: url(../images/nbanner.jpg);background-size: cover;background-position: center;}
.nbanner .area{position: relative;height: 100%;}
.nbanner .tit{color: #fff;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);line-height: 1.5;opacity: 0;}
.nbanner .tit span{font-size: 18px;}
.nbanner .tit h2{font-size: 32px;font-weight: 400;}
.nbanner .crumbs{position: absolute;left: 15px;bottom: 0;color: #000;font-size: 16px;display: flex;align-items: center;}
.nbanner .crumbs a{color: #000;font-size: 16px;line-height: 3;}
.nbanner .crumbs i{font-size: 26px;margin-right: 3px;line-height: 1;}


/*无数据提示*/
.no-goods {padding: 10px 0;overflow: hidden;text-align: center;}
.no-goods p {color: #7d7979;font-size: 15px;line-height: 35px;}


/* 栏目 */
.n-cate{width: 100%;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.n-cate .area{display: flex;flex-wrap: wrap;padding: 20px 15px;}
.n-cate .area a{margin-right: 5%;font-size: 16px;line-height: 2;position: relative;}
.n-cate .area a::after{content: '';display: inline-block;position: absolute;width: 0;height: 5px;background-color: #f84812;top: calc(100% + 15px);right: 0;}
.n-cate .area a:hover{color: #f84812;}
.n-cate .area a:hover::after{left: 0;width: 100%;}
.n-cate .area a.active{color: #f84812;}
.n-cate .area a.active::after{left: 0;width: 100%;}


/* 关于我们 */
.about{position: relative;padding-top: 100px;}
.about::before{content: '';display: inline-block;position: absolute;width: 100%;height: 100%;background-image: url(../images/about-bg.png);background-size: auto;background-repeat: no-repeat;background-position: right top;left: 0;top: 0;transform: scaleX(-1);}
.about .title h2{line-height: 1;padding-bottom: 40px;}
.about .title h2::after{width: 50px;}
.about .area{display: flex;flex-wrap: wrap;align-items: stretch;align-content: center;position: relative;z-index: 2;}
.about .left{width: 50%;max-width: 710px;margin-left: auto;padding-left: 30px;}
.about .left .img{width: 100%;height: 100%;border-bottom-right-radius: 90px;overflow: hidden;}
.about .left .img img{width: 100%;height: 100%;object-fit: cover;}
.about .right{display: flex;width: 50%;flex-wrap: wrap;align-content: start;}
.about .right .content{width: 100%;margin-top: 30px;}
.about .right .content h2{font-size: 38px;font-weight: 600;line-height: 1;margin-bottom: 30px;}
.about .right .content .info{font-size: 16px;line-height: 2.4;}
.about .bottom{width: 100%;max-width: 1330px;margin: 0 auto;margin-top: 80px;display: flex;}
.about .bottom .li{width: 25%;margin: 0 15px;border-radius: 7px;border: 1px solid rgba(0, 0, 0, .2);height: 180px;display: flex;flex-wrap: wrap;align-content: center;align-items: stretch;background-color: #fff;}
.about .bottom .li h3{width: 100%;text-align: center;color: #f84812;font-size: 22px;margin-bottom: 15px;font-weight: 600;}
.about .bottom .li h3 span{font-size: 42px;color: #f84812;font-weight: 600;padding-right: 10px;}
.about .bottom .li p{font-size: 16px;text-align: center;width: 100%;}

/* 单页 */
.single{position: relative;padding: 50px 0;}
.single .tit{font-size: 32px;text-align: center;line-height: 1.5;margin-bottom: 30px;display: inline-block;width: 100%;}
.single .content{font-size: 16px;line-height: 2;}

.content img{max-width: 100%;}

/* 产品 */
.product{position: relative;padding: 70px 0;}
.product .area{display: flex;flex-wrap: wrap;align-items: start;}
.product .area .left{width: 320px;background-color: #f8f8f8;padding: 25px 30px;}
.product .area .left .tit{width: 100%;border-bottom: 1px solid rgba(0, 0, 0, .3);padding-bottom: 25px;}
.product .area .left .tit h2{font-size: 24px;line-height: 2;font-weight: 600;color: #f84812;}
.product .area .left .tit span{line-height: 1;font-size: 16px;color: rgba(0, 0, 0, .5);}
.product .area .left .ul{width: 100%;padding-top: 10px;}
.product .area .left .ul a{display: flex;font-size: 18px;width: 100%;line-height: 2.7;}
.product .right{width: calc(100% - 335px);max-width: 1190px;margin-left: auto;}
.product .right .img{position: relative;padding-top: 100%;overflow: hidden;border-radius: 5px;}
.product .right .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: cover;width: 100%;height: 100%;}
.product .right .text{display: flex;align-items: center;border-bottom: 1px solid rgba(0, 0, 0, .1);margin-bottom: 30px;}
.product .right .text p{font-size: 18px;width: calc(100% - 50px);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 4;}
.product .right .text span{width: 34px;height: 34px;border: 2px solid #f84812;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-family: cursive;font-weight: 600;color: #f84812;font-size: 17px;margin-left: auto;}

.product .area .left .ul a:hover{color: #f84812;}
.product .right a:hover .img img{width: 105%;height: 105%;}
.product .right a:hover .text{padding: 0 10px;}
.product .right a:hover .text p{color: #f84812;}


/* 产品内页 */
.p-info{position: relative;padding: 70px 0;}
.p-info .area{display: flex;flex-wrap: wrap;align-items: start;}
.p-info .area .left{width: 320px;background-color: #f8f8f8;padding: 25px 30px;}
.p-info .area .left .tit{width: 100%;border-bottom: 1px solid rgba(0, 0, 0, .3);padding-bottom: 25px;}
.p-info .area .left .tit h2{font-size: 24px;line-height: 2;font-weight: 600;color: #f84812;}
.p-info .area .left .tit span{line-height: 1;font-size: 16px;color: rgba(0, 0, 0, .5);}
.p-info .area .left .ul{width: 100%;padding-top: 10px;}
.p-info .area .left .ul a{display: flex;font-size: 18px;width: 100%;line-height: 2.7;}
.p-info .area .right{width: calc(100% - 335px);max-width: 1190px;margin-left: auto;}
.p-info .area .right .swiper{width: 100%;}
.p-info .area .right .swiper .img{width: 100%;position: relative;padding-top: 75%;}
.p-info .area .right .swiper .img img{position: absolute;width: calc(100% - 0px);height: calc(100% - 0px);object-fit: contain;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.p-info .area .right #proSwiper{border: 1px solid rgba(0, 0, 0, .1);margin-bottom: 20px;}
.p-info .area .right #thumbsSwiper .img{border: 1px solid rgba(0, 0, 0, .1);}
.p-info .area .right #thumbsSwiper .swiper-slide-active .img{border: 1px solid #f84812;}
.p-info .area .right .info{padding-left: 5%;}
.p-info .area .right .info h2{font-size: 32px;font-weight: 600;line-height: 1;position: relative;padding: 30px 0;margin-bottom: 30px;}
.p-info .area .right .info h2::after{content: '';display: inline-block;position: absolute;left: 0;top: 100%;width: 50px;height: 5px;background-color: #f84812;}
.p-info .area .right .info p{font-size: 16px;line-height: 2;color: rgba(0, 0, 0, .6);margin-bottom: 30px;}
.p-info .area .right .info a{width: 40%;margin-right: 10%;max-width: 180px;color: #fff;background-color: #f84812;border-radius: 5px;font-size: 16px;line-height: 3;display: inline-block;text-align: center;}
.p-info .area .right .info a:last-child{margin-right: 0;}

.p-info .area .left .ul a:hover{color: #f84812;}
.p-info .area .right .content{margin-top: 30px;width: 100%;}
.p-info .area .right .content h2{font-size: 22px;display: inline-block;width: 33.333333%;max-width: 180px;color: #fff;background-color: #f84812;line-height: 2.5;text-align: center;}
.p-info .area .right .content .details{font-size: 16px;line-height: 2;width: 100%;color: rgba(0, 0, 0, .7);padding: 15px 0;border-top: 1px solid rgba(0, 0, 0, .1);}


/* 图品列表 */
.article{position: relative;padding: 50px 0;}
.article .row .img{position: relative;padding-top: 75%;overflow: hidden;border-top-left-radius: 5px;border-top-right-radius: 5px;background-color: #fff;border: 1px solid rgba(0, 0, 0, .1);border-bottom-width: 0;}
.article .row .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: cover;width: 100%;height: 100%;}
.article .row .text{display: flex;flex-wrap: wrap;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;background-color: #fff;justify-content: center;margin-bottom: 30px;}
.article .row .text p{font-size: 18px;width: calc(100%);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 3.2;text-align: center;background-color: rgba(0, 0, 0, .05);}

.article .row a:hover .img{border-color: #f84812;}
.article .row a:hover .img img{width: 105%;height: 105%;}
.article .row a:hover .text p{color: #fff;background-color: #f84812;}


/* 文章列表 */
.news{position: relative;padding: 50px 0;}
.news a{display: block;width: 100%;margin-bottom: 30px;background-color: rgba(0, 0, 0, .05);padding: 25px 30px;}
.news a h2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 18px;font-weight: 600;line-height: 2;margin-bottom: 10px;}
.news a p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 16px;line-height: 2;color: rgba(0, 0, 0, .5);margin-bottom: 30px;}
.news a span{font-size: 16px;font-weight: 600;line-height: 2;}

.news a:hover{background-color: #f84812;}
.news a:hover h2,.news a:hover p,.news a:hover span{color: #fff;}


/* 文章内页 */
.n-info{position: relative;padding: 50px 0;}
.n-info .area{display: flex;flex-wrap: wrap;align-items: start;}
.n-info .left{width: calc(100% - 380px);max-width: 1200px;padding-right: 30px;}
.n-info .tit{font-size: 32px;text-align: center;line-height: 1.5;margin-bottom: 30px;display: inline-block;width: 100%;}
.n-info .time{display: flex;justify-content: center;width: 100%;background-color: rgba(0, 0, 0, .05);color: rgba(0, 0, 0, .5);font-size: 15px;line-height: 2.5;margin-bottom: 30px;}
.n-info .img{margin: 0 auto;max-width: 800px;width: 100%;margin-bottom: 30px;}
.n-info .img img{width: 100%;}
.n-info .content{font-size: 16px;line-height: 2;}
.n-info .switch{display: flex;width: 100%;margin-top: 30px;padding-top: 15px;border-top: 1px solid rgba(0, 0, 0, .1);}
.n-info .switch>div{width: 50%;line-height: 1.5;}

.n-info .right{width: 380px;padding-left: 30px;border-left: 1px solid rgba(0, 0, 0, .1);}
.n-info .right a{display: block;width: 100%;margin-bottom: 30px;background-color: rgba(0, 0, 0, .05);padding: 25px 30px;}
.n-info .right a:last-child{margin-bottom: 0;}
.n-info .right a h2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 18px;font-weight: 600;line-height: 2;margin-bottom: 10px;}
.n-info .right a p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 16px;line-height: 2;color: rgba(0, 0, 0, .5);margin-bottom: 30px;}
.n-info .right a span{font-size: 16px;font-weight: 600;line-height: 2;}

.n-info .switch>div:hover,.n-info .switch>div:hover a{color: #f84812;}

.n-info .right a:hover{background-color: #f84812;}
.n-info .right a:hover h2,.n-info .right a:hover p,.n-info .right a:hover span{color: #fff;}


/* 联系我们 */
.contact{position: relative;padding: 50px 0 0;}
.contact .info{display: flex;width: 100%;align-items: stretch;align-content: center;margin-bottom: 30px;}
.contact .info .img{width: 40%;}
.contact .info .img img{width: 100%;height: 100%;object-fit: cover;}
.contact .info .ul{width: 60%;padding: 25px 0 25px 30px;}
.contact .info .ul p{line-height: 2;font-size: 16px;display: flex;margin-bottom: 15px;align-items: center;}
.contact .info .ul p span{width: calc(100% - 46px);}
.contact .info .ul p i{width: 36px;height: 36px;background-size: contain;background-position: center;background-repeat: no-repeat;margin-right: 10px;}

.contact .info .ul p i.icon1{background-image: url(../images/contact-icon-01.png);}
.contact .info .ul p i.icon2{background-image: url(../images/contact-icon-02.png);}
.contact .info .ul p i.icon3{background-image: url(../images/contact-icon-03.png);}
.contact .info .ul p i.icon4{background-image: url(../images/contact-icon-04.png);}
.contact .info .ul p i.icon5{background-image: url(../images/contact-icon-05.png);}
.contact .info .ul p i.icon6{background-image: url(../images/contact-icon-06.png);}


/*在线留言*/
.message{position: relative;padding: 50px 0;}
.message form{background-color: #f8f9fa;display: flex;flex-wrap: wrap;width: 100%;padding: 30px 5%;align-items: center;}
.message form .form-input{width: calc(33.333333% - 20px);margin-right: 30px;border-bottom: 1px solid rgba(0, 0, 0, .1);padding: 20px 0;margin-bottom: 20px;display: flex;flex-wrap: wrap;}
.message form .form-input:nth-child(3){margin-right: 0;}
.message form .form-input:nth-child(4){width: 100%;margin-right: 0;}
.message form .form-input:nth-child(5){width: calc(70% - 30px);max-width: 450px;}
.message form .form-input label{width: 65px;}
.message form .form-input .code{display: flex;width: 100%;align-items: center;}
.message form .form-input .code input{width: calc(100% - 165px);}
.message form .form-input .code img{width: 100px;}
.message form .form-input input,.message form .form-input textarea{width: calc(100% - 65px);}
.message form .form-input input::placeholder,.message form .form-input textarea::placeholder{font-size: 15px;color: rgba(0, 0, 0, .5);}

.message form a{border-radius: 35px;background-color: #f84812;color: #fff;font-size: 15px;text-align: center;padding: 20px 0;width: 30%;max-width: 200px;}

/*分页*/
.de-page-mian {overflow: hidden;text-align: center;font-size: 0;background: #f3f3f3;padding: 0;}
.de-page-mian .page-inner {display: inline-block;overflow: hidden;padding: 10px 0;}
.de-page-mian .page-inner a {display: block;float: left;min-width: 26px;padding: 0 5px;height: 36px;border: 1px solid #dddddd;background: #fff;text-align: center;line-height: 36px;font-size: 14px;color: #333;margin-right: -1px;overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {color: #fff;border-color: #f84812;background: #f84812;}
.de-page-mian .page-inner a.prev {margin-right: 10px;background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on {background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover {background-color: #fff;border-color: #dddddd;}
.de-page-mian .page-inner a.next {margin-left: 10px;margin-right: 15px;background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on {background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover {background-color: #fff;border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn {font-size: 12px;margin-right: 0;width: 63px;margin-left: 10px;}
.de-page-mian .page-inner span {display: block;font-size: 12px;color: #333;float: left;line-height: 38px;}
.de-page-mian .page-inner input {display: block;float: left;height: 36px;width: 36px;border: 1px solid #dddddd;text-align: center;line-height: 36px;font-size: 14px;color: #333;margin: 0 5px;}


@media (max-width:1400px){

}
@media (max-width:1200px){
  .about{padding-top: 70px;}
  .about .bottom .li h3 span{font-size: 36px;}

  .p-info .area .left{width: 290px;}
  .p-info .area .right{width: calc(100% - 310px);}
  .p-info .area .right .info{padding-left: 0;}
  .p-info .area .right .info h2{font-size: 28px;padding-top: 10px;padding-bottom: 25px;margin-bottom: 20px;}

  .n-info .tit{font-size: 28px;}
  
}
@media (max-width:1024px){
  .p-info .area .right .info p{margin-bottom: 20px;}
  .p-info .area .right .content h2{font-size: 20px;max-width: 160px;}
  .p-info .area .right .info p{font-size: 15px;line-height: 2.2;}

  .n-info .left{width: 100%;padding-right: 0;}
  .n-info .right{width: 100%;padding-left: 0;border-left-width: 0;display: flex;flex-wrap: wrap;margin-top: 30px;}
  .n-info .right a{width: calc(50% - 15px);margin-right: 30px;}
  .n-info .right a:nth-child(2n){margin-right: 0;}
}
@media (max-width:992px){
  .nbanner {
    height: auto;
  }

  .footer .area .contact-info h3{font-size: 22px;}
  .footer .area .contact-info p{font-size: 15px;}
  .nbanner .crumbs{font-size: 14px;color: #000;bottom: -40px;}
  .nbanner .crumbs a{color: #000;}

  .about .bottom .li h3{font-size: 20px;}
  .about .bottom .li h3 span{font-size: 32px;}

  .product,.p-info{padding: 50px 0;}
  .product .area .left,.p-info .area .left{width: 100%;margin-bottom: 20px;}
  .product .area .left .ul,.p-info .area .left .ul{display: flex;flex-wrap: wrap;}
  .product .area .left .ul a,.p-info .area .left .ul a{width: auto;margin: 7.5px 15px 7.5px 0;padding: 0 15px;background-color: rgba(0, 0, 0, .05);font-size: 17px;}
  .product .area .left .ul a:hover,.p-info .area .left .ul a:hover{color: #fff;background-color: #f84812;}
  .product .right,.p-info .area .right{width: 100%;}

  .article .row .text p{font-size: 17px;}
}
@media (max-width:768px){
  .n-cate .area{padding: 15px;}
  .about{padding-top: 50px;}
  .about .title h2{padding-bottom: 35px;}
  .about .left{display: none;}
  .about .right{width: 100%;margin-bottom: 20px;}
  .about .right .content{margin-top: 15px;}
  .about .bottom{margin-top: 0;flex-wrap: wrap;}
  .about .bottom .li{width: calc(50% - 7.5px);margin: 0;margin-right: 15px;margin-bottom: 15px;height: auto;padding: 30px 0;}
  .about .bottom .li:nth-child(2n){margin-right: 0;}

  .product .area .left .ul a,.p-info .area .left .ul a{font-size: 16px;}
  .product .right .text p{font-size: 16px;}

  .p-info .area .right .info h2{padding-top: 20px;font-size: 24px;}

  .article .row .text p{font-size: 16px;}

  .single .tit{font-size: 28px;}

  .n-info .right a{width: 100%;margin-right: 0;margin-bottom: 15px;}

  .contact .info .img{display: none;}
  .contact .info .ul{width: 100%;padding: 0;}
}
@media (max-width:440px){
  .nbanner .tit h2{font-size: 28px;}
  .about{padding-top: 40px;}
  .about .title h2{padding-bottom: 20px;}
  .about .right .content .info{font-size: 15px;}
  .about .bottom .li{padding: 25px 0;}
  .about .bottom .li h3 span{font-size: 26px;margin-bottom: 10px;}
  .about .bottom .li h3{font-size: 18px;margin-bottom: 10px;}

  .product,.p-info.article,.single,.news,.contact,.n-info,.message{padding: 30px 0;}
  .product .area .left,.p-info .area .left{padding: 15px;}
  .product .area .left .ul a,.p-info .area .left .ul a{font-size: 15px;}
  .product .right .text{margin-bottom: 15px;}

  .p-info .area .right .content{margin-top: 20px;}
  .p-info .area .right .content h2{font-size: 18px;}

  .article .row .text{margin-bottom: 15px;}
  
  .single .tit{font-size: 24px;}

  .news a{margin-bottom: 15px;padding: 20px 25px;}
  .news a h2{font-size: 17px;}
  .news a p{font-size: 15px;}
  .news a span{font-size: 15px;}

  .n-info .tit{font-size: 22px;margin-bottom: 15px;}
  .n-info .time{margin-bottom: 20px;}
  .n-info .content{font-size: 15px;}
  .n-info .switch{margin-top: 20px;}
  .n-info .switch>div{font-size: 15px;}
  .n-info .right a{padding: 20px 25px;}
  .n-info .right a h2{font-size: 17px;}
  .n-info .right a p{font-size: 15px;}
  .n-info .right a span{font-size: 15px;}

  .contact .title{margin-bottom: 30px;}
  .contact .info{margin-bottom: 5px;}
  .contact .info .ul p span{font-size: 15px;}

  .message form .form-input{width: 100%!important;margin-right: 0;padding: 15px;margin-bottom: 10px;}
  .message form a{margin-top: 10px;padding: 15px 0;width: 50%;}
}
@media (max-width:320px){
}