@charset "utf-8";

/*内页头部*/
.pg-top .ix-header{position: relative; }
.pg-top .ix-header .ix-logo .logo-img.a2{display: block;}
.pg-top .ix-header .ix-logo .logo-img.a1{display: none;}
.pg-top .ix-header.active{position: fixed; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
/*通用*/
.pg-box{padding-left: 40px; padding-right: 40px;}
.h10{height: 100px;}


/*内页头部*/
.pg-header.active .ix-header{position: fixed; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.pg-header .ix-header{ background:#fff; position: fixed; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.pg-header .ix-header .ix-logo img.a2{ display: block;}
.pg-header .ix-header .ix-logo img.a1{ display: none;}
.pg-header .ix-header .ix-nav li{color:#999}
.pg-header .ix-header .ix-nav li>a{color:#333;}
/* banner */
.pg-banner{height: 400px;max-width: 1920px;margin: 0px auto;width: 100%; overflow: hidden;  position: relative; }
.pg-ban-img{height: 100%; -webkit-animation: scaleAnim 5s ease forwards;  animation: scaleAnim 5s ease forwards;}
.pg-banner .pg-ban-box{display: table; width:100%; height:100%;position: absolute; top: 0;}
.pg-banner-tit{ color:#fff; margin: 0px auto; text-align: left; position: absolute; transform: translateY(-50%); top:50%; z-index: 2;}
.pg-banner-tit .t1{ font-size: 2rem; font-weight: bold; position:relative; color: #fff;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
.pg-banner-tit .t2{color:rgba(255, 255, 255, 0.9);}


                                                    
@keyframes scaleAnim{
    0%{         
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}






/*分页*/
.page-next{border-top:dashed 1px #e0e0e0;}
.pn-list a{color:#999;}
.pn-list a:hover{color:var(--theme-color);}
/*翻页*/
.pager{margin: 0px;}
.pager li>a:focus, .pager li>a:hover{ background: var(--theme-color); color:#fff;  border:solid 1px var(--theme-color);}



/*通用Head*/
.pg-head{text-align: center;}
.pg-head .t1{color:#333; font-size: 1.875rem; font-weight:bold; line-height: 150%;}
.pg-head .t2{color:#999999; line-height: 100%;}

/*关于我们*/
.pg-ab-img{position: relative; padding-top: 20px; padding-left: 20px; overflow: hidden;}
.pg-ab-img::before{ width: 30%; height: 50%; background: var(--theme-color); content: ''; border-radius: 6px; position: absolute; top: 0; left: 0; right: 0; z-index: 0;}
.pg-ab-img  img{ max-width: 100%; position: relative; z-index: 0; border-radius: 6px; transition: all 0.36s ease;}
.pg-about .pg-text {color: #333;}

.pg-ppzx-list ul li{gap: 2.5rem; padding: 2.5rem; background: #fff;}
.pg-ppzx-list .zsy-img{width: 25rem;}
.pg-ppzx-list .zsy-img img.abc{object-fit: contain;}
.pg-ppzx-list .tit{width: calc(100% - 27.5rem); align-items: center;}
.pg-ppzx-list .tit .tit-box .t1{font-size: 1.25rem; font-weight: bold; color: #333;}
.pg-ppzx-list ul{gap: 2.5rem;}


/*公司资质*/
.pg-zzrz-list{position:relative; overflow: hidden;}
.pg-zzrz-list::before{width:calc(100% - 12.5rem); content:""; display:block; height:2px; position:absolute; bottom:1.5rem; background:#f5f5f5; left:0; right:0; margin:0px auto;}
.pg-zzrz-list a{padding:1.875rem; background:#f5f5f5; display:block;}
.pg-zzrz-list .t1{color:#1a1a1a; font-size:1.5rem; line-height:150%;}
.pg-zzrz-list .swiper-button-next, .pg-zzrz-list .swiper-button-prev{top:initial; bottom:0; background-color:transparent;}
.pg-zzrz-list .swiper-button-next i, .pg-zzrz-list .swiper-button-prev i{font-size:2.5rem; color:#999;}
.pg-zzrz-list .swiper-button-next{right:1.875rem;}
.pg-zzrz-list .swiper-button-prev{left:1.875rem; transform:rotate(180deg);}

/*生产基地*/
.pg-scjd-list{position: relative;}
.pg-scjd-list .tit{text-align: center; background-color: #fff; padding: 1rem 1.25rem; font-size: 1.25rem;}
.pg-scjd-list .tit a{color: #3333;}
.pg-scjd-list  a:hover{color:#333;}
/*==分页==*/
.paginator{ font-family:Arial; text-align: center; }
.paginator a { transition: all 0.36s ease;  width:36px; color: #666;  text-align:center; height:36px; line-height:36px; display:inline-block; text-decoration:none;  background:#f5f5f5;  margin:0 5px; color:#666; transition: all 0.36s ease;}
.paginator a i {display:inline-block; font-size: 16px; line-height:34px; }
.paginator a:hover { background:var(--theme-color); color:#fff !important; }
.paginator span.cpb { transition: all 0.36s ease; text-align:center;  width:36px; height:36px;  line-height:36px; display:inline-block; color:#fff; background:var(--theme-color); margin-left: 5px; }
.paginatordis{ display:none;}



/*联系我们*/
.pg-con-tit .pct-t1{font-size:1.8rem; color:#333333; line-height:120%;font-weight:bold; padding-bottom:15px;}
.pg-con-tit .pct-t2{font-size:1.1rem; color:#999;}
.pg-con-tit .pct-t3 img{width:70px; height:70px; position:absolute; left:0; top: 1.875rem;}
.pg-con-tit .pct-t3 ul li{padding-top:1.875rem; padding-left:90px; position:relative; min-height:100px;}
.pg-con-tit .pct-t3 ul li p{font-size:1rem; color:#666666; padding-top:8px; padding-bottom:5px;}
.pg-con-tit .pct-t3 ul li h2{font-size:1rem; color:#333333; font-weight:bold;}

.pcm-box{ background:#f5f5f5; padding:40px; border-radius:6px;}
.pcm-tit{font-size:1.8rem; font-weight:bold; color:#333333; line-height:120%; padding-bottom:10px;}
.pcm-input{padding-top:20px;}
.pcm-input input{ width:calc(100% - 0px); padding:0px 1.25rem;  font-size:1rem; color:#666; border:none; border-radius:6px; outline:none; padding: 1.25rem 1.25rem;}
.pcm-textarea{padding-top:20px;}
.pcm-textarea textarea{ width:calc(100% - 0px); padding:1.25rem; height:100px;  font-size:1rem; color:#666; border:none; border-radius:6px; outline:none;}
.pcm-input input.input-an{background:var(--theme-color); color:#fff; font-size:1.3rem; text-align:center; width:100%; cursor:pointer; transition: all 0.36s ease;}

.pg-contact-map .pg-map{padding:40px; border-radius:6px; background:#f5f5f5;}

.pcm-input input.input-an:hover{background: #333;}

/*表单*/

.pcx-t1{  background: #fff; height: 340px; padding: 20px;}
.pcx-t1 h1{ color:#333; font-size: 16px; font-weight: bold; }
.pcx-t1 p{ padding-top: 8px; line-height: 180%; color:#666; }
.pcx-t1 span{ display: block; color:#999; padding-bottom: 15px; font-size: 12px;}
.pcx-input input{ height: 50px; border: none; line-height: 50px; width: 100%; border-radius:6px; padding: 0px 20px; outline: none; font-size: 16px; background-color: #f5f5f5;}
.pcx-input{ padding-bottom: 20px;}
.pcx-input input.input-an{ background-color: var(--theme-color); font-size:18px; transition:all 0.36s ease;}
.pcx-textarea{ padding-bottom:20px; }
.pcx-textarea textarea{ height: 100px; border: none; border-radius:6px;  line-height: 40px; width: 100%; padding: 0px 20px; outline: none; font-size: 16px; background-color: #f5f5f5;}
.input-an{ color:#fff; outline: none; background: var(--theme-color);}
.input-an:hover{ background: var(--theme-color); color:#fff;}
.pcx-input input.input-an:hover{background: var(--theme-color);}
.pcx-input input.input-an:hover{background: #000;}
.pcx-input:last-child(3){padding-bottom: 0px;}
.pg-contact-map img{ max-width: 100%;}
.pg-map{ background: #f2f2f2; padding: 40px;}


/*产品列表*/

.pg-nav-wz{height: 80px; line-height: 80px; background: #fff;;}
.pg-nav ul li a{display: block; padding: 0rem 1.875rem; font-size: 1.125rem; color: #333333; transition: all 0.36s ease;}
.pg-nav ul li a:hover, .pg-nav ul li a.active{background: var(--theme-color); color: #fff;}
.pg-wz, .pg-wz a{color: #999999;}
.pg-wz img{ height: 18px; vertical-align: sub;}
.pg-wz b{display: inline-block; width: 1px; height: 18px; background: #e0e0e0; vertical-align: sub;}
.pg-product-list{gap: 2.5rem 0rem;}

.pg-nav2 ul li{padding: 0rem 1.875rem;}
.pg-nav2 ul li a{position: relative; display: block; padding-bottom: 1.25rem; line-height: 120%;  color: #666; transition: all 0.36s ease; }
.pg-nav2 ul li a::after{content: ''; bottom: 0; left: 50%; transform: translateX(-50%);  right: 0; position: absolute; transition: all 0.36s ease; height: 3px; width: 0rem; background: var(--theme-color);}

.pg-nav2 ul li a.active, .pg-nav2 ul li a:hover{font-weight: bold; color: var(--theme-color); font-weight: bold;}
.pg-nav2 ul li a.active::after, .pg-nav2 ul li a:hover::after{width: 1.875rem;}

/*产品详情*/
#gallery2{width: 460px; height: 460px; position: relative; overflow: hidden; margin-left: 0px;}
#thumbs2{height: 460px; margin-right: 0px;}
#thumbs2 img{width: 100px; height: 100px; opacity: 0.5;}
#thumbs2 .swiper-slide-thumb-active img{opacity: 1;}
.pg-deta-lb{width: 580px;}
.pg-pro-box{padding: 2.5rem; background: #fff;;}
.pg-prolb-detail{width: calc(75% - 2.5rem); margin-right: 2.5rem;}
.pg-r-tjyb{width: 25%;}
#gallery2 .swiper-button-next, #gallery2 .swiper-button-prev{top: 45%; border-radius: 0px;}

#gallery2 .swiper-slide{text-align: center;}
#gallery2 .swiper-slide img{margin: 0px auto;}

#gallery2 .swiper-button-next i, #gallery2 .swiper-button-prev i{font-size: 1.5rem;}

.pg-pro-deta-tit{width: calc(100% - 620px); margin-left: 40px;}
.pg-pro-deta-tit .t1{color: var(--theme-color);}
.pg-pro-deta-tit .t2{color: #333333; font-size: 1.5rem; font-weight: bold; line-height: 120%;}
.pg-pro-deta-tit .t3{color: #999999; border-bottom: solid 1px #e0e0e0; }
.pg-pro-deta-tit .t4 p{position:relative; padding-left:2.5rem; padding-bottom:0.625rem}
.pg-pro-deta-tit .t4 p::before{ content: "\e614"; font-family:"iconfont"; position:absolute; left:0; top:0; color:var(--theme-color); font-size:1.35rem;}
.pg-pro-deta-tit .t4 ul li{position: relative; padding-left: 2.5rem; padding-bottom: 0.625rem;}
.pg-pro-deta-tit .t4 ul li i{content: ''; color: var(--theme-color); font-size: 1.375rem; position: absolute; top: 0; left: 0;}
.pg-pro-deta-tit .t5 a{transition: all 0.36s ease;; display: inline-block; padding: 0.625rem 2.5rem; font-size: 1.125rem; border-radius: 6px; background: #efefef; color: #333;}
.pg-pro-deta-tit .t5 a i{transition: all 0.36s ease; display: inline-block; margin-left: 1rem; font-size: 1.5rem; vertical-align: middle;}
.pg-pro-deta-tit .t5 a:hover{background: var(--theme-color); color: #fff;}
.pg-pro-deta-tit .t5 a:hover i{color: #fff;}

.pg-r-head{color: #333333; font-weight: bold; font-size: 1.5rem;   line-height: 120%; position: relative;}
.pg-r-head i{position: absolute; top: 0; right: 0; font-size: 2.25rem; font-weight: normal; color: #999999; }
.pg-r-zxxw-img-tit{border-bottom: solid 1px #e0e0e0;}
.pg-r-zxxw-img-tit a{display: block; transition: all 0.36s ease;}
.pg-r-zxxw-list  ul li{position: relative; padding-bottom: 0.625rem; padding-left: 1.25rem;}
.pg-r-zxxw-list  ul li a{display: block;}
.pg-r-zxxw-list  ul li a::after{content: ''; position: absolute; top: 0.625rem; left: 0; width: 6px; height: 6px; background: #808080; border-radius: 50%;}
.pg-r-cptj-list .pro-list-box{box-shadow: none;}
.pg-detail-head{border-bottom: solid 1px #e0e0e0; color: #333333; font-size: 1.5rem; font-weight: bold; line-height: 120%;}
.pg-text p img{max-width: 100% !important; height: auto !important;}

/*新闻列表*/
.news-list-box{padding: 2.5rem; background: #fff; }
.news-list-box .zsy-img{width: 40%;}
.news-list-box .tit{width: calc(60% - 1.25rem); margin-left: 1.25rem;}
.news-list-box .tit .t1{font-size: 1.25rem; color: #333333; line-height: 150%; font-weight: bold; transition: all 0.36s ease;}
.news-list-box .tit .t2{color: #999999; line-height: 120%; }
.news-list-box .tit .t2 i{ color: #999999; font-size: 1.25rem; vertical-align: middle;;}
.news-list-box .tit .t3{color: #999;}

.pg-news-list{gap: 2.5rem 0rem;}
.news-list-box a:hover img{transform: scale(1.08);}
.news-list-box a:hover .tit .t1{color: var(--theme-color);}

/* 新闻详情 */
.pg-nd-tit .t1{font-size: 1.875rem; color: #333333; line-height: 150%; font-weight: bold; padding-bottom: 1.25rem;}
.pg-nd-tit .t2{color: #999999; line-height: 120%; }
.pg-nd-tit .t2 span:nth-child(1){display: inline-block; margin-right: 1rem;}
.pg-nd-tit .t2 i{display: inline-block; margin-right: 0.625rem; vertical-align: middle;}
.pg-nd-tit{border-bottom: solid 1px #e0e0e0;}
.pg-text p{color: #666;}
.pg-text img{max-width:100% !important; height:100%;}

/*品牌文化*/
.pg-ppwh-list{ background-color: #fff; padding: 2.5rem;}
.pg-ppwh-list .pg-ppwh-t1{font-size: 1.25rem; color:#666; padding-bottom: 1.25rem;}
.pg-ppwh-list .pg-ppwh-t2{font-size: 1.25rem; font-weight: bold; color:var(--theme-color); line-height: 150%;}
.pg-ppwh-list .pg-ppwh-t3{ padding-top: 1.875rem;}
.pg-ppwh-list .pg-ppwh-t3 img {max-width: 100%;}


/*招聘信息*/

.pg-recruit .sideMenu h3:nth-child(1){ margin-top: 0px;}
.pg-recruit .sideMenu h3{  padding:1rem 1.875rem; position: relative; font-size: 1.25rem;  margin-top: 1.25rem; background:#f5f5f5; color: #333333; cursor:pointer; font-weight: bold;}
.pg-recruit .sideMenu h3 .h3-tit{ position: absolute; right: 45px; top: 1rem; color:#666; font-weight: normal;}
.pg-recruit .sideMenu h3 .h3-tit span{ display: inline-block; padding-right: 1.875rem; font-size: 1rem; }
.pg-recruit .sideMenu h3 em{ float:right; display:block; width:14px; height:14px;   background:url(../images/jj.png)no-repeat center center; cursor:pointer;    margin-top: 8px; }
.pg-recruit .sideMenu h3.on{ background: var(--theme-color); color: #fff;}
.pg-recruit .sideMenu h3.on .h3-tit{ color: #fff;}
.pg-recruit .sideMenu h3.on em{ background:url(../images/jjj.png) no-repeat center center; }
.pg-recruit .sideMenu .recruit-text{ padding:2.5rem 1.875rem; color:#666; background: #eeeeee; display:none; /* 默认都隐藏 */ }
.rt-head strong{ color:#333333;}
.rt-head strong:nth-child(1){ padding-left: 0px;}
.rt-list h1{color:#333333; font-weight: bold; line-height: 200%;}
.recruit-text{ color: #666;}
.rt-list-an{ padding: 1rem 1.25rem; background:  var(--theme-color); color:#fff; display: inline-block; position: relative;}
.rt-list-an img{ padding-right: 15px;}
.rt-head p{ display: inline-block; padding-right: 3.125rem;}
/*.rt-list-an::before{ content: ''; top: 1.25rem; position: absolute; left: 1.25rem; vertical-align: middle; margin-right: 1rem; display: inline-block; background: url(../images/em.png) no-repeat left center; width: 21px; height: 16px;}
*/


/*服务中心*/
.pg-fwzx-img, .pg-fwzx-tit{width: 50%;}

.pg-fwzx-tit{padding: 3.125rem 2.5rem; background: #fff; position: relative;}
.pg-fwzx-tit .t1{font-size: 1.875rem; color: #333333; line-height: 150%; font-weight: bold; padding-bottom: 1.875rem;}
.pg-fwzx-tit .t2{color: #333333; }
@media (max-width: 1380px){
/*产品详情*/
#thumbs2{display: none;}
#gallery2, .pg-deta-lb{width: 460px;}
.pg-pro-deta-tit{width: calc(100% - 510px);}
.pg-r-tjyb{display: none;}
.pg-prolb-detail{width: 100%; margin-right: 0px;}
.pg-pro-box{padding: 1.25rem;}
/*新闻列表*/
.pg-news-list{gap: 1.25rem 0rem;}
.news-list-box{padding: 1.25rem;}
.news-list-box .tit .t1{ white-space: normal;}
.news-list-box .tit .t3{display: none;}

/*新闻详情*/


.pg-text img{max-width:100% !important; height:100%;}

}

@media (max-width: 1000px){

    /*产品详情*/
     #gallery2, .pg-deta-lb{width: 100%; height: 100%;}
     .pg-pro-deta-tit {width: 100%; height: 100%; margin-left: 0px;}

}

@media (max-width: 880px){

    /*联系我们*/
    .pcm-box{padding:1.875rem 1.25rem; margin-top: 2.5rem;}
    .pg-fwzx-img, .pg-fwzx-tit{width: 100%;}
    .pg-fwzx-tit{padding: 1.875rem 1.25rem;}
  
}

@media (max-width: 640px){

    .pt6{ padding-top: 1.875rem;}
    .pb6{ padding-bottom: 1.875rem;}
 

    .pt10{ padding-top: 1.875rem;}
    .pb10{ padding-bottom: 1.875rem;}
    .pt4{ padding-top: 1.875rem;}
    .pb4{padding-bottom: 1.875rem;}



    /*通用标题*/
    .pg-head .t1{font-size: 1.5rem;}

    /*内页顶部图片*/
    .pg-ban-img{    background-size: 1000px !important; background-position-x: 30% !important;}


    
    /*内页标题*/
    .pg-banner-tit{width:100%;}
    .pg-banner{height:200px;}
    .pg-banner-tit .t1{font-size: 1.5rem;}

    .pg-banner.abc .pg-banner-tit{margin-top: 0px; padding-top: 0px;}
    .pg-banner-tit .t2{text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 3;}
    
    /*品牌介绍*/
    .pg-ppzx-list ul li{gap: 1.25rem; padding: 1.25rem;}
    .pg-ppzx-list .zsy-img{width: 50%; height: initial; margin: 0px auto;}
    .pg-ppzx-list .tit{width: 100%;}


    /*生产基地*/
    .pg-scjd-list.pb6{padding-bottom: 3.5rem;}


    /*产品列表*/
    .pg-nav-wz{height: 60px; line-height: 60px;}
    .pg-wz{display: none;}
   
    /*产品详情*/
    .pg-nd-tit .t1{font-size: 1.5rem;}


    /*品牌文化*/
    .pg-ppwh-list{ padding: 1.25rem; margin-bottom: 1.875rem;}
   .pg-ppwh-list .pg-ppwh-t3{ padding-top: 1.25rem;}
   .pg-ppwh.pb10{ padding-bottom: 0px;}


    /*招聘信息*/

    .h3-tit{display: none;}
    .pg-recruit .sideMenu .recruit-text{ padding: 1.25rem;}
    .rt-head p{ display:block; padding-right: 0px;}
    .pg-recruit .sideMenu h3{    padding: 1rem 1.25rem;}

    /*联系我们*/
    .pg-fwzx-tit .t1, .pcm-tit, .pg-con-tit .pct-t1{font-size: 1.5rem;}


}