﻿@charset "utf-8";
/* CSS Document */

/*内页图片*/
.pg-banner{ height:380px;max-width:1920px;margin:0px auto;}

/*内页导航*/
.pg-nav{position:relative; z-index:5;}
.pg-nav ul{ text-align:center;}
.pg-nav ul li{ display:inline-block; width:calc((100% - 18px)/5); text-align:center; height:80px; line-height:80px; }
.pg-nav ul>li>a{ display:block; font-size:18px; color:#666; position:relative;}
.pg-nav ul>li>a:after{content:''; display:block; position:absolute; bottom:1px; left:0; width:0%; height:2px; background:#264399; transition:all 0.36s ease;}
.pg-nav ul>li>a:hover{color:#264399;}
.pg-nav ul>li>a:hover::after{ width:100%;}

.pg-nav ul li .pg-nav2{ height:49px; background:#fff; line-height:49px; z-index:9999; opacity:0; visibility:hidden;  position:absolute; left:0px; right:0px; top:120px; width:1200px; margin:0px auto; text-align:center; box-shadow:0px 0px 10px rgba(0,0,0,0.2); transition:all 0.36s ease; }
.pg-nav ul li .pg-nav2 a{ margin:0px 30px; padding:15px; padding-bottom:15px; font-size:16px; color:#666; transition:all 0.36s ease; position:relative; }
.pg-nav ul li .pg-nav2 a:after{content:''; display:block; position:absolute; bottom:1px; left:0; width:0%; height:2px; background:#264399; transition:all 0.36s ease;}
.pg-nav ul li:hover .pg-nav2{ opacity:1; visibility:visible;  top:80px; }

.pg-nav ul li .pg-nav2 a:hover{color:#264399;}
.pg-nav ul li .pg-nav2 a:hover::after{ width:100%;}
/*关于我们*/
.pg-about-tit{width:560px; padding-right:40px;}
.pg-about-tit .pat-t1{font-size:30px; color:#264399; line-height:150%;}
.pg-about-tit .pat-t2{font-size:14px; color:#999; }
.pg-text{font-size:16px; line-height:180%;color:#666; }
.pg-text img{max-width:100%; }
.pg-about-img{ width:600px;}
.pg-about-img img{max-width:100%; }
.pg-about .ab-list li p, .pg-about .ab-list li span{ color:#333;}


/*荣誉证书*/
.pg-head{ text-align:center;}
.pg-head p{ font-size:36px; color:#333333; line-height:150%;}
.pg-head span { font-size:16px; color:#999999; }
.wp1400{width: 1200px;  padding-left: 100px;  padding-right: 100px;  position: relative;  margin: 0px auto;}
.ix-ryzz-box{  position:relative; margin:0px auto;}
.ix-ryzz .swiper-wrapper .swiper-slide img { max-width: 100%; }
.ix-ryzz .swiper-wrapper .swiper-slide{ transform: scale(0.8);transition: all 0.36s ease;}
.ix-ryzz .swiper-wrapper .swiper-slide.swiper-slide-active{ transform:scale(1);}
.ix-ryzz .swiper-wrapper .swiper-slide p{ font-size:16px; color:#666666; text-align:center;padding-top:10px;}
.ix-ryzz  .swiper-button-prev, .ix-ryzz  .swiper-button-next{width:50px; height:50px;}
.ix-ryzz  .swiper-button-prev{ background:url(/static/images/pr1.png)no-repeat center center;}
.ix-ryzz  .swiper-button-next{ background:url(/static/images/pl1.png)no-repeat center center;}
.ix-ryzz .swiper-wrapper .swiper-slide a{ display:block;}

/*企业文化*/
.pg-qywh ul li{padding:20px; padding-left:150px; font-size:16px; color:#666666; position:relative;}
.pg-qywh ul li:nth-child(odd)::after{ width:5px; height:100%; background:#264399; content:''; display:block; position:absolute; left:0; top:0;}
.pg-qywh ul li:nth-child(odd){ background:#f5f5f5;}
.pg-qywh ul li span{ width:130px; text-align:right; font-size:18px; color:#333333; position:absolute; left:0; top:20px; }

/*设备展示*/
.ix-sbzs-box .swiper-slide img{ max-width:100%;}
.ix-sbzs-box .swiper-slide p{ text-align:center; font-size:16px; color:#666666;}
.ix-sbzs-box  .swiper-button-prev, .ix-sbzs-box  .swiper-button-next{width:50px; height:50px;}
.ix-sbzs-box .swiper-button-prev{ background:url(/static/images/pr1.png)no-repeat center center;}
.ix-sbzs-box .swiper-button-next{ background:url(/static/images/pl1.png)no-repeat center center;}


/*企业风采*/
.ix-qyfc-box .swiper-slide img{ max-width:100%;}
.ix-qyfc-box .swiper-slide p{ text-align:center; font-size:16px; color:#666666;}
.ix-qyfc-box  .swiper-button-prev, .ix-qyfc-box  .swiper-button-next{width:50px; height:50px;}
.ix-qyfc-box .swiper-button-prev{ background:url(/static/images/pr1.png)no-repeat center center;}
.ix-qyfc-box .swiper-button-next{ background:url(/static/images/pl1.png)no-repeat center center;}



/*位置*/
.pd-wz{height:50px; line-height:50px; color:#999999; font-size:15px;}
.pd-wz img{width:16px; }
.pd-wz a{ color:#999;}
.pd-wz a:hover{color:#264399;}

/*新闻详情*/
.pg-news-box{ padding:40px; background:#fff; }
.pg-news-head{ border-bottom:dashed 1px #e6e6e6; padding-bottom:15px; text-align:center;}
.pg-news-head h1{ font-size:24px; color:#333333; font-weight:bold;}
.pg-news-head p{ font-size:13px; color:#999; padding-top:10px;}
.pg-news-head p i{color:#666; font-size:18px;     vertical-align: bottom;}

.pg-news-box{ padding:40px; width:1120px; margin:0px auto;}


/*== 分页 ==*/
.paginator{text-align: center; height: 34px; font-size: 14px;}
.paginator a{font-size: 14px; font-weight: bold; width: 35px; height: 35px; line-height: 35px; display: inline-block; background-color: #f2f2f2; color:#666; margin: 0; margin-left: 5px;}
.paginator a:hover{color: #fff; background-color: #264399;}
.paginator .cpb{ background-color: #264399; width: 35px; height: 35px; line-height: 35px;  font-size: 14px; color: #fff; display: inline-block; margin-left: 5px;}
.tips{padding-top:20px; padding-bottom: 30px; color:#666;}
.pg.ix-news-list{min-height:300px;}



/*上下页*/
.page-next .pn-list{ width:calc((100% - 20px)/2);  float:left;}
.page-next .pn-list:nth-child(2){ margin-left:20px;}
.page-next .pn-list a { width:calc(100% - 40px); display:block; padding:14px 20px; line-height:120%;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  background:#f6f6f6; transition: all .36s ease; font-size:14px;}
.page-next .pn-list a:hover{ background:#264399; color:#fff;}

/*解决方案*/
.ix-case-abc{ position:absolute; bottom:0; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff; width:100%; background:rgba(32,56,128,0.9);}



/*联系我们*/
.pg-con-list{ background-color: #f5f5f5; text-align: center; padding: 0px 30px;     height: 150px; padding-top: 30px; margin-bottom: 20px; position: relative;}
.pg-con-list img{width: 50px; height: 50px; margin: 0px auto; display: block;}
.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: #2673a9; color:#fff; }
.pg-con-list:nth-child(3){ margin-bottom: 0px;}
.pg-llxx-a{ width:370px; padding-right:40px; float:left;}
.pg-llxx-b{ width:710px; padding:40px; background:#f2f2f2; float:right;}
.pg-ab-head h1{ font-size:24px; color:#264399; font-weight:normal;}
.pg-ab-head span{color:#666666; font-size:15px; display:inline-block; padding-left:20px;}


/*产品中心*/
.left-nav{ width:240px;}
.left-nav-head{ padding:15px 20px;  background:#264399; color:#fff;}
.left-nav-head p{ font-size:24px; line-height:120%; border-bottom:solid 1px rgba(255,255,255,0.2); padding-bottom:15px;}
.left-nav-head span{ display:block; text-align:right; font-size:16px; font-style:italic; padding-top:10px; color:#fff;}
.left-nav ul li{  background:#f5f5f5; border-bottom:solid 1px #e6e6e6; position:relative;}
.left-nav ul li i{ position:absolute; right:20px; top:10px; }
.left-nav ul li a{ padding:10px 20px; font-size:16px; color:#333; display:block; transition:all 0.36s ease;}
.left-nav ul li a:hover{background:#fff; color:#264399;}
.left-nav.abc ul li{border-bottom:none; margin-bottom:10px; cursor:pointer;}
.left-nav.abc ul li.active i{transform:rotate(90deg);}
.left-nav.abc ul li.active .left-nav-2{opacity:1; visibility:visible; padding:10px 20px; height:auto;}
/*二级导航*/
.left-nav-2{background:#fff; opacity:0; visibility:hidden; transition:all 0.36s ease; height:0;}
.left-nav-2 a{ display:block; background:#fff; border-bottom:dashed 1px #ccc; position:relative;}
.left-nav-2 a:before{content:'';display:inline-block; width:4px; height:4px; background:#666; top:23px; left:0px; position:absolute;}
.left-nav.abc>ul>li>a:hover{background:#f5f5f5; color:#264399;}
.left-nav-2 a:hover{background:#fff; color:#264399;}


.right-main{ width:920px;}
.right-main .rm-wz{ position:relative; padding:10px 0px; padding-bottom:10px; border-bottom:solid 1px #e6e6e6;}
.right-main .rm-wz h1{ font-size:24px; color:#333; font-weight:normal;}
.right-main .rm-wz .rm-wz-abc{ position:absolute; right:0; top:10px; color:#999999;}
.right-main .rm-wz .rm-wz-abc img{ width:16px;}
.right-main .rm-wz .rm-wz-abc a{color:#999999;}
.right-main .rm-wz .rm-wz-abc a:hover{ color:#264399;}


.right-main ul li{width:calc((100% - 80px)/3); float:left; margin-top:40px; margin-left:40px;}
.right-main ul li:nth-child(1), .right-main ul li:nth-child(4), .right-main ul li:nth-child(7){ margin-left:0px;}
.right-main ul li a .pg-pro-tit{ text-align:center; height:40px; line-height:40px; text-align:center;transition:all 0.36s ease;}
.right-main ul li a:hover .pg-pro-tit{color:#fff; background:#264399;}


/*产品详情*/
.pg-deta-d1{ padding:30px; background:#fff;}
.pdd-img{ width:500px; height:500px;}
.pdd-img img { max-width:100%;}
.pdd-tit{ width:610px;}

.pdd-tit-t1{font-size:24px; color:#333333;}
.pdd-tit-t2 ul li img{ width:30px; height:30px; line-height:30px;vertical-align: middle; padding-right:10px;}
.pdd-tit-t2 ul li{ display:inline-block; padding-right:20px;}

.pdd-tit-t1{padding-top:20px; padding-bottom:30px;}

.pdd-tit-t2{ border-bottom:solid 1px #e0e0e0; padding-bottom:30px;}
.pdd-tit-t3{ padding:20px 0px;}

.pdd-tit-t4 a{ width:200px; height:50px; background-color:#ff4c4c; display:block; text-align:center; line-height:50px; color:#fff; font-size:15px; border-radius:4px;}
.pdd-tit-t4 a i{font-size:27px; vertical-align:middle; }
.pdd-tit-t4{ border-bottom:solid 1px #e0e0e0; padding-bottom:30px;}
.pdd-tit-t5 i{font-size:50px; display:inline-block; line-height:50px;}
.pdd-tit-t5 .ptt-t5{display:inline-block; color:#666666; padding-top:20px;}
.pdd-tit-t5 .ptt-t5 span{ color:#666666; color: #ff4c4c; font-size: 32px; font-weight: bold;}


.pg-deta-nav{ background:#fff; margin-top:30px;}
.pg-deta-nav ul li{width:calc((100% - 0px)/9); float:left; text-align:center;  background:#264399; padding:25px 0px;}
.pg-deta-nav ul li a{  display:block; font-size:18px; color:#fff; border-right:solid 1px #586ca8;}

.box{padding:30px; background:#fff; }
.pg-deta-head{ border-bottom:solid 1px #e6e6e6;}
.pg-deta-head p{font-size:24px; color:#264399; display:inline-block; position:relative; padding-bottom:20px;}
.pg-deta-head p::before{ display:block; content:""; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#264399;}

/*产品实拍*/
.pg-cpsp ul li{ width:calc((100% - 60px)/3); float:left; margin-left:30px;}
.pg-cpsp ul li:nth-child(1), .pg-cpsp ul li:nth-child(4), .pg-cpsp ul li:nth-child(7){ margin-left:0px;}
.pg-cpsp ul li img{max-width:100%;}

/*技术参数*/
.pg-jscs table {  border: 0; border-collapse: collapse; width: 100%; }
.pg-jscs table tr td:first-child{background-color: #e1e8f1; border: 1px solid #cad3de; text-align: left; padding: 15px 0 15px 22px;}
.pg-jscs table tr td{    padding: 15px 0 15px 22px; border: 1px solid #cad3de; display: table-cell;  vertical-align: inherit;}
.pg-jscs table tr td p { color: #666666; line-height: 24px;  font-size: 15px;}
.pg-jscs table tr td:first-child p {color: #666666;  font-size: 15px;}


/*产品用途*/
.pg-cpyt ul li{width:calc((100% - 90px)/4); float:left; margin-left:30px; text-align:center; font-size:16px; color:#666666; padding-top:30px;}
.pg-cpyt ul li:nth-child(1), .pg-cpyt ul li:nth-child(5), .pg-cpyt ul li:nth-child(9){ margin-left:0px;}
.pg-cpyt ul li img{ max-width:100%;}


/*合作案例*/
.pg-hzal ul li{ width:calc((100% - 40px)/2); margin-left:40px; float:left; margin-top:30px; position:relative;}
.pg-hzal ul li a{ display:block;}
.pg-hzal ul li:nth-child(odd){margin-left:0px;}
.pg-hzal ul li .ph-time{ width:70px; padding:13px; text-align:center; color:#fff; background:#264399; position:absolute; top:0; left:0;}
.pg-hzal ul li .ph-time p{font-size:24px; border-bottom:solid 1px #5169ad; padding-bottom:10px;}
.pg-hzal ul li .ph-time span{ font-size:18px; display:inline-block; padding-top:5px; }
.pg-hzal ul li .ph-title{ padding-left:120px; width:calc(100% - 120px); min-height:100px;}
.pg-hzal ul li .ph-title .pt-t1{font-size:16px; color:#333; font-weight:bold;}
.pg-hzal ul li .ph-title .pt-t2{width:100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*询价订购*/
.pg-deta-head span{ display:inline-block; padding-left:20px;}
.pg-mess-abc .pm-a input{ padding:0px 20px; height:38px; line-height:38px; width:221px; background:#f5f5f5; border:solid 1px #e5e5e5; margin-right:26px; font-size:15px; color:#999999; outline:none;}
.pg-mess-abc .pm-b select { padding:0px 20px; height:40px; line-height:40px; width:263px; background:#f5f5f5; border:solid 1px #e5e5e5; margin-right:26px; font-size:15px; outline:none;                         
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
 
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("/static/images/sj.png") no-repeat scroll 230px center #f5f5f5;}

.pg-mess-text textarea{ width:calc(100% - 40px); height:120px; padding:10px 20px; background:#f5f5f5; outline:none;}

.pg-mess-an{width:262px; height:40px; margin:0px auto; text-align:center;  text-align:center; line-height:40px; background:#264399; color:#fff;}


/*取货资源*/

.pg-resour table {
    border-collapse: collapse;
    border-spacing: 0;
}
    .pg-resour table tr th {
        line-height: 60px;
        border: 1px solid #e6e6e6;
        text-align: center;
        color: #333333;
        font-size: 15px;
        background: #f5f5f5;
        font-weight:normal;
        text-align:center;
    }

.pg-resour tr td {
    line-height: 24px;
    padding: 5px;
    border: 1px solid #e6e6e6;
    text-align: center;
    color: #666666;
    font-size: 14px;
    cursor: pointer;
    
}

.pg-resour tr td a{color:#333;}

/*化学成分*/
.dh_content table tr td:first-child {
    background: #264399;
    color: #fff;
}

.dh_content table {
    border-collapse: collapse;
    border-spacing: 0;
}
.dh_content table {
    width: 100% !important;
}
.detail_hash .dh_content {
    padding: 0.24rem 0;
    overflow: auto;
}
.dh_content table {
    border-collapse: collapse;
}
.dh_content table tbody {
    width: 100% !important;
}
.dh_content table td {
    border: 1px solid #cad3de;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.dh_content table tr td:first-child {
    background: #264399;
    color: #fff;
}
.dh_content table tr td:first-child {
    background: #264399;
    color: #fff;
}






    @media (max-width: 780px) {
    }


    @media (max-width: 640px) {
    }

    @media (max-width: 380px) {
    }

    .parent-container {
        text-align: center;
      }


    .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }