﻿@charset "utf-8";
/*整体变量*/
:root {
  --theme-color: #06519a;
  --order-color: #ff7e00;
}

/* banner */
.pg-banner{ height: 320px; max-width: 1920px; margin: 0px auto;}
.pg-m-banner{ display: none;}
.pg-m-banner img{ max-width: 100%;}

.pg-banner-tit{ padding-top: 160px; color:#fff; margin: 0px auto; width: 60%; text-align: center;}  
.pg-banner-tit h1{ padding-bottom: 20px; font-size: 36px; font-weight: normal;}
.pg-banner-tit span{ color:#fff; font-size: 30px;   font-weight: normal;  }
.pg-banner-tit p{ font-size: 18px; line-height: 180%; color:rgba(255, 255, 255, 0.9);}



/*通用位置*/
.pg-wz {height:60px; line-height:60px; border-bottom:solid 2px #f2f4f6;}
.pg-wz-head .pwh-1{font-size:18px;}
.pg-wz-head .pwh-1 i{font-size:20px; vertical-align:middle; display:inline-block; margin-right:10px; color:var(--order-color);}
.pg-wz-head .pwh-2{font-size:14px; color:#999;}

/*新闻列表*/
.ix-news-list ul li{ padding:10px 0px; border-bottom:solid 1px #eee; }
.ix-news-list ul li a{ display:block; width:calc(100% - 100px); padding-right:100px; position:relative; }
.ix-news-list ul li a span{position:absolute; right:0; top:0; font-size:14px; color:#999;}

/*通用详情*/
.pg-text p{line-height:180%; font-size:16px; color:#333333;}
.pg-text p img{max-width:100%;}



/*==分页==*/
.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; }
.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-deta-head{ text-align: center; border-bottom: dashed 1px #e0e0e0;}
.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;}

.mark-tag {
    background: #f9f9f9;
    border-radius: 10px;
    color: #999;
    display: inline-block;
    line-height: 1.4em;
    padding: 3px 10px;
    margin-right:10px;
}


/*分享*/
.deta-fx .bshare-custom #bshare-shareto{font-weight:normal; color:#999 !important; padding-left: 0px; margin-right:0px;}
.deta-fx .bshare-custom.icon-medium-plus .bshare-sinaminiblog{background:url(../images/d1.png)no-repeat center center; width:44px; height:44px; padding-left:0px;}
.deta-fx .bshare-custom.icon-medium-plus .bshare-weixin{background:url(../images/d2.png)no-repeat center center; width:44px; height:44px; padding-left:0px;}
.deta-fx .bshare-custom.icon-medium-plus .bshare-qqim{background:url(../images/d3.png)no-repeat center center; width:44px; height:44px; padding-left:0px;}
.deta-fx .bshare-custom.icon-medium-plus .bshare-qzone{background:url(../images/d4.png)no-repeat center center; width:44px; height:44px; padding-left:0px;}
.deta-fx .bshare-custom.icon-medium-plus .bshare-facebook{background:url(../images/d5.png)no-repeat center center; width:44px; height:44px; padding-left:0px;}
.deta-fx .bshare-custom.icon-medium-plus .bshare-twitter{background:url(../images/d6.png)no-repeat center center; width:44px; height:44px; padding-left:0px;}
.deta-fx .bshare-custom.icon-medium-plus .bshare-linkedin{background:url(../images/d7.png)no-repeat center center; width:44px; height:44px; padding-left:0px;}

/*推荐新闻列表*/
.ptl-head { font-size:18px;color:#333; font-weight:bold; position:relative; padding-left:20px;}
.ptl-head:before{position:absolute; left:0; width:3px; height:20px; top:5px; background:var(--theme-color); content:"";}
.pg-tj-list ul li{ padding-bottom:40px;}
.pg-tj-list ul li a{ display:block; position:relative;}
.pg-tj-list ul li a .tj-list-time{ float:left; text-align:right; width:102px; padding-right:20px;}
.pg-tj-list ul li a .tj-list-time p{font-size:36px; line-height:120%; color:#333;}
.pg-tj-list ul li a .tj-list-time span{font-size:18px; color:#333;}

.pg-tj-list ul li a .tj-list-tit{ border-left:solid 1px #e0e0e0; padding-left:20px; width:calc(100% - 143px); }
.pg-tj-list ul li a .tj-list-tit .t1{font-size:18px; color:#333; transition:all 0.36s ease; padding-bottom:5px;}
.pg-tj-list ul li a .tj-list-tit .t2{font-size:14px; color:#999;}
.pg-tj-list ul li a:hover .tj-list-tit .t1{color:var(--theme-color);}


/*案例*/
.pg-case-list ul li{ width:calc((100% - 60px)/3); float:left; margin-left:30px; margin-bottom:30px;}
.pg-case-list ul li:nth-child(3n+1){margin-left:0px;}

.pg-case-list ul li .pcl-t1{ padding:0px 20px; padding-top:15px;}
.pg-case-list ul li .pcl-t1 span{color:#999; font-size:14px;}

/*上下页*/
.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;}

.pn-list a{color:#666;}
.pn-list a:hover{color:var(--theme-color);}


/*联系我们*/
.pg-con-one ul li{ width:calc((100% - 80px)/3); float:left; margin-left:40px; }
.pg-con-one ul li:nth-child(1){margin-left:0px;}
.pg-con-one ul li .pco-t1{color:var(--order-color);font-weight:bold; font-size:18px;}
.pg-con-one ul li .pco-t1 i{display:inline-block; padding-right:10px; font-weight:normal; font-size:20px; vertical-align:middle;}
.pg-con-one ul li .pco-t2{font-weight:bold; font-size:24px; line-height:120%; padding:15px 0px;}
.pg-con-one ul li .pco-t3{ text-align:center; font-weight:bold; font-size:18px; color:#333;}
.pg-con-one ul li .pco-t3 img{ width:200px;height:200px; margin:0px auto;}


/*留言*/
.pcm-box .pcm-input{ padding-bottom:20px;}
.pcm-box .pcm-input input{ padding:10px 20px; width:calc(100% - 42px); border:solid 1px #e0e0e0; font-size:16px; outline:none;}
.pcm-box .pcm-textarea{padding-bottom:20px;}
.pcm-box .pcm-textarea textarea{ padding:10px 20px; width:calc(100% - 42px); border:solid 1px #e0e0e0; font-size:16px; height:100px;  outline:none;}
.pcm-box .pcm-input input.input-an{width:100%; background:#253a42; color:#fff; cursor:pointer; transition:all 0.36s ease;}
.pcm-box .pcm-input input.input-an:hover{background:var(--theme-color);color:#fff;}

/*下载中心*/
.down-text{ text-align:center;}
.down-text .down-an a{ font-size:18px; color:var(--order-color); font-weight:bold;}
.down-text .down-an i{display:inline-block; padding-left:10px; font-size:20px; vertical-align:middle;}

/*产品右边导航*/
.pg-pro-nav .ppn-head{ height:80px; line-height:80px; padding:0px 20px; font-size:20px; font-weight:bold; background:rgba(246, 158, 20, 1); color:#fff;}
.pg-pro-nav .ppn-head i{font-weight:normal; padding-right:15px; font-size:24px; vertical-align:middle;     margin-top: -2px; display: inline-block;}
/*产品列表*/
.pg-pro-nav{ width:250px;}
.ix-pro-list{width:calc(100% - 250px);}
.ix-pro-list.pg-abc ul li{    width: calc((100% - 80px)/4);}
.ix-pro-list.pg-abc  ul li:nth-child(5n+1){ margin-left:20px;}

/*导航*/
.cmenu{}
.cmenu .list { background:#1c323b; padding:0px 20px; }
.cmenu .s-list { position: relative; padding:0 0px; line-height: 60px; cursor: pointer;}
.cmenu .s-list>a { font-size:16px; color:#fff;     line-height: 160%; display: block; padding: 15px 0px; padding-right: 30px; }
.cmenu .s-list>span{position:absolute; right:0; top:0; color:#fff; font-size:10px; transition:all 0.36s ease;}
.cmenu .s-content {border-top:1px solid rgba(255,255,255,0.1); display:none; } 
.cmenu .s-content ul li a  {  display: inline-block; width:calc(100% - 40px); line-height: 200%;  padding:8px 20px; font-size:15px; transition:all 0.36s ease;  color:#fff;}
.cmenu .s-content ul li a:hover , .cmenu .s-content ul li a.on { color:var(--order-color); }
.cmenu .s-content a i { font-size: 12px; float: right; }
.cmenu .ccontact { padding:30px 20px 0; }
.cmenu .ccontact p { font-size:15px; }
.pagetarget2-nav.ccleft ul{padding-top:0px; }
.pagetarget2-nav.ccleft ul li a::before{width:0px;}
.cmenu .s-list.active span{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }


 .pro-search{position:relative; width:303px; margin: 0px auto; margin-right: 0; margin-bottom:20px; }
 .pro-search .search .keywords{display: block;position:relative; width:250px; height:38px;margin: 0 70px 0 0;vertical-align:middle;font-size:12px;border:1px solid #e6e6e6;border-right:none;border-radius:3px 0px 0 3px;}
 .pro-search .search .keywords .iconfont{position:absolute; left:15px; top:5px; color:#999; font-size:18px;}
 .pro-search .search .keywords .text{display: block;margin: 0 0 0 45px;height:36px;vertical-align:middle;}
 .pro-search .search .keywords .text input{width:100%;height:100%;border:none;background:0 0;outline:0; font-size:16px; color:#333;}
  .pro-search .search .keywords .text input::placeholder{color:#999;}
 .pro-search .search .btn{float: right;position:relative;height: 40px;padding: 0 10px;vertical-align:middle;font-size:16px;line-height: 40px;color:#fff;background:#1474be;border-radius:0 5px 5px 0;}
 .pro-search .search .btn input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.pro-search .hotword_list{display:block;margin:19px 0 0 340px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-size:14px; }


/*===产品详情===*/

.pg-sw-a{width: calc(100% - 80px); position: relative; padding: 0px 40px; }
.pg-sw-b{width: 100%; padding-bottom: 20px;}
.pg-deta-lb  .swiper-slide img{max-width: 100%; border-radius: 6px; }
.pg-sw-b .swiper-pagination-bullet-active{background: #2659bf;}
#thumbs2 .swiper-slide img{border: solid 2px #fff;  transition: all 0.36s ease;      width: calc(100% - 4px);  }
#thumbs2 .swiper-slide.swiper-slide-thumb-active img{opacity: 1; border: solid 2px var(--theme-color); }

.pg-sw-a .swiper-button-next{ right: 0;}
.pg-sw-a .swiper-button-prev{ left: 0;}

.pg-sw-a .swiper-button-next:after, .pg-sw-a .swiper-button-prev:after{font-size:18px; color:var(--theme-color); font-weight:bold;}

.pg-sw-a .swiper-button-next i, .pg-sw-a .swiper-button-prev i{font-size: 1rem; color:#333; top: 10px; transition: all 0.36s ease;}

.pg-sw-a .swiper-button-next:hover i, .pg-sw-a .swiper-button-prev:hover i{color: #2659bf;}

.mz-hint{display: none !important;}


.pg-deta-lb, .pg-pro-deta-two .deta-fx{ width:410px;}
.pg-deta-tit, .pg-pro-deta-two .pg-pp-deta-text{ width:750px; padding-left:40px;}

.ppd-head{ border-bottom:solid 2px #ebeef5; color:var(--theme-color); font-size:18px; padding:10px 0px; position:relative;}
.ppd-head::before{content:''; position:absolute; bottom:-1px; height:2px; width:72px; background:var(--theme-color);}

.pg-deta-tit .pdt-t1{font-size:24px; font-weight:bold; color:#333; line-height:160%;}
.pg-deta-tit .pdt-t2{padding:10px 0px; color:#999;}


/*搜索*/
.pg-search-head .psh-t1{font-size:24px; font-weight:bold; padding-bottom:15px;     border-bottom: 1px solid #eae6df;}
.pg-search-head .psh-t2 ul li{float:left; padding:10px 10px; position:relative; text-align:center;}
.pg-search-head .psh-t2 ul li:before{content:''; position:absolute; bottom:0px;left:0; width:0px; height:2px; background:var(--theme-color);}
.pg-search-head .psh-t2 ul li.active:before{width:100%;}
.pg-map img{max-width:100%;}
@media (max-width: 1080px){

 }

@media (max-width: 780px){
   
}

@media (max-width: 640px){
 
}
