@charset "utf-8";
/* CSS Document */

/*内页图片*/
.pg-banner{ height: 250px; max-width: 1920px; margin: 0px auto; height: 250px;}

/*内页导航*/
.pg-head{ position: relative;}
.pg-nav ul li{ float: left;}
.pg-nav ul li a{ transition: all 0.36s ease; display: block; padding: 0px 25px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #666666; }
.pg-nav ul li a:hover{ background: #358de7; color:#fff;}
.pg-nav ul li a.active{ background: #358de7; color:#fff;}

/*所在位置*/
.pg-position{ position: absolute; right: 0; top: 60px; font-size: 12px; color: #666666;}
.pg-position img{ padding: 0px 10px;}
.pg-position a{ background: #358de7; padding: 0px 15px; height: 25px; border-radius: 10px; color:#fff; display: inline-block;}

/*详情导航*/
.pg-deta-head{ background: #f8f8f8; height: 50px;}
.pg-deta-head .wp{ position: relative; height: 50px;}
.pg-deta-head .pg-position{ top:12px;}

/*==分页==*/
.paginator{ font-family:Arial; }
.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:transparent; border:solid 1px #e5e5e5;  margin:0 5px; color:#666;}
.paginator a i {display:inline-block; font-size: 16px; line-height:34px; }
.paginator a:hover { background:#358de7; color:#fff; border:solid 1px #358de7;}
.paginator span.cpb { text-align:center;  width:36px; height:36px;  line-height:36px; display:inline-block; color:#fff; background:#358de7;  border:solid 1px #358de7; }
.paginatordis{ display:none;}

/*新闻详情*/
.news-deta-t1{ font-size: 18px; color:#333; text-align: center;}
.news-deta-t2{ font-size: 12px; color:#999; text-align: center;     padding: 10px 0px;}
.news-deta-t3{ font-size: 14px; color:#666; text-align: center; padding-bottom: 30px;}
.news-deta-t4{ border-top:solid 1px #eeeeee; padding-top: 30px;}
.news-deta-t4 p{ font-size: 14px; line-height: 200%; color:#666;}

/*上下页*/
.pg-fy{ border-bottom: solid 1px #eeeeee; padding-bottom: 30px;}
.pg-fy a{ color: #666666; font-size: 12px; transition: all 0.36s ease;} 
.pg-fy a:hover{ color: #358de7;} 

/*产品中心*/
.dh ul{position: relative;overflow: hidden;width: 1200px;height: 540px;margin: 0px auto 0;}
.dh ul li{float: left;width: 184px;overflow: hidden;height: 100%;position: relative;cursor: pointer;}
.dh ul li a{display: block;width: 100%;height: 100%;}
.dh ul li .layer{position: absolute;bottom: 0;left: 0;width: 100%;background:rgba(27,29,36,0.75);height: 100%;}
.dh ul li .layer .p1{position: absolute;bottom: 20px;left: 20px; line-height: 120%;}
.dh ul li .layer .p2{position: absolute;bottom: 15px;right: -200%; min-width: 150px; }
.dh ul li .layer .p2 b{display: block;font-weight: bold;font-size: 20px; line-height: 180%;}
.dh ul li .layer .p2 span{display: block;font-weight: bold;font-size: 20px; line-height: 120%;}
.dh ul li .layer .p1 b{display: block;font-weight: bold;font-size: 18px;color:#399aff; line-height: 180%;}
.dh ul li .layer .p1 span{display: block;font-weight: bold;font-size: 16px; color:#ffffff; line-height: 120%;}
.col1{color: #3899fe;}
.col2{color: #fff;}

.pro-two-head{ position: relative; font-size: 18px; color:#333333;}
.pro-two-head::before{ position: absolute; content: ''; display: block; right: 0; top:15px; width: 1050px; height: 1px; background: #eaeaea;}
.pg-rjkf .news-list-tit h1{ padding-top: 0px;}
.pg-rjkf .news-list ul li{ padding: 20px;}
.pg-rjkf .news-list-tit{ width: 922px;}
.pg-rjkf .news-list-tit h1{ padding-bottom: 10px;}
.pg-rjkf .news-list-tit span{ transition: all 0.36s ease; float: right; margin-top: 20px; font-size: 14px; color: #999999; width: 118px; height: 28px; border:solid 1px #dcdcdc; display: block; text-align: center; border-radius: 5px;}
.pg-rjkf .news-list ul li:hover .news-list-tit span{ background: #358de7; border: solid 1px #358de7; color: #fff;}

/*产品列表*/
.pg-block a{ transition: all 0.36s ease; display: block; color:#777777; font-size: 14px; width: 53px; height: 23px; line-height: 23px; border:solid 1px #c9c9c9; padding: 0px 10px; border-radius: 6px;} 
.pg-block a span{ display: inline-block; padding: 0px 3px;}
.pg-block a span:nth-child(1){ font-family: 宋体; font-size: 14px; font-weight: bold; }
.pg-block a:hover { background: #358de7; border: solid 1px #358de7; color:#fff;}
.pro-list ul{ width: 1230px; margin-left: -30px;}
.pro-list ul li{ width: calc((100% - 90px)/3); float: left; margin-left: 30px; margin-bottom: 30px;} 

/*产品详情*/
.pro-deta-list{ border:solid 1px #e5e5e5; width: 408px;}
.pro-deta-list-head{ height: 46px; line-height: 46px; padding-left: 15px; font-size: 16px; background: url(../images/zb.jpg)repeat-x center center;}
.pro-deta-list ul{ padding: 0px 15px;}
.pro-deta-list ul li{ padding: 20px 0px; border-bottom: solid 1px #eeeeee;}
.pro-deta-list ul li:nth-last-child(1){ border-bottom:none;}
.pro-deta-list ul li .pdl-img{ width: 125px; height: 95px; overflow: hidden;}
.pro-deta-list ul li .pdl-img img{ transition: all 0.36s ease; max-width:100%;}
.pro-deta-list ul li .pdl-tit { padding-left: 15px;     width: 238px; }
.pro-deta-list ul li .pdl-tit h1{ font-size: 16px; font-weight: bold;  color:#333333; line-height: 160%; padding-top: 10px;}
.pro-deta-list ul li .pdl-tit p{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#999; line-height: 200%; padding-bottom: 5px;}
.pro-deta-list ul li .pdl-tit span{  float: right;}
.pro-deta-list ul li  a:hover .pdl-tit h1{color: #3899fe;  }
.pro-deta-list ul li  a:hover .pdl-img img{ transform: scale(1.08)}
.pro-deta-main-t1{ font-size: 24px; color: #358de7;text-align: center; padding-bottom: 30px;}
.pro-deta-main{ border:solid 1px #e5e5e5; width: 688px; padding: 30px;}
.pro-deta-main-t2 img{ max-width: 100%;}
.pro-deta-main p{ font-size: 14px; color:#666; line-height: 200%;}
.pro-deta-main p img{max-width:100%;}
.pro-deta-main .hh1{ font-size: 18px; color:#358de7; font-weight: normal; padding-bottom: 30px; padding-top: 40px;}
.pro-deta-main-t3{ padding-bottom: 30px; border-bottom: solid 1px #dfdfdf;}
.pro-deta-main-t4{ padding-bottom: 30px; border-bottom: solid 1px #dfdfdf;}
.pro-deta-main-t5{ padding-bottom: 30px; }

/*关于我们*/
.pg-about{ border: solid 1px #eeeeee; padding: 0px 40px;}
#ab-tab{ position: relative;}
.tab-nav{ text-align: center;}
.tab-nav a{ transition: all 0.36s ease; width: 298px; height: 43px; border: solid 1px #c9c9c9; text-align: center; line-height: 43px; font-size: 16px; color: #666666; display: inline-block;}
.tab-nav img{ padding: 0px 15px;}
.tab-nav a.active{  color:#358de7; border: solid 1px #358de7;}
.ab-tab-t1{ width: 1088px; padding-bottom: 30px; min-height:410px; }
.ab-tab-t1.nn { padding-left: 40px;}
.ab-tab-t1 img{ padding-right: 40px;}
.ab-tab-t1.nn img{ padding-left: 40px; padding-right: 0px;}
.ab-tab-t1 p{ font-size: 14px; color: #666; line-height: 170%; text-indent: 2rem;}
.ab-tab.swiper-button-prev{ background: url(../images/al.png) no-repeat center center; width: 50px; height: 50px; left: -30px; top: 300px;}
.ab-tab.swiper-button-next{ background: url(../images/ar.png) no-repeat center center; width: 50px; height: 50px; right: -30px; top: 300px;}
.ab-tab.swiper-button-prev.swiper-button-disabled, .ab-tab.swiper-button-next.swiper-button-disabled{ opacity: 0; display: none;}
.ab-tab-t2{ border-top:solid 1px #eeeeee;}
.ab-tab-t2 .hh1{  font-size: 18px; color:#358de7; font-weight: normal; padding-bottom: 10px;}
.ab-tab-t2 p{ font-size: 14px; line-height: 180%; color: #888888;}
.ab-tab-t2 ul li{ float: left; width: 50%; font-size: 14px; color: #888888; line-height: 180%;}
.ab-tab-t2 ul li span{ display: inline-block; padding-right: 25px;}
.pg-hon-lb{ position: relative;}
.pg-hon-t1 p{ font-size: 14px; color:#666666; line-height: 180%; text-indent: 2rem;}
.pg-hon-t2{ border-top:solid 1px #eeeeee;}
.pg-hon-t2 .hh1{ font-size: 18px; color: #333333; font-weight: normal;}
.swiper-containe-ggzz{margin: 0 auto; position: relative;  overflow: hidden; z-index: 1;  width: 1012px; margin: 0px auto;}     
.pg-hon-lb .swiper-slide{ text-align: center;     }
.pg-hon-lb .swiper-slide img{ max-width: 100%;}
.pg-hon-lb .swiper-button-prev{ background: url(../images/l2.png) no-repeat center center; width: 25px; height: 55px; left: 0px; }
.pg-hon-lb .swiper-button-next{ background: url(../images/r2.png) no-repeat center center; width: 25px; height: 55px; right:0px; }
.pg-hon-lb .szjz{text-align: center;  width: 100%; height:100%; position:relative;}
.pg-hon-lb .szjz a{width:100%; display:block;}
.pg-hon-lb .szjz a img.zsy{position:absolute; top:0; right:0;left:0;bottom:0;max-width:100%; max-height:100%;width:auto; margin:auto;}
/*招贤纳士*/
.recru-t1{ padding-bottom: 30px; border-bottom:solid 1px #eeeeee;}
.recru-t1 h1{ font-size: 18px; color:#666666; padding-bottom: 25px; line-height: 160%; font-weight: normal;}
.recru-t1 p{ font-size: 14px; color:#888888;  line-height: 120%;}
.recru-t2 h1{ font-size: 14px;  color: #888888;}
.recru-t2 p{ font-size: 14px;  color: #888888;}
.pg-input input{ padding: 0px 20px; width: 258px; border: solid 1px #dcdcdc; height: 43px; font-size: 14px;}
.pg-input select{ padding: 0px 20px; width: 300px; border: solid 1px #dcdcdc; height: 45px; font-size: 14px; vertical-align: top;  appearance:none;  -moz-appearance:none; -webkit-appearance:none; background: url(../images/x.png)no-repeat 270px 20px; color: #999;}
.pg-input a{display: inline-block; }
.pg-textarea textarea{ width: 960px; height: 180px; border-bottom:solid 1px #eeeeee; color:#666; font-size: 14px; padding: 20px;text-align: left;}
.tj-an a{ width: 220px; height: 45px; line-height: 45px; text-align: center; background: #358de7; display: block; color: #fff; font-size: 14px;}
#HF_files{vertical-align: top; margin-left:60px; color:#666;}

/*联系我们*/
.pg-con-map-xx{ border-bottom: solid 1px #eeeeee;}
.pg-con-map{ width: 575px;}
.pg-con-xx{ width: 316px;  padding-left: 80px;}
.pcx-t1{ font-size: 24px; color:#358de7; line-height: 160%;} 
.pcx-t2{ font-size: 14px; color:#999; font-family: Arial, Helvetica, sans-serif; }
.pcx-t3 {padding-top: 10px;}
.pcx-t3 p{ position: relative; font-size: 14px; color: #666666; padding-left: 75px; line-height: 200%;} 
.pcx-t3 p span{ position: absolute; left: 0; top:0;}
.pcx-t4 .con-ewm{ display: inline-block; text-align: center; font-size: 14px; color: #666666;}
.pcx-t4 .con-ewm img{ width: 85px; height: 85px;}
.pcx-t4 .con-ewm:nth-child(2){ padding-left: 20px;}


/*客服*/

/*-----------------------------------------------------kf-----------------------------------------------------*/
.pg-mess-kf{ position: relative;}
.side-bar .qq{ width:60px;height:60px; position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; display:block; border-radius:50%;  background:#333;  
box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar .qq:hover{ background:#222;}
.side-bar .qq i{ background:url(../images/side-04.png) no-repeat; width:24px; height:26px; display:block; margin:17px auto;}
.side-bar .qq .hide{  width:226px;  position:absolute; left:-226px; top:-36px;}
.side-bar .qq .hied_con{ width:210px; background:#222; border-radius:4px; color:#fff;  padding:5px 0 15px 0;
box-shadow:0 0 8px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width 0.3s ease-in-out; -webkit-transition:width 0.3s ease-in-out; display:none;}
.side-bar .qq:hover .hied_con{ display:block }
.side-bar .qq .hied_con:after { content:""; width:10px; height:10px; background:#222; position:absolute; right:11px; top:58px; transform:rotate(45deg);  -webkit-transform:rotate(45deg);}
.side-bar .qq .hide dl { width:180px; margin:0 auto; overflow:hidden; text-align:left; font-size:12px; margin-top:10px;}
.side-bar .qq .hide dl dt.title { margin-bottom:10px; font-size:14px;}
.side-bar .qq .hide dl dt.tel { position:relative;}
.side-bar .qq .hide dl dt a { color:#fff; font-family:Arial, sans-serif; font-size:16px;font-style:italic; font-family:"微软雅黑"; padding-left:12px; }
.side-bar .qq .hide dl dt a span {font-family:"微软雅黑";  font-style:normal; font-size:14px; padding-left:12px; position: absolute; top:-4px;}

.side-pannel {position: absolute; width:60px; top:80px; right:20px; z-index:999; }
.side-bar>a {width:60px;height:60px;  position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; border-radius:50%; background:#333;  
box-shadow:0 0 8px 0 rgba(0,0,0,.2);  -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.side-bar>a:hover{ background:#222;}
.side-bar a.gotop:hover{ background:#222;}
.side-bar .dh{ width:60px;height:60px; position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; display:block; border-radius:50%;  background:#333;  
box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar .dh:hover{ background:#222;}
.side-bar .dh i{ background:url(../images/side-01.png) no-repeat; width:23px; height:23px; display:block; margin:19px auto;}
.side-bar a.wx i{ background:url(../images/side-02.png) no-repeat; width:26px; height:22px; display:block; margin:19px auto;}
.side-bar a.gotop i{ background:url(../images/side-03.png) no-repeat; width:23px; height:13px; display:block; margin:17px auto;}
.side-bar .dh .hide{  width:226px;  position:absolute; left:-226px; top:-36px;}
.side-bar .dh .hied_con{ width:210px; background:#222; border-radius:4px; color:#fff;  padding:5px 0 15px 0;
box-shadow:0 0 8px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width 0.3s ease-in-out; -webkit-transition:width 0.3s ease-in-out; display:none;}
.side-bar .dh:hover .hied_con{ display:block }
.side-bar .dh .hied_con:after { content:""; width:10px; height:10px; background:#222; position:absolute; right:11px; top:58px; transform:rotate(45deg);  -webkit-transform:rotate(45deg);}
.side-bar .dh .hide dl { width:180px; margin:0 auto; overflow:hidden; text-align:left; font-size:12px; margin-top:10px;}
.side-bar .dh .hide dl dt.title { margin-bottom:10px; font-size:14px;}
.side-bar .dh .hide dl dt.tel {margin-top:-6px;}
.side-bar .dh .hide dl dt a { color:#fff; font-family:Arial, sans-serif; font-size:18px; font-style:italic;  }
.side-bar .dh .hide dl dt a span {font-family:"微软雅黑";  font-style:normal; font-size:14px; padding-left:6px;}
.theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.75;filter:alpha(opacity=75);-moz-opacity:0.75; display:none; }
.popover1{ width:360px; height:400px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover1 dl { margin-top:60px; font-size:14px; color:#333; line-height:30px;}
.popover1 dl a { width:100px; height:36px; line-height:36px; background:#1088d5; color:#fff; display:inline-block; border-radius:4px; -webkit-border-radius:4px; font-size:14px; margin-top:10px; 
transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.popover1 dl a:hover { background:#005ca1;}