@charset "utf-8";
body{overflow-x:hidden;margin:0;padding: 0; font-family: "微软雅黑";font-size:15px;line-height: 1.5;color: #000; font-weight: 300;overflow-x: hidden;}
em,i{font-style: normal;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.fl{float: left;}
.fr{float: right;}
.fx,.fxrow{display:flex;flex-direction:row;align-items:center}
.fjsb{justify-content:space-between}
.fjsa{justify-content:space-around}
.fjfe{justify-content:flex-end}
.fjce{justify-content:center}
.fafe{align-items:flex-end}
.fafs{align-items:flex-start}
.fwp{flex-wrap:wrap}
.ti2{text-indent:2em}
.ovh{overflow:hidden}
.dn{display:none}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%; margin: 0;padding: 0}
.container{width: 1200px;margin:0 auto;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mb40{margin-bottom: 40px;}

/* wel */
.wel{background-color:#1a3471;}
.wel  h1 {color: #fff;display: block; color: #fff;padding-left: 5px;font-size:15px; line-height: 40px;}
.wel  ul  li a{color: #fff;}
.wel  ul  li p{color: #fff;}
.wel  ul  li a{color: #fff;padding-left: 5px;font-size: 15px;}
.wel  ul  li{margin-right: 25px;}
.header{width:100%;}
.header .header_top .right a:last-child{border-left: 1px solid #fff;}
.header .header_top .right a img{vertical-align:middle;margin:-4px 5px 0 0}
.header .nr{padding: 16px 0; }
.header .nr .zb .left img{vertical-align:top}
.header .right{color:#d20507;font-size:24px;}
.header .nr .right p{color:#d20507;display: block;line-height: 30px;font-weight: 600;  font-size:40px;}
.logo  img{width:384px;height:68px;}
.wel    span{color: #fff;}



/*导航栏*/
nav {position: relative;z-index: 1000;}
nav >  ul {display:flex;flex-direction:row;align-items:center;justify-content:space-between}
nav >  ul > li {line-height:50px;/*flex:1; */ text-align: center;position: relative;}
nav > ul > li > a {display: block;color: #000;font-size:16px;padding: 0  10px;font-weight: 600;}
nav > ul  > li:hover{background-color: #1a3471;     } 
nav > ul  > li:hover > a{color: #fff;    } 
nav > ul  > li.active{background-color: #1a3471;} 
nav > ul  > li.active > a{color: #fff;  } 
/* 二级 */
nav > ul > li > ul {position: absolute;width:100%;z-index: 9999;}
nav > ul >  li > ul {filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0,10px,0);-moz-transform: translate3d(0,10px,0);-webkit-transform: translate3d(0,10px,0)}
nav > ul > li:hover > ul {opacity: 1;visibility: visible;transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0)}
nav > ul > li > ul li {width: 100%;float: left;}
nav > ul >  li > ul > li  > a {text-transform: uppercase; display: block;  font-weight: 0!important;  
    line-height:40px;width: 100%;color: #000;text-align: center;font-size: 14px;background: #ececec; }
nav > ul >  li > ul li a  span{float: none!important; }
nav > ul >  li > ul li a:hover {color: #1a3471;} 
nav > ul > li:nth-child(3) > ul {position: absolute;width:100%;z-index: 9999;width: 200px;left: -50px;}
nav > ul > li:nth-child(5) > ul {position: absolute;width:100%;z-index: 9999;width: 300px;left: -50px;}


/*   public title   */
.title h2{color: #000; font-family: "黑体";font-size:32px; font-weight: 600;text-transform: uppercase;text-align: center; display: block; margin: 0 auto; /*padding-top:120px;*/}
.title p{font-size:16px ;text-transform: uppercase; text-align: center;   font-weight:normal;color:#666;}
.title em{display: block;height: 5px;background-color: #1a3471;margin:6px auto;width: 100px;}
#about .title{ background: url(../images/line.png) no-repeat top center;}

/* 第一部分轮播和新闻 */
#keynews{background-color:#f1f5fb; padding: 30px 0;   } 
#keynews .left{width: 680px;}
#keynews .slideBox{ width:680px; height:450px; overflow:hidden; position:relative;  }
#keynews .slideBox .bd{ position:relative; height:100%; z-index:0;   }
#keynews .slideBox .bd li{ zoom:1; vertical-align:middle; }
#keynews .slideBox .bd img{ width:680px; height:450px; display:block;  }
#keynews .slideBox li{position: relative;}
#keynews .slideBox li p{position: absolute; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background-color: rgba(0, 0, 0, 0.6);color: #fff;line-height: 50px; text-align: left; bottom: 0; width: 100%; text-indent: 2rem;font-size: 16px;}
#keynews .slideBox .prev,
#keynews .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
#keynews .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
#keynews .slideBox .prev:hover,
#keynews .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
#keynews .slideBox .prevStop{ display:none;  }
#keynews .slideBox .nextStop{ display:none;  }
#keynews .right{width: 480px; margin-left: 20px;}
#keynews .right  .tit h3{color: #333;font-weight: 600;font-size: 32px;}
#keynews .right  .tit a{display: block;color: #666;}
#keynews .right  .tit a:hover{color: #d20507;font-weight: 600;}
#keynews .right  ul li{ background: url(../images/kidot.png) no-repeat left center; padding-left:20px;  border-bottom: 1px dashed #ccc;line-height: 55px;         }
#keynews .right  ul li a{color: #333;font-size: 15px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 80%;  }
#keynews .right  ul li span{display: block;color: #666;}
#keynews .right  ul li:hover a{ color: #d20507;  }

/* 关于我们 */
#about{ padding:60px 0;}
#about .des{padding-left:30px;}
#about  .img{width: 600px;height:448px;  }
#about  img{width: 600px;height:448px;  }
#about .des  p{font-size: 16px;color: #333;line-height: 30px;text-indent: 2rem;}
.viewmore{ display: block; margin:18px  0 0 0;transition: all .5s ease;position: relative;cursor: pointer;width:80px;line-height:30px;text-align:center;color:#fff;font-size:14px;background:#1a3471;border-radius:20px;}
.viewmore:hover{ background:#d20507;   }
.viewmore:after , .viewmore a.more:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:0 0;z-index:-2;}
.viewmore:hover{z-index:1;background:0 0;}
.viewmore:before{transition:.5s;background: #1a3471;z-index:-1;}
.viewmore:hover:after , .viewmore a.more:hover:before{width:100%;background: #d20507;border-radius: 20px; -webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;     }
#about .des  h1{font-size:35px;line-height: 109px;text-indent: 1rem;font-weight: 600; color: #000;background: url(../images/hbg.jpg) no-repeat left center; height: 109px; display: block; }


/* 检测服务 */
/* procenter  roll */
.w1340{width: 1340px;margin:0  auto;}
#service  .title  h2{color: #fff;}
#service  .title p {color: #fff;}
#service  .title em{background-color: #fff;}
#service{background: url(../images/sbg.jpg) no-repeat left center; padding:60px 0;  }
#service .slideBox{ overflow:hidden; zoom:1; padding:50px 0 10px  80px; position:relative;}
#service .sPrev , #service .sNext{ position:absolute; left:5px; top:150px; display:block; width:42px; height:42px; background: url(../images/arrow-left.png) no-repeat center;}
#service .sNext{ left:auto; right:5px; background: url(../images/arrow-right.png) no-repeat center;}
#service ul{overflow:hidden; zoom:1;}
#service ul li{ margin:0 15px;background: #fff;float:left;display:inline; overflow:hidden; text-align:center;}
#service ul li .pic{ text-align:center; overflow: hidden;height:264px; }
#service ul li .pic img{ width:264px; height:264px; object-fit: cover;display:block;display: block;transition:.5s ease-in;}
#service ul li .pic a:hover img{transform:scale(1.1,1.1);}
#service ul li  p{text-align: center;line-height:40px;color: #000;text-align: center;font-size: 16px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#service ul li:hover p a{color: #d20507;}


/* 新闻 */

#news  .title  h2{font-weight: 600;text-transform: uppercase;color: #d0d0d0;font-size:50px;text-align: center;font-family: arial;position:relative   }
#news  .title  p{color: #000;font-size: 30px;font-weight: 600;position: absolute;left: 50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); top: 50px;  }
#news{background-color: #f6f6f6;padding:60px 0;  }
#news ul{ display: grid;grid-template-columns: 33.3% 33.3% 33.3%;gap: 6px 6px;overflow:hidden;border-color:transparent;padding:15px}
#news li{overflow:hidden;border:1px solid #f0f0f0;
vertical-align:top;position:relative}
#news .item{padding:5%;position:relative}
#news .img{position:relative;width:100%;padding-bottom:50%;height:auto;vertical-align:middle;text-align:center;overflow:hidden}
#news .img img{width:100%;display:block;transition:.6s;-webkit-transition:.6s;-ms-transition:.6s;height:auto!important;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute!important}
#news .black{position:absolute;left:0;top:0;width:100%;height:100%;background:none rgba(0,0,0,.5);opacity:0;visibility:hidden}
#news .ntype{position:absolute;left:0;top:0;padding:2px 15px;background-color:#1a3471;color:#fff;line-height:180%}
#news .t{font-size:16px;line-height:1.4;color:#3e3e3e;height:45px;overflow:hidden;margin:16px 0}
#news .bot{color:#999;font-family:arial,helvetica,sans-serif}
.ntime{background:url(../images/time1.png) no-repeat scroll left center;padding:2px 0 2px 22px;margin-right:12px;line-height:180%}
#news .blueBg{position:absolute;left:0;bottom:0;width:100%;height:0%;background-color:#1a3471;transition:all .7s cubic-bezier(.71,-.01,.07,.99) 0s;-webkit-transition:all .7s cubic-bezier(.71,-.01,.07,.99) 0s}
#news .linkA{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
#news li:hover .blueBg{height:100%}
#news li:hover .ntype{background-color:#fff;color:#a60002}
#news li:hover .bot,#news li:hover .t{color:#fff}
#news li:hover .bot .ntime{background-image:url(../images/time2.png)}
#news li:hover .black{opacity:1;visibility:visible}
#news li:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1)}

/* 友链 */
#link{ color: #fff;line-height: 50px;background-color:#f6f6f6;padding-bottom: 60px;}
#link  h3{color: #fff;display: block; font-weight: 600;font-size: 26px; padding: 0 20px; background:url(../images/ltbg.png) #dfeefa no-repeat  left  center }
#link .nr{border: 1px solid #ececec;    }
#link  ul{padding:20px; display: grid;grid-template-columns:20% 20% 20%  20%  20%;gap: 0px 11px;     }
#link  li  a{ font-size: 16px;color: #666;padding-right:20px; }
#link  li:hover a{color: #1a3471; }

/* footer */
footer {padding:30px   0;background-color:#1a3471;}
footer  .left{width: 60%;color: #fff;line-height: 30px;   }
footer  .left p{color: #fff;}
footer  .left a{color: #fff;}
footer .ewm  p{line-height: 30px;  color: #fff;text-align: center;    } 
footer .ewm img{display: block;width: 120px;height: 120px;}