@charset "utf-8";

@media (min-width: 1200px){
    .container{ width: 1240px;  }
}
/* banner */
.pg-banner{ height: 500px; max-width: 1920px; margin: 0px auto;}
.pg-m-banner{ display: none;}
.pg-m-banner img{ max-width: 100%;}

/*内页头部*/
.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;}
.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: 14px; color: #999; position: relative; display: inline-block;     transition: all 0.3s ease-out 0s; cursor:pointer; }
.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:#333; font-weight:600;}
.pg-nav ul li a.active::before{ left:0; background:#006dba;}
.pg-nav ul li a:hover{  color:#333;}
.pg-nav ul li a:hover::before{left:0;  background:#006dba;}
.pg-nav-list ul{ padding-left: 0px; border-right:solid 1px #e0e0e0;}

/*详细页*/
.pg-about{ padding-left: 40px; padding-right: 40px;}
.pg-text p{ line-height: 200%; color:#666; font-size: 14px;}
.pg-text hr{ margin-top: 20px; margin-bottom: 20px;}
.pg-text p img{ max-width: 100%;}
.pg-text-deta{ padding: 20px; background: #f5f5f5; font-size: 14px}

.pg-ab-logo  img{max-height:80px;}

/*其他导航与详情*/
.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:#666; padding-bottom: 15px; padding-top: 10px;  transition: all 0.36s ease;}
.news-npt-t2{ font-size: 12px; color:#999; padding-bottom: 5px;}
.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: 20px; 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: #006dba;}
.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 h1{ font-size: 18px; color:#333; line-height: 200%; }
.news-deta-tit p{ font-size: 12px; color:#999; line-height: 180%; }

/*分页*/
.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: #006dba; color:#fff;}

.pager li>a, .pager li>span{ border-radius: 0px; transition:  all 0.36s ease;}

/*翻页*/
.pager{margin: 0px; padding-top:30px;}
.pager li>a:focus, .pager li>a:hover{ background: #006dba; color:#fff;  border:solid 1px #006dba;}

.pager li.previous span{ display:inline-block;padding-right:5px;}

.pager li.next span{ display:inline-block;padding-left:5px;}
/*案例列表*/
.pg-case-list{ position: relative; margin-bottom: 40px;}
.pg-case-list a{ display: block;}
.case-pcl-img img{ max-width: 100%;}
.case-pcl-tit{ text-align: center; background: rgba(29, 107, 195, 0.9); z-index: 2;  position: absolute; bottom: 0px; width: 100%;   color:#fff; height: 50px;  overflow: hidden;  transition: all 0.5s ease;}
.case-pcl-t1{ padding: 15px 20px; font-size: 14px; }
.case-pcl-t2{ padding: 0px 40px; font-size: 12px; color: rgba(255, 255, 255, 0.8); line-height: 180%; }
.case-pcl-t3{ padding-top: 30px;}
.pg-case-list a:hover .case-pcl-tit{ height: 100%;}
.pg-case-list a:hover .case-pcl-tit{ padding-top: 60px;}
.pg-case-list a:hover .case-pcl-t1{ font-size: 16px;}


/* 案例详情 */
.pg-case-deta{ }
.case-deta-banner img{ max-width: 100%;}
.pdt-t1{ font-size: 18px; color: #333; font-weight: bold;}
.pdt-t2 p{ position: relative;padding-top: 20px; font-size: 14px; line-height: 180%; color: #666;}
.case-deta-head{border-bottom: solid 1px #e0e0e0;}
.case-deta-head p{ padding: 10px 40px; background: #262626; font-size: 14px; display: inline-block; color: #fff;}
.case-deta-text p{ line-height: 200%; font-size: 14px; color:#666;}

/*联系我们*/
.pg-con-list{ background-color: #f5f5f5; text-align: center; padding: 0px 30px;     height: 180px; padding-top: 30px; margin-bottom: 20px; position: relative;}
.pg-con-list img{width: 50px; height: 50px; margin: 0px auto;}
.pg-con-list h1{font-size: 18px; color:#333333; padding-top: 20px; padding-bottom: 5px;}
.pg-con-list p{ font-size: 14px; height: 50px;}

.pg-zp-list { height: 60px; line-height: 60px; width: 100%; background-color: #fff; text-align: center; margin-bottom: 40px;}
.pg-zp-list a{ font-size: 16px;  transition: all 0.36s ease; display: block}
.pg-zp-list a:hover{ background-color: #006dba; color:#fff; }

.pg-con-list:nth-child(3){ 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: 18px; font-weight: bold; color:#333; padding-top: 20px;}
.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: 16px; font-weight: bold; }
.pcx-t1 p{ padding-top: 8px; line-height: 180%; color:#666; font-size: 14px;}
.pcx-t1 span{ display: block; color:#999; padding-bottom: 15px; font-size: 12px;}
.pcx-input input{ height: 40px; border: none; line-height: 40px; width: 100%; padding: 0px 20px; outline: none; font-size: 14px; background-color: #f5f5f5;}
.pcx-input{ padding-bottom: 20px;}
.pcx-input input.input-an{ background-color: #006dba;}
.pcx-textarea{ padding-bottom: 16px; font-size: 14px;}
.pcx-textarea textarea{ height: 100px; border: none; line-height: 40px; width: 100%; padding: 0px 20px; outline: none; font-size: 14px; background-color: #f5f5f5;}
.input-an{ color:#fff; outline: none; background: #999999;}
.input-an:hover{ background: #006dba; color:#fff;}
.pcx-input:last-child(3){padding-bottom: 0px;}
.pg-contact-map img{ max-width: 100%;}
.pg-map{ background: #f2f2f2; padding: 40px; height: 580px;}

.pg-zp-list i { font-size: 30px; vertical-align: middle;display: inline-block; padding-right: 5px; color: #999;}
.pg-zp-list a:hover i{ color: #fff;}

/*内页通用头部*/
.pg-ab-head h1{ font-size: 24px; color:#333; }
.pg-ab-head h1 span{ font-size: 14px; color:#666; font-weight: normal; padding-left: 15px; display: inline-block; }

/*关于我们*/
.pg-ab-img  img{ max-width: 100%;}


/*品牌文化*/
.pg-ppwh-list{ background-color: #fff; padding: 40px;}
.pg-ppwh-list .pg-ppwh-t1{font-size: 18px; color:#666; padding-bottom: 20px;}
.pg-ppwh-list .pg-ppwh-t2{font-size: 26px; color:#006dba; line-height: 150%;}
.pg-ppwh-list .pg-ppwh-t3{ margin-top: 30px;}
.pg-ppwh-list .pg-ppwh-t3 img {max-width: 100%;}

/*企业文化*/
.pg-qywh ul li:nth-child(1){padding-bottom: 40px;}
.pg-qywh ul li:nth-child(even) .pg-qywh-tit{ float: right;}
.pg-qywh-tit{ padding-top: 20px;}
.pg-qywh-tit h1{ border-radius: 4px; padding: 0px 20px; margin-bottom: 30px;  height: 36px; line-height: 36px; background-color: #006dba; color: #fff; display: inline-block; font-size: 18px; font-weight: normal;}
.pg-qywh-tit p{ font-size: 16px; line-height: 200%;}
.pg-qywh-img img{ max-width: 100%;}


/*发展历程*/
.pg-falc  .container{ position: relative;}
.pg-falc-box.swiper-container .swiper-slide{ background-color: #fff; padding: 30px;  min-height: 350px;}
.pg-falc-box.swiper-container .swiper-slide h1{ font-family: Arial, Helvetica, sans-serif;  font-weight: normal; font-family: 'HelveticaNeueLTPro-ThEx'; font-size: 36px; letter-spacing: 1px; color: #333;}
.pg-falc-box.swiper-container .swiper-slide .pg-falc-list{ margin-top: 20px; padding-left: 20px; border-left: solid 1px #e0e0e0; position: relative; }
.pg-falc-box.swiper-container .swiper-slide .pg-falc-list p{font-size: 14px; line-height: 200%; padding-bottom: 20px;}
.pg-falc-box.swiper-container .swiper-slide .pg-falc-list img{ position: absolute; left: 0; top: 0; left: -10px;}
.pg-falc .swiper-button-prev, .pg-falc .swiper-button-next{ left: initial; right: 0;  top: 0;}
.pg-falc .swiper-button-prev{ background: url(../images/l1.jpg) no-repeat center center; width: 40px; height: 40px; right: 61px;}
.pg-falc .swiper-button-next{ background: url(../images/r1.jpg) no-repeat center center; width: 40px; height: 40px;  right: 20px;}
/*联系我们*/
.pg-con-list{ background-color: #f5f5f5; text-align: center; padding: 0px 30px;     height: 180px; padding-top: 30px; margin-bottom: 20px; position: relative;}
.pg-con-list img{width: 50px; height: 50px; margin: 0px auto;}
.pg-con-list h1{font-size: 18px; color:#333333; padding-top: 20px; padding-bottom: 5px;}
.pg-con-list p{ font-size: 14px; height: 50px;}

.pg-zp-list { height: 60px; line-height: 60px; width: 100%; background-color: #fff; text-align: center; margin-bottom: 40px;}
.pg-zp-list a{ font-size: 16px;  transition: all 0.36s ease; display: block}
.pg-zp-list a:hover{ background-color: #006dba; color:#fff; }

.pg-con-list:nth-child(3){ margin-bottom: 0px;}

@media (max-width: 1080px){

.pg-banner {height: 400px;  width: 1100px; background-size: 150% !important;}

    .pager li>a{ width:100%; margin-top:-1px;}
}

@media (max-width: 780px){
    /* 内页导航 */
    .pg-head{ margin-top: 0px; -webkit-transform: rotateX(0deg) rotateZ(0); transform: rotateX(0deg) rotateZ(0);} 
    .pg-head.xs { -webkit-transform: rotateX(0deg) rotateZ(0); transform: rotateX(0deg) rotateZ(0); border-bottom: 1px solid #fff; }        
    /*新闻动态*/
    .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;}
    .pg-con-list img{ width: 40px; height: 40px;}
    .pg-zp-list{margin-bottom: 20px;}
    .pg-zp-list a{ font-size: 14px;}
    
}

@media (max-width: 640px){
    .pg-about{ padding-left: 0px; padding-right: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;}

   /* 内页导航 */
   .pg-head{ display: none;}
   .pg-nav{ padding-bottom: 20px;}
   .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: #006dba; color:#fff;}
   .pg-nav ul li a::before{ content: none;}

   /*案例详情*/
   .pg-pro-deta{ padding-top: 20px;}

   /*新闻动态*/
   .pg-news-list{ padding-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;}


  /*关于我们*/
   .pg-ab-head h1{ font-size: 18px;}
   .pg-text p{ font-size: 14px;}
   .pg-ppwh-list{ padding: 20px; margin-bottom: 30px;}
   .pg-ppwh-list .pg-ppwh-t2{ font-size: 24px;}
   .pg-ppwh-list .pg-ppwh-t3{ padding-top: 20px;}
   .pg-ppwh.pb10{ padding-bottom: 0px;}
   .pg-qywh-tit{ padding-top: 0px;}
   .pg-falc .swiper-button-prev, .pg-falc .swiper-button-next{ top: 10px;}
   .pg-falc-box.swiper-container .swiper-slide h1{ font-size: 24px;}
   .pg-falc-box.swiper-container .swiper-slide{ padding: 20px;}
   /* 联系我们 */
    .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-con-img{ padding-bottom: 30px;}
    .pg-zp-list i{ font-size: 26px;}

    .pg-con-list { padding: 20px; padding-left: 80px; text-align: left; height:initial;}
    .pg-con-list p{ height: initial;}
    .pg-con-list img{ position: absolute; left: 20px; top: 20px;}
    .pg-con-list h1{ font-size: 16px; font-size: 15px; padding-top: 10px;}
    .pg-con-list:nth-child(3){ margin-bottom: 20px;}
    .pg-map{ height: initial;}
    .pg-ppwh.abc.pb10{ padding-bottom: 10px;}

    /*内页图片*/
      .pg-banner{ height: 200px;  width: 600px;   background-size: 130% !important;} 
   

}