﻿@charset "utf-8";


/* banner */
.pg-banner{ height: 500px; max-width: 1920px; margin: 0px auto;}
.pg-m-banner{ display: none;}
.pg-m-banner img{ max-width: 100%;}

.pg-banner-tit{ padding-top: 200px; color:#fff; margin: 0px auto; width: 60%; text-align: center;}  
.pg-banner-tit h1{ padding-bottom: 20px; font-size: 24px; font-weight: normal;}
.pg-banner-tit span{ color:rgba(255, 255, 255, 0.6); font-size: 18px; font-family: "Arial";  font-weight: normal;     font-style: italic; }
.pg-banner-tit p{ font-size: 14px; line-height: 180%; color:rgba(255, 255, 255, 0.9);}

/*内页头部*/
.pg-main{perspective: 2000px; perspective-origin: top;}
.pg-head{ height: 100px; background: #fff; margin-top:-100px; padding: 21px 40px; border-bottom:solid 1px #e0e0e0; transition: 0.5s; transform-origin: bottom center; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom;    }
.pg-head.xs{ -webkit-transform: rotateX(90deg) rotateZ(0); transform: rotateX(90deg) rotateZ(0);    border-bottom: 1px solid #fff; }
.pg-nav-tit h1{ font-size: 24px; font-weight: normal; color: #333; padding-bottom: 5px;}
.pg-nav-tit p{ font-family: "Arial"; font-size: 14px; color: #999; }
/*位置*/
.pg-about-text{ padding-top: 5px;}
.breadcrumb{ padding-left: 0px; background: #fff; font-size: 14px;}
.breadcrumb li a{ font-size: 14px; color: #666666;}
.breadcrumb li img{ margin-right: 5px; }
.breadcrumb>.active{ color:#999;}
.breadcrumb>li:nth-child(2):before{content: none;}

/*内页导航*/
.pg-nav ul li{ height: 40px; line-height: 40px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.pg-nav ul li a{ padding-left: 16px; font-size: 16px; color: #999; position: relative; display: inline-block;     transition: all 0.3s ease-out 0s;  }
.pg-nav ul li a::before{ left:-10px; top: 15px; content: ""; position: absolute; width:3px; height: 12px; background: transparent;     transition: all 0.3s ease-out 0s; }
.pg-nav ul li a.active{ color:#e72629; font-weight:600;}
.pg-nav ul li a.active::before{ left:0; background:#e72629;}
.pg-nav ul li a:hover{  color:#e72629;}
.pg-nav ul li a:hover::before{left:0;  background:#e72629;} 
.pg-nav-list ul{ padding-left: 0px; border-right:solid 1px #e0e0e0;}
.breadcrumb li:last-child a{color:#999}

/*详细页*/
.pg-about{ padding-left: 40px; padding-right: 40px;}
.pg-text p{ line-height: 180%; color:#666; font-size: 16px;}
.pg-text p img{ max-width: 100%;}
.pg-text-deta{ padding: 20px; background: #f5f5f5; font-size: 15px}

/*上下页*/
.page-next{ border-top:solid 1px #e6e6e6;}
.page-next .pn-list a{color:#999999; transition:all 0.36s ease;}
.page-next .pn-list a:hover{color:#e72629}

/*其他导航与详情*/
.pg-order-head{ height: 150px; margin-top: -90px; background: #fff; text-align: center;}
.pg-order-head-tit{ padding-top: 80px;}
.pg-order-head-tit h1{ font-size: 24px; font-weight: normal; color: #333; padding-bottom: 5px;}
.pg-order-head-tit p{ font-family: "Arial"; font-size: 14px; color: #999; }
.pg-order-text{ padding-left: 20px; padding-right: 20px;}
.pg-order-text h1{font-size: 16px; color: #333; padding: 20px;  margin-bottom: 5px; font-weight: bold; background: #f5f5f5; padding: 15px;}
.pg-order-text p{ padding: 10px 20px; position: relative; padding-left: 40px;}
.pg-order-text p::before{ content: ''; position: absolute; left:20px;   top:18px; width:8px; height: 8px; background:#999;}


/*新闻列表*/
.pg-news-list{ padding-bottom: 40px;}
.news-pnl-img{ overflow: hidden;}
.news-pnl-img img{ max-width: 100%; transition: all 0.36s ease;}
.pg-news-list .news-pnl-tit{transition: all 0.36s ease; margin-left:-20px;  }
.news-npt-t1{ font-size: 15px; font-weight: bold; color:#333333; padding-bottom: 10px; padding-top: 10px;  transition: all 0.36s ease;}
.news-npt-t2{ font-size: 12px; color:#999; padding-bottom: 5px; line-height: 150%;}
.news-npt-t3{ font-size: 14px; color:#999; height: 45px; line-height: 160%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis;}
.pg-news-list{ background: #f5f5f5; padding: 20px; margin-bottom: 40px; transition: all 0.36s ease;}
.pg-news-list .news-pnl-tit .news-npt-tt{transition: all 0.36s ease; }

.pg-news-list:hover .news-pnl-img img{ transform: scale(1.08, 1.08);}
.pg-news-list:hover{ background: #e72629;}
.pg-news-list:hover .news-npt-t1{ color: #fff;}
.pg-news-list:hover .news-pnl-tit .news-npt-tt{padding-left: 20px; border-left:solid 1px rgba(255, 255, 255, .3);  }
.pg-news-list:hover .news-npt-t2, .pg-news-list:hover .news-npt-t3{color:rgba(255, 255, 255, .8);}


/*新闻详情*/
.news-deta-tit{ text-align:center; padding-bottom:30px; border-bottom:solid 1px #e6e6e6;}
.news-deta-tit h1{ font-size: 32px; color:#333333; line-height: 130%; font-weight:normal;}
.news-deta-tit p{ font-size: 15px; color:#999; line-height: 120%; padding-top:30px; }
.news-deta-tit p span{display:inline-block; padding:0px 20px; border-right:solid 1px #e0e0e0;}
.news-deta-tit p span:nth-last-child(1){border-right:none;}


/*分页*/
.pg-next {text-align: center;}
.pg-next .pagination{  margin: 0px;}
.pagination>li>a, .pagination>li>span{ color:#999;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ background: #e72629; color:#fff;}

.pager li>a, .pager li>span{ border-radius: 0px; transition:  all 0.36s ease;}

/*翻页*/
.pager{margin: 0px;}
.pager li>a:focus, .pager li>a:hover{ background: #e72629; color:#fff;  border:solid 1px #e72629;}


/*==分页==*/
.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:#f2f2f2;  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:#e72629; color:#fff; }
.paginator span.cpb { transition: all 0.36s ease; text-align:center;  width:36px; height:36px;  line-height:36px; display:inline-block; color:#fff; background:#e72629; margin-left: 5px; }
.paginatordis{ display:none;}


/*上下页*/
.pg-next-ss a{position: relative; display: block; float: left; width: calc((100% - 160px)/2); padding: 0px 30px; height: 60px; line-height: 60px; text-align: left; background-color: #f0f0f0; font-size: 16px; color: #333;}
.pg-next-ss a::after{ position: absolute; left: 0; top: 0; width: 2px; height: 100%; background-color: #ca0d18; content: '';}
.pg-next-ss a:nth-child(2){margin-left: 40px;}
.pg-next-ss a i{ position: absolute; display: inline-block; top: 0; right: 30px; font-size: 18px; color: #c7000c;}
.pg-next-ss a:hover{ color: #c7000c;}

.sx-xx .pager li{ width:calc((100% - 40px)/2); float:left; margin-left:40px; padding:10px 20px; background:#f5f5f5;}
.sx-xx .pager li:nth-child(1){ margin-left:0px;}
.sx-xx .pager li .abc-sx{ display:block; border-radius:0px;  text-align:left;}
.sx-xx .pager li .abc-sx a{ font-size:16px; color:#999;  width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; transition:all 0.36s ease;}
.sx-xx .pager li .abc-sx a:hover{color:#e72629;}




/*常见问题*/
.menu_list{width:100%;}
.menu_head{width:100%;height:45px;line-height:45px;padding-left:20px;font-size:14px;color:#333;cursor:pointer;border:1px solid #e5e5e5;position:relative;font-weight:bold;background:#f2f2f2 url(../images/pro_left.png) center right no-repeat;margin:0;}
.menu_list .current{background:#f2f2f2 url(../images/pro_down.png) center right no-repeat;}
.menu_body{width:100%;height:auto;overflow:hidden;line-height:38px;border-left:1px solid #e5e5e5;backguound:#fff;border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.menu_body p{ line-height: 200%; padding: 20px; display:block;color:#666;background:#fff;text-decoration:none;}
.menu_body a:hover{text-decoration:none;}
.menu_list_xx{ margin-bottom: 20px;}
.menu_list_xx:last-child{ margin-bottom: 0px;}

/*联系我们*/
.pg-contact-tit{ text-align: center;}
.pct-t0{ font-size: 14px; color:#999; width: 90%; margin: 0px auto; padding-bottom: 40px; line-height: 180%;}
.pct-t1{ font-size: 32px;  color:#333; padding-top: 20px; line-height:120%;}
.pct-t2{ font-size: 16px; color:#666; padding-top: 10px; }
.pg-contact-xx{ background: #f2f2f2; padding-left: 40px; padding-right: 40px; }

.pcx-t1{  background: #fff; height: 340px; padding: 20px;}
.pcx-t1 h1{ color:#333; font-size: 28px;font-weight:normal;line-height:150%; }
.pcx-t1 p{ padding-top: 8px; line-height: 180%; color:#666; font-size: 15px;}
.pcx-t1 span{ display: block; color:#999; padding-bottom: 10px; font-size: 14px; padding-top:8px;}
.pcx-input input{ height: 40px; border: none; line-height: 40px; width: 100%; padding: 0px 10px; outline: none; font-size: 15px;}
.pcx-input{ padding-bottom: 20px;}
.pcx-textarea{ padding-bottom: 16px; font-size: 14px;}
.pcx-textarea textarea{ height: 100px; border: none; line-height: 40px; width: 100%; padding: 0px 10px; outline: none; font-size: 15px;}
.input-an{ color:#fff; outline: none; background: #eb2629;}
.input-an:hover{ background: #333; color:#fff;}
.pcx-input:last-child{padding-bottom: 0px;}
.pg-contact-map img{ max-width: 100%;}
.pg-map{ background: #f2f2f2; padding: 40px;}


/*模块10*/
.ix-list-10 .il-10-list-img { border:solid 2px #fff; transition: all 0.36s ease;  position: relative; overflow: hidden; }
.ix-list-10  .il-10-list-img img{ max-width: 100%; transition: all 0.36s ease; overflow: hidden; display: inline;}
.ix-list-10  .il-10-list-tit{ padding:5px 20px; transition: all 0.36s ease; text-align: center;}
.ix-list-10  .il-10-t1{  font-size:14px;  width: 100%; white-space: nowrap; overflow: hidden; transition:  all 0.36s ease; text-overflow: ellipsis;}
.ix-list-10  .il-10-t2{ margin-bottom: 15px; font-size:14px; color:#999; transition:  all 0.36s ease; height: 55px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  text-overflow: ellipsis; width: 100%}
.ix-list-10  .il-10-t3{ border-top:solid 1px #e0e0e0; padding-top:20px; color:#999; transition:  all 0.36s ease;}
.ix-list-10  .il-10-t3 span{  padding-right: 20px; display: inline-block;}
.ix-list-10 .swiper-slide a{ display: block; overflow: hidden;}

.ix-list-10  a:hover .il-10-list-img {border:solid 2px #e72629; }
.ix-list-10  a:hover .il-10-list-img img{ transform: scale(1.08) translate3d(0, 0, 0); }
.ix-list-10  a:hover .il-10-list-tit{ background: #e72629; }
.ix-list-10  a:hover .il-10-list-tit .il-10-t1{ color: #fff; }
.ix-list-10 a:hover .il-10-list-tit .il-10-t2{ color:rgba(255, 255, 255, 0.8);}
.ix-list-10  a:hover .il-10-list-tit .il-10-t3{ color:rgba(255, 255, 255, 0.8);  border-top:solid 1px rgba(255, 255, 255, 0.2);}

.ix-list-10 .ix-list-10-wp  .il-10-t2{ margin-bottom: 0px;}

.ix-list-10 .ix-list-10-wp .ix-pro-img{border:solid 1px #e5e5e5;}
.ix-list-10 .ix-list-10-wp a:hover .ix-pro-img img{transform:scale(1.08);}
.ix-list-10 .ix-list-10-wp a:hover .ix-pro-tit .ipt1{color:#e72629;}
/*内页二级*/
.aa-two-nav{ background: #f2f2f2; padding: 20px 10px; padding-bottom: 0px;}
.aa-two-nav a{ padding: 5px 20px;   background: #fff; display: inline-block; font-size: 14px;  margin:0px 10px; margin-bottom: 20px; color:#999; transition: all 0.36s ease;}
.aa-two-nav a:hover{ background: #e72629; color:#fff;}
.aa-two-nav a.active{ background: #e72629; color:#fff;}



/* 产品详情 */
.pro-deta-banner img{ max-width: 100%;}
.pdt-t1{ font-size: 28px; color:#333; padding-top: 10px; padding-bottom:20px;}
.pdt-t2 p{ position: relative; padding-left: 20px; padding-top: 20px; line-height: 180%; color: #333333;}
.pdt-t2 p::before{ content: ""; position: absolute; left: 0; top: 30px; width: 8px; height: 8px; background: #333333; }
.pro-deta-head{border-bottom: solid 1px #e0e0e0;}
.pro-deta-head p{ padding: 10px 40px; background: #e72629; display: inline-block; color: #fff;}

.pro-deta-text p { line-height: 180%; font-size: 14px;}
.pro-deta-text p img{ max-width: 100%;}

.pro-deta-tit{ font-size:15px; line-height:180%;}
.pro-deta-tit .pdt-t2{ padding-bottom:8px;}
.pro-deta-tit .pdt-t2 span{color:#eb2629;}

.swiper-pagination.pdl-pagin .swiper-pagination-bullet-active{background:#eb2629;}



/*品牌介绍*/
.pg-brand-list{ background:#fff; margin-bottom:40px; transition:all 0.36s ease; box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.pg-brand-list .box-tit{ padding:20px 20px; height:130px; overflow:hidden;}
.pg-brand-list .box-tit .box-tit-t1{font-size:18px; color:#333; margin-bottom:5px;}
.pg-brand-list .box-tit .box-tit-t2{font-size:15px; color:#999999;}
.box-tit-t2{ line-height:180%;}
.pg-brand-list .box-tit{width:calc(100% - 200px);  float:left;}
.pg-brand-list .zsy-img{width:200px; height:130px; float:left;}
.pg-brand-list a{display:block;}
.pg-brand-list:hover{background:#e72629; color:#fff;}
.pg-brand-list:hover .box-tit .box-tit-t1{ color:#fff;}
.pg-brand-list:hover .box-tit .box-tit-t2{ color:rgba(255,255,255,0.8);}


/*常见问题*/
.pg-problem-list {padding:30px 20px; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1); margin-bottom:40px;}
.pg-problem-list .ppl-box{ position:relative; padding-left:60px; min-height:36px;}
.pg-problem-list .ppl-box.a{font-size:18px; font-weight:bold; color:#333; height:60px}
.pg-problem-list span {width:36px; height:36px; position:absolute; top:0; left:0;background:#eb2629; color:#fff; text-align:center; line-height:36px; font-size:18px; font-family:Arial, Helvetica, sans-serif; border-radius:100%;}
.pg-problem-list .ppl-box.b{ margin-top:10px; height:90px; overflow:auto;}
.pg-problem-list .ppl-box.b span{background:#666666;}

.pg-problem-list .ppl-box.b::-webkit-scrollbar{width: 4px;height: 4px;background-color: #f6f6f6;}
.pg-problem-list .ppl-box.b::-webkit-scrollbar-track{background-color: #f6f6f6;}
.pg-problem-list .ppl-box.b::-webkit-scrollbar-thumb{background-color: #eb2629;}

@media (max-width: 1080px){

    /*内页bannrer*/
    .pg-banner{ display: block;}
    .pg-m-banner{ display: none;}
    .pg-m-banner img{ width: 100%; display: block;}
    .pg-banner-tit{ width: 90%;}
	
	.ix-list-10 .ix-list-10-wp{ margin-bottom:0px;}
 }

@media (max-width: 780px){
    /* 内页导航 */
    .pg-head{ margin-top: 0px; -webkit-transform: rotateX(0deg) rotateZ(0); transform: rotateX(0deg) rotateZ(0);     padding: 21px 0px;} 
    .pg-head.xs { -webkit-transform: rotateX(0deg) rotateZ(0); transform: rotateX(0deg) rotateZ(0); border-bottom: 1px solid #e0e0e0; }        
    /*关于我们*/
    .pg-about {
        padding-left: 0px;
        padding-right: 0px;
    }
    .pg-nav{ padding-right: 10px;}
    /*新闻动态*/
    .pg-news-list .news-pnl-tit{ margin-left:0px;}
    .news-npt-t1{ font-size: 14px; padding-bottom: 5px; line-height: 150%;}
    .news-npt-t3{ display: none;}
    /*联系我们*/
    .pg-contact-xx{ padding: 20px;}
    .pg-map{ padding: 20px;}
    
    /*内页banner*/

    .pg-banner-tit{ padding-top: 80px;}
    .pg-banner{ height: 240px;}

    /*常见问题*/
    .pg-problem-list .ppl-box.a{height:initial;     -webkit-line-clamp:initial;     overflow:initial; text-overflow:initial}
    .pg-problem-list .ppl-box.b{height:initial;}
}

@media (max-width: 640px){
    .pg-about{ padding: 0px;}
    .pt6{ padding-top: 40px;}
    .pb6{ padding-bottom: 40px;}
    .row{ margin-left: -10px; margin-right: -10px;}
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-right: 10px; padding-left: 10px;}


/*内页banner*/
.pg-banner{ height: 280px;}
.pg-banner-tit{ width: 100%; padding-top: 80px;}

   /* 内页导航 */
   .pg-head{ display: none;}
   .pg-nav{ padding-bottom: 10px;}
   .pg-nav-list ul{ border:none;}
   .pg-nav-list ul li{ width: calc((100% - 20px)/2); float: left; margin-left: 20px; margin-bottom: 20px; text-align: center;}
   .pg-nav-list ul li:nth-child(odd){margin-left: 0px; }
   .pg-nav-list ul li a{ display: block;  background: #f5f5f5; padding-left: 0px;}
   .pg-nav-list ul::after{content: ''; clear: both; display: block; height: 0; }
   .pg-nav ul li a.active{ background-color: #333; color:#fff;}
   .pg-nav ul li a::before{ content: none;}

   
 .pg-nav ul li a img{height:24px; position:absolute; left:0; top:10px; }

   
   /*新闻动态*/
   .pg-news-list{ padding-bottom: 20px; margin-bottom: 20px;}
   .news-npt-t1{ font-size: 14px;}
   .news-deta-tit h1{ font-size: 18px;}

   /*其他详情页*/
   .pg-order-head-tit h1{ font-size: 20px;}
   .pg-order-head{margin-top: 0px; height: 120px;}
   .pg-order-head-tit{ padding-top: 40px;}
   .pg-order-text{ padding-left: 0px; padding-right: 0px;}


   /* 联系我们 */
    .pct-t1{ padding-top: 0px; font-size: 16px;}
    .pct-t3{ width: 100%; font-size: 12px;}
    .pct-t2{ padding-top: 10px; padding-bottom: 10px;}
    .pcx-t1{ margin-bottom: 20px;}
    .pcx-t1 h1{font-size: 16px;}
    .pct-t0{ width: 100%;}


    .pg-text p{ font-size: 14px;}
.pg-text-deta{  font-size: 14px}

/*产品*/
.pg-nav.abc .pg-nav-list ul li{ text-align:left;}
.pg-nav.abc ul li a img{left:10px;}


/*品牌*/
.pg-brand-list .zsy-img{display:none;}
.pg-brand-list .box-tit{ width:100%;}
.pg-brand-list{margin-bottom:20px;}

/*详情*/
.news-deta-tit p{ padding-top:20px;}
.news-deta-tit p span:nth-child(1){border-right:none; padding-bottom:10px;}

}
