﻿@charset "utf-8";


/* banner */
.pg-banner{ height: 400px; max-width: 1920px; margin: 0px auto;}
.pg-m-banner{ display: none;}
.pg-m-banner img{ max-width: 100%;}

.pg-banner-tit{ padding-top: 115px; color:#333333; margin: 0px auto; text-align: center; }  
.pg-banner-tit .h1{ padding-bottom: 25px; font-size: 36px; font-weight: normal;}
.pg-banner-tit span{ color:rgba(51,51,51,0.2); font-size: 48px;   font-weight: normal; display:inline-block; padding-bottom:25px; }
.pg-banner-tit p{ font-size: 16px; line-height: 180%;  width:610px; margin:0px auto;}

/*左边*/
.pg-banner-tit.zba{text-align:left; padding-top: 90px;}
.pg-banner-tit.zba p{margin-left:0px;}
.pg-ban-more a{width:180px; height:50px; text-align:center; line-height:50px; color:#fff; font-size:18px; display:block; background:#5ebcff; border-radius:6px; transition:all 0.36s ease;}
.pg-ban-more a i{font-size:26px; padding-right:20px; vertical-align:middle;}
.pg-ban-more a:hover{background:#0091ff;}

/*产品业务*/
.pg-pro-list ul li{width:calc((100% - 120px)/4); float:left; margin-left:40px; background:#fff; border-radius:6px; margin-top:40px;}
.pg-pro-list ul li:nth-child(4n+1){margin-left:0px;}
/*通用栏目*/
.pg-head{position:relative; font-size:16px; color:#333; text-align:center;}
.pg-head .ih1{font-size:32px;color:#333333; font-weight:bold; position:relative; z-index:2; line-height:100%; letter-spacing:5px;}
.pg-head .ih2{color:rgba(51,51,51,0.1); position:absolute; top:-35px; left:0; right:0; z-index:1;font-size:60px; font-weight:normal; line-height: 100%; margin:0px auto; display:inline-block;}


/*通用详情*/
.pg-text p{line-height:180%; font-size:16px; color:#333333;}
.pg-text p img{max-width:100%;}




/*生产技术*/
.pg-scjs-list ul li a .psl-tit{transition:all 0.36s ease;}
.pg-scjs-list ul li a:hover .zsy-img img{ transform:scale(1.08);}
.pg-scjs-list ul li a:hover .psl-tit{ color:#06519a;}

/*==分页==*/
.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:#5ebcff; 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:#5ebcff; margin-left: 5px; }
.paginatordis{ display:none;}

.pg-next.bs .paginator a{background:#fff;}

/*详情页面*/
.pg-deta-head{ text-align: center; border-bottom: solid 1px #e6e6e6;}
.pg-deta-head .pdh-t1{font-size: 32px; color:#333333; line-height:150%;}
.pg-deta-head .pdh-t2{font-size:15px;}
.pg-deta-head .pdh-t2 span{ display: inline-block; padding: 0px 20px; display: inline-block; border-right: solid 1px #e0e0e0; line-height: 100%; color: #999999;}
.pg-deta-head .pdh-t2 span:nth-child(3){border-right:none;}

.page-next{border-top:dashed 1px #e0e0e0;}

.pg-deta-head .pdh-t2 span:nth-child(2) { border-right: none;}

/*位置*/
.pg-wz{padding:15px 0px;}
.pg-wz a{color:#666;}
.pg-wz span{color:#ccc;}
.pg-wz img{height:18px; vertical-align:middle;}

/*产品详细-左边*/
.pro-left{width:75%; background:#fff; } 


.pro-lb-tit{padding:40px;}
.pro-lb-tit .pro-lb{width:calc(56% - 2px);border:solid 1px #e0e0e0; }
.pro-lb-tit .pro-lb img{ max-width:100%;}

.pro-lb-tit .pro-tit{width:calc(44% - 40px); padding-left:40px;}

.pro-tit-t1{font-size:24px; color:#06519a; line-height:160%; padding:15px 0px;}
.pro-tit-t2{font-size:16px; color:#999999; padding-bottom:25px; border-bottom:solid 1px #e0e0e0;}
.pro-tit-t3{padding-top:25px; padding-bottom:25px;}
.pro-tit-t4 a{display:block; width:160px; height:50px; line-height:50px; text-align:center; background:#14469c; color:#fff; font-size:18px; border-radius:6px;}
.pro-tit-t4 a i{font-size:24px; display:inline-block; vertical-align:top; padding-right:5px; font-weight:normal;}

.pdx-head{height:60px; line-height:60px; padding-left:40px; background:#f5f5f5; font-weight:bold; font-size:20px; color:#1a1a1a; position:relative;}
.pdx-head:before{width:3px; height:60px; background:#06519a; position:absolute; left:0; top:0; content:'';}

.page-next-box{padding:40px; padding-top:30px;}
.pro-left .page-next{ border-top:dashed 1px #e5e5e5;}


/*产品详情-右边*/
.pro-right{ width:calc(25% - 80px); margin-left:40px; background:#fff; padding:20px; }
.pr-head{font-size:20px; font-weight:bold;color:#1a1a1a;}
.pro-right ul li {padding-top:15px; text-align:center;}
.pro-right ul li .zsy-img{border:solid 1px #dddddd;}
.pro-right ul li p{color:#666; padding-top:8px; line-height:160%; font-size:16px; }

/*上下页*/
.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;}


/*关于我们*/
.iab-tit{width:calc(61% - 70px); }
.iab-img {width:39%;}
.iab-img img{max-width:100%;}
/*产业布局*/
.ix-cybj-box .icb-tit{padding:40px 40px;  width:calc(43% - 80px); background:#fff;}
.ix-cybj-box .icb-img{width:57%; position:relative;}

.ix-cybj-box .icb-img:after{ content:""; position:absolute; bottom:0; height:200px; left:0; display:block; width:100%; opacity:0.7;
background: linear-gradient(bottom , rgba(0, 0, 0, 1) , rgba(0, 0, 0, 0) 100%);          
background: -o-linear-gradient(bottom , rgba(0, 0, 0, 1) , rgba(0, 0, 0, 0) 100%);
background: -ms-linear-gradient(bottom , rgba(0, 0, 0, 1) , rgba(0, 0, 0, 0) 100%);
background: -moz-linear-gradient(bottom , rgba(0, 0, 0, 1) , rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(bottom , rgba(0, 0, 0, 1) , rgba(0, 0, 0, 0) 100%);
}

.icb-img-tit{ position:absolute; left:40px; bottom:30px; font-size:24px; color:#fff; z-index:2;}
.ix-cybj-box .icb-img img{max-width:100%; display:block;}

.icb-tit .list{ padding-bottom:30px; padding-right:40px; }
.icb-tit .list .list-1{font-size:22px; color:#333333; font-weight:bold; line-height:150%; padding-bottom:15px;}
.icb-tit .list .list-2 p{font-size:16px; color:#333; line-height:160%;}
.icb-tit .list .list-2 p{padding-bottom:5px;}
.icb-tit-box{ height:400px; overflow-y:auto;}

.icb-tit-box::-webkit-scrollbar{width: 6px;height: 5px;background-color: #f5f5f5; border-radius:6px;}
.icb-tit-box::-webkit-scrollbar-track{background-color: #f5f5f5; border-radius:6px; overflow:hidden;}
.icb-tit-box::-webkit-scrollbar-thumb{background-color: #06519a;     border-radius: 6px;}

.ix-cybj-box ul li{padding-bottom:40px;}
.ix-cybj-box ul li .icb-img{float:left;}
.ix-cybj-box ul li .icb-tit{float:left;}
.ix-cybj-box ul li:nth-child(even) .icb-img{float:right;}



/*联系我们*/
.pg-con-tit{width:52%;}
.pg-con-tit .pct-t1{font-size:30px; color:#333333; line-height:120%;font-weight:bold; padding-bottom:15px;}
.pg-con-tit .pct-t2{font-size:18px; color:#999;}
.pg-con-tit .pct-t3 img{width:80px; height:80px; position:absolute; left:0; top:40px;}
.pg-con-tit .pct-t3 ul li{padding-top:40px; padding-left:100px; position:relative; min-height:80px;}
.pg-con-tit .pct-t3 ul li p{font-size:16px; color:#666666; padding-top:8px; padding-bottom:5px;}
.pg-con-tit .pct-t3 ul li h2{font-size:16px; color:#333333; font-weight:bold;}

.pg-con-mess{ width:48%;}
.pcm-box{ background:#f5f5f5; padding:40px; border-radius:6px;}
.pcm-tit{font-size:30px; font-weight:bold; color:#333333; line-height:120%; padding-bottom:10px;}
.pcm-input{padding-top:20px;}
.pcm-input input{ width:calc(100% - 40px); padding:0px 20px; height:50px; line-height:50px; font-size:16px; color:#666; border:none; border-radius:6px; outline:none;}
.pcm-textarea{padding-top:20px;}
.pcm-textarea textarea{ width:calc(100% - 40px); padding:20px 20px; height:100px;  font-size:16px; color:#666; border:none; border-radius:6px; outline:none;}
.pcm-input input.input-an{background:#5ebcff; color:#fff; font-size:18px; text-align:center; width:100%; cursor:pointer;}



.pg-contact-map .pg-map{padding:40px; border-radius:6px; background:#f5f5f5;}


/*产品二级*/
.aa-two-nav{ text-align:center;}
.aa-two-nav a{ display:inline-block; margin:0px 20px; padding:10px 20px; }


/*内页导航*/
.pg-nav{ width:280px;}
.pg-nav-head{ padding-bottom:15px; border-bottom:solid 1px #cccccc;}
.pg-nav-head .pnh-t1{font-size:32px; color:#333333;}

.pg-nav-head .pnh-t2{font-size:16px; color:#999; padding-top: 10px;}
.pg-nav-list {padding-top:15px;}
.pg-nav-list ul li{ transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding:5px 0px;}
.pg-nav-list ul li a{ padding-left: 16px; font-size: 16px; color: #666666; position: relative; display: inline-block; line-height:180%;     transition: all 0.3s ease-out 0s;  }
.pg-nav-list ul li a::before{ left:-10px; top: 8px; content: ""; position: absolute; width:3px; height: 12px; background: transparent;     transition: all 0.3s ease-out 0s; }
.pg-nav-list ul li a.active{ color:#333; font-weight:600;}
.pg-nav-list ul li a.active::before{ left:0; background:#2673a9;}
.pg-nav-list ul li a:hover{  color:#5ebcff;}
.pg-nav-list ul li a:hover::before{left:0;  background:#5ebcff;}
.pg-nav-list ul{ padding-left: 0px; }

.pg-service-list{ padding-left:40px; width:calc(100% - 320px);}


/*服务列表*/
.pg-service-list ul li{ width:calc((100% - 80px)/3); float:left; margin-left:30px; float:left; padding-bottom:40px;}
.pg-service-list ul li:nth-child(3n+1){margin-left:0px;}
.psl-tit-t1{ font-size:18px; color:#000; padding:5px 0px; padding-top:10px; transition:all 0.36s ease;}
.psl-tit-t2{ font-size:15px; color:#999; line-height:160%;}
.pg-service-list ul li a:hover img{ transform:scale(1.08);}
.pg-service-list ul li a:hover .psl-tit-t1{color:#5ebcff;}


/*位置*/
.pg-wz{padding:15px 0px;}
.pg-wz a{color:#666;}
.pg-wz span{color:#ccc;}
.pg-wz img{height:18px; vertical-align:middle;}

/*服务详情*/
.psd-t1{ font-size:32px; color:#333; line-height:120%; font-weight:bold; }
.psd-t2{ color:#5ebcff; padding:20px 0px; font-size:18px;}
.pg-text p{color:#666; font-size:16px; line-height:160%;  }
.pg-text p img{max-width:100%;}

.pg-next-abc{ border-top: 1px dashed #ddd;}
.pg-next-abc a{font-size:15px; color:#999; transition:all 0.36s ease;}
.pg-next-abc a:hover{color:#5ebcff;}
.pg-news-nav ul { text-align:center; margin:0px auto; padding-top:20px;}
.pg-news-nav ul li{display:inline-block; margin:0px 10px;  }
.pg-news-nav ul li a{padding:0px 40px; height:50px; line-height:50px; background:#fff;border-radius:6px; display:block;}

.pg-news-list ul li{margin-bottom:40px; width:calc((100% - 30px)/2); float:left; margin-left:30px; height:180px; background:#fff;}
.pg-news-list ul li:nth-child(2n+1){margin-left:0px;}

.pg-news-list ul li .zsy-img{width:270px;  height:180px; float:left;}
.pg-news-list ul li .pnl-tit{ width:calc(100% - 330px); float:right; padding-left:30px; padding-right:30px; padding-top:20px;   }

.pg-news-list ul li .pnl-tit .pnl-tit-t1{font-size:16px; color:#999999; padding-bottom:5px;}
.pg-news-list ul li .pnl-tit .pnl-tit-t2{font-size:18px; line-height:160%; color:#333; transition:all 0.36s ease;}
.pg-news-list ul li .pnl-tit .pnl-tit-t3{font-size:16px; color:#999; padding-top:15px; transition:all 0.36s ease;}
.pg-news-list ul li .pnl-tit .pnl-tit-t3 i{ font-size:12px; color:#999; vertical-align:middle; display:inline-block; padding-left:10px; transition:all 0.36s ease;}

.pg-news-list ul li a:hover .zsy-img img{ transform:scale(1.08);}
.pg-news-list ul li a:hover .pnl-tit .pnl-tit-t2, .pg-news-list ul li a:hover .pnl-tit .pnl-tit-t3, .pg-news-list ul li a:hover .pnl-tit .pnl-tit-t3 i{color:#0091ff;}

/*新闻详情*/
.pg-news-deta{ padding:40px; background:#fff;}
.pg-deta-head{ border-bottom: solid 1px #e6e6e6;}
.pg-deta-head .pdh-t1{font-size: 32px; color:#333333; line-height:150%;}
.pg-deta-head .pdh-t2{font-size:15px;}
.pg-deta-head .pdh-t2 span{ display: inline-block; padding: 0px 20px; display: inline-block; border-right: solid 1px #e0e0e0; line-height: 100%; color: #999999;}
.pg-deta-head .pdh-t2 span:nth-child(3){border-right:none;}

.pg-certificate{  padding:40px; background:#fff; text-align:center;}
.pg-certificate ul li{margin-bottom:30px;}
.pg-certificate ul li b{color:#ff0000;}
.pg-certificate ul li input{ width:500px; height:50px;  padding:0px 20px; border:solid 1px #e0e0e0; border-radius:6px; outline:none; font-size:16px;}
.pg-certificate ul li button{width:180px; height:50px; text-align:center; line-height:50px; font-size:16px; background:#0091ff; border:none; color:#fff;}

.pg-certificate ul li img{max-width:600px;}
.pg-certificate.jg ul li.cx a {color:#5ebcff;}
.pg-certificate.jg ul li{margin-bottom:20px;}



/*发展历程*/
.pg-fzlc{background:url(../images/lc_bj.jpg) no-repeat center / cover;overflow:hidden; }
.pg-fzlc .wp{position:relative;}
.pg-fzlc .pg-fzlc-list{--imgmt:30px;position:relative;font-size:16px;line-height:1.75em;color:#333333;}
.pg-fzlc .pg-fzlc-list::before{content:'';display:block;position:absolute;transform:translate(-50%,0);left:50%;bottom:0;width:100vw;height:1px;background:#333333;}
.pg-fzlc .pg-fzlc-list .swiper-slide{position:relative;height:auto;padding-bottom:62px;}
.pg-fzlc .pg-fzlc-list .li-box{display:block;border-right:1px solid rgba(0,0,0,0.1);height:100%;min-height:380px;padding:20px 30px;}

.pg-fzlc .pg-fzlc-list .swiper-slide:nth-child(1) .li-box{border-left:1px solid rgba(0,0,0,0.1);}
.pg-fzlc .pg-fzlc-list .img-box{margin-top:0;transition:margin 0.3s;}
.pg-fzlc .pg-fzlc-list .text{margin-top:13px;}
.pg-fzlc .pg-fzlc-list .year{position:absolute;left:0;bottom:28px;width:100%;text-align:center;font-size:36px;line-height:1em;color:#333333;}
.pg-fzlc .pg-fzlc-list .line{display:flex;position:absolute;left:0;bottom:0;width:100%;align-items:flex-end;}
.pg-fzlc .pg-fzlc-list .line .line-son{margin-left:16.66%;height:10px;width:1px;background-color:#333333;}
.pg-fzlc .pg-fzlc-list .line .line-son.big{margin-left:0;width:2px;height:20px;}


.pg-fzlc .swiper-button-prev, .pg-fzlc .swiper-button-next{ left: initial; right: 0;  top: 40px; width:50px; height:50px; background:#5ebcff; border-radius:6px;}
.pg-fzlc .swiper-button-prev{  right: 71px;}
.pg-fzlc .swiper-button-next{   right: 0px;}
.pg-fzlc .swiper-button-prev::after, .pg-fzlc .swiper-button-next::after{font-size:18px; color:#fff;}


/*荣誉证书*/
.pg-ryzs .wp{position:relative;}
.pg-ryzs-list .pfl-img{ padding:20px; border:solid 1px #e0e0e0;}
.pg-ryzs-list .pfl-tit{font-size:16px; color:#666666; padding-top:10px; text-align:center;}

.pg-ryzs .swiper-button-prev, .pg-ryzs .swiper-button-next{ left: initial; right: 0;  top: 40px; width:50px; height:50px; background:#5ebcff; border-radius:6px;}
.pg-ryzs .swiper-button-prev{  right: 71px;}
.pg-ryzs .swiper-button-next{   right: 0px;}
.pg-ryzs .swiper-button-prev::after, .pg-ryzs .swiper-button-next::after{font-size:18px; color:#fff;}



/*认可资质*/
.pg-rkzz .wp{position:relative;}
.pg-rkzz-list .pfl-img{ padding:20px; border:solid 1px #e0e0e0;}
.pg-rkzz-list .pfl-tit{font-size:16px; color:#666666; padding-top:10px; text-align:center;}

.pg-rkzz .swiper-button-prev, .pg-rkzz .swiper-button-next{ left: initial; right: 0;  top: 40px; width:50px; height:50px; background:#5ebcff; border-radius:6px;}
.pg-rkzz .swiper-button-prev{  right: 71px;}
.pg-rkzz .swiper-button-next{   right: 0px;}
.pg-rkzz .swiper-button-prev::after, .pg-rkzz .swiper-button-next::after{font-size:18px; color:#fff;}

@media (max-width: 1080px){

 }

@media (max-width: 780px){
   
}

@media (max-width: 640px){
 
}
