﻿@charset "utf-8";

@media (min-width: 1200px){
    .container{ width: 1240px;  }
}
/* banner */
.pg-banner{ max-width: 1920px; margin: 0px auto;}
.pg-banner img{ max-width:100%}



/*内页头部*/
.pg-main{perspective: 2000px; perspective-origin: top;}
.pg-head{ display:none; height: 80px; background: #fff; margin-top:-80px; padding: 11px 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: 14px; 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:#04b8ea; font-weight:600;}
.pg-nav ul li a.active::before{ left:0; background:#04b8ea;}
.pg-nav ul li a:hover{  color:#04b8ea;}
.pg-nav ul li a:hover::before{left:0;  background:#04b8ea;} 
.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: 180%; color:#666; font-size: 15px;}
.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-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: 10px; padding-top: 10px;  transition: all 0.36s ease;}
.news-npt-t2{ font-size: 14px; color:#999; padding-bottom: 10px; 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: #fff; box-shadow:0px 0px 8px rgba(0,0,0,0.1); 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: #04b8ea;}
.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:#333333; line-height: 200%; }
.news-deta-tit p{ font-size: 14px; 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: #04b8ea; 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: #04b8ea; color:#fff;  border:solid 1px #04b8ea;}


/*==分页==*/
.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:#04b8ea; 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:#04b8ea; 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:#04b8ea;}


/*常见问题*/
.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-con-t1{font-size:16px; color:#333; font-weight:bold;}
.pg-con-list ul li{ position:relative;  font-size:15px; padding:20px;  padding-left:100px; box-shadow:0px 0px 8px rgba(0,0,0,0.1); margin-top:30px; min-height:100px;}
.pg-con-list ul li img{ position:absolute; top:20px; left:20px;}
.pg-con-list ul li h1{  color:#999999; font-weight:normal; padding-top:5px; padding-bottom:5px;}
.pg-con-list ul li p{ color:#666666;}

.pg-map-h1{ font-size:16px; font-weight:bold; color:#333333;}

.pg-map{ padding:5px; box-shadow:0px 0px 8px rgba(0,0,0,0.1);}


/*加入我们*/
.pg-rczp-xx{ padding: 40px; background: #f6f6f6;}
.prx-a{ width: 560px;}
.prx-b{ width: 140px; text-align: center; padding-right: 100px;}
.prx-a h1{ font-size: 16px; color:#333333;}
.prx-a p{ font-size: 14px; color:#666666;}
.prx-b img{ width: 140px; height: 140px; padding-bottom: 5px;}

.pg-rczp-list .prl-d-head {  height: 50px;  line-height: 50px; background: #04b8ea;}
.pg-rczp-list .prl-d-head  span:nth-child(1){ width: calc(37% - 40px); padding-left:40px;  text-align: left;}
.pg-rczp-list .prl-d-head  span{ width: 12.5%; display: inline-block; color:#fff; text-align: center;}



.pg-rczp-list .menu_heads3{ background: #f6f6f6;  line-height: 180%; margin-top: 2px; cursor: pointer;vertical-align: middle; padding: 10px 0px;}
.pg-rczp-list .menu_heads3 span:nth-child(1){  width: calc(37% - 40px); padding-left:40px;text-align: left;}
.pg-rczp-list .menu_heads3 span{ width: 12.5%; display: inline-block; color:#fff; text-align: center; color:#666666;}
.pg-rczp-list .menu_bodys3{ padding: 25px 40px;margin-top: 2px; } 
.pg-rczp-list .menu_heads3:hover{ background: #eeeeee;}

.pg-rczp-list .bx-text{ display:none;}


/*模块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 #04b8ea; }
.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: #04b8ea; }
.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 { margin-bottom: 40px;}



/*内页二级*/
.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: #04b8ea; color:#fff;}
.aa-two-nav a.active{ background: #04b8ea; color:#fff;}


/* 产品详情 */
.pg-pro-img img{ max-width:100%;}
.pro-deta-banner img{ max-width: 100%;}
.pdt-t1{ font-size: 18px; color:#04b8ea; padding-top: 10px;}
.pdt-t2 p{ position: relative; padding-left: 15px; padding-top: 15px; line-height: 180%; color: #333333;}
.pdt-t2 p::before{ content: ""; position: absolute; left: 0; top: 33px; width: 5px; height: 5px; background: #04b8ea; }
.pro-deta-head{border-bottom: solid 1px #e0e0e0;}
.pro-deta-head p{ padding: 10px 40px; background: #04b8ea; display: inline-block; color: #fff; font-size:16px; }

.pro-deta-text p { line-height: 180%; font-size: 14px;}
.pro-deta-text p img{ max-width: 100%;}


/*案例列表*/
.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;}

.ix-ai-4 .pg-ia4{ position: relative; margin-bottom: 40px; overflow: hidden;}
.ix-ai-4 .pg-ia4 a::before{ position: absolute; content: ''; top: 100%; left:0; right:0; bottom:0; width: 100%; height: 100%; background: rgba(0,0,0,.5); transition: all 0.36s ease;}
.ix-ai-4 .pg-ia4 a:hover::before{ top: 0;}
.ix-ai-4 .pg-ia4 a:hover .il-tit{ margin-top: -150px;}
.ix-ai-4 .pg-ia4 a:hover .il-tit .il-tit-t4{ display: block;}

/* 案例详情 */
.pg-case-deta{ padding: 20px; background: #e5e5e5; border: solid  1px #e0e0e0; box-shadow: 0px 0px 0px rgba(0,0,0,.2);}
.case-deta-banner img{ max-width: 100%;}
.pdt-t1{ font-size: 18px; color: #04b8ea; }
.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: #1e2f65; font-size: 14px; display: inline-block; color: #fff;}
.case-deta-text p{ line-height: 200%; font-size: 14px; color:#666;}
.case-deta-text p img{ max-width:100%;}

/*技术创新*/
.pg-sci-tit .pst-t1{font-size:24px; color:#333; line-height:100%;}
.pg-science{ border-bottom:solid 1px #e0e0e0;}
.pg-sci-img img{max-width:100%}

.pg-xin-text { text-align:center;}
.pg-xin-text .pxt-t1{font-size:24px; color:#333; line-height:100%; }
.pg-xin-text .pxt-t2{ font-size:15px; line-height:180%; color:#666;}
@media (max-width: 1080px){
	
	.ix-list-10 .ix-list-10-wp{ margin-bottom:0px;}


    /*加入我们*/
    .pg-rczp-list .prl-d-head span:nth-child(1){ width: calc(68% - 20px); padding-left:20px;text-align: left;}
    .pg-rczp-list .prl-d-head span:nth-child(2), .pg-rczp-list .prl-d-head span:nth-child(3), .pg-rczp-list .prl-d-head span:nth-child(4){ display:none;}
    .pg-rczp-list .prl-d-head span{ width: 16%;}


    .pg-rczp-list .menu_heads3 span:nth-child(1){width: calc(68% - 20px); padding-left:20px;text-align: left;}
    .pg-rczp-list .menu_heads3 span:nth-child(2), .pg-rczp-list .menu_heads3 span:nth-child(3), .pg-rczp-list .menu_heads3 span:nth-child(4){display:none;}
    .pg-rczp-list .menu_heads3 span{ width: 16%; }
    .pg-rczp-list .menu_bodys3{padding:20px;}

    .pg-rczp-list .bx-text{ display:block;}


 }

@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: 5px;}
    
    /*技术创新*/
    .pg-sci-tit .pst-t1{ padding-top:0px;}
    
}

@media (max-width: 640px){
    .pg-about{ padding: 0px;}
    .pt6{ padding-top: 30px;}
    .pb6{ padding-bottom: 30px;}
    .pt8{ padding-top: 30px;}
    .pb8{ padding-bottom: 30px;}
    .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: 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-list ul li.active a{ font-weight:normal !important;}

   
   /*新闻动态*/
   .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-sci-tit .pst-t1{ font-size:18px;}
    .pg-text p{ font-size:14px;}
    .pg-xin-text .pxt-t1{ font-size:18px;}
    .pg-xin-text .pxt-t2{ font-size:14px;}



    
    /*加入我们*/
    .pg-rczp-list .prl-d-head span:nth-child(1){ width: calc(60% - 20px); padding-left:20px;text-align: left;}
    .pg-rczp-list .prl-d-head span:nth-child(2), .pg-rczp-list .prl-d-head span:nth-child(3), .pg-rczp-list .prl-d-head span:nth-child(4){ display:none;}
    .pg-rczp-list .prl-d-head span{ width: 20%;}


    .pg-rczp-list .menu_heads3 span:nth-child(1){width: calc(60% - 20px); padding-left:20px;text-align: left;}
    .pg-rczp-list .menu_heads3 span:nth-child(2), .pg-rczp-list .menu_heads3 span:nth-child(3), .pg-rczp-list .menu_heads3 span:nth-child(4){display:none;}
    .pg-rczp-list .menu_heads3 span{ width: 20%; }

    .pg-rczp-list .menu_heads3{ font-size:13px;}
}
