*{margin: 0;padding: 0;}
header,footer,nav,div,p,span,b,a,input,textarea,ul,li{font-family: '微软雅黑';margin: 0;padding: 0;}
ul li{list-style: none;}
a{text-decoration: none;color: #000;}
table {border-collapse:collapse;}table,th, td{border: 1px solid #ddd;}
input{outline: none;}
body{min-width: 1230px;}

/*弹性盒子*/
.flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} /*横向弹性*/
.flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;height: 900px;} /*纵向弹性*/
.flexc{margin: auto auto;}
.flexwarp{flex-wrap: wrap;} 

/* 文字分栏 */
.column{column-width:300px;-moz-column-width:300px; /* Firefox */-webkit-column-width:300px; /* Safari and Chrome */
    column-count:; /* 列数 */
    column-gap:; /* 列间距 */
    column-rule:; /* 分隔线 */
}

/*字体超出隐藏*/
.txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*.txthide_2{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}*/

.clearfix:after{ content: ""; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.wrapper{ width: 75%; min-width: 1200px; margin: 0 auto;}

.ellipsis-2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.ellipsis-3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.ellipsis-5{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:5; text-overflow: ellipsis; overflow: hidden; text-align: justify;}



/* 导航 */
header{width: 96%; background: #fff; margin: 0 auto;}
header .logo{float: left;}
header .lx{float: right; width: 110px; height: 38px; border: 1px solid #C9CAC9; font-size: 15px; color: #636363; justify-content: center; align-items: center; display: -webkit-flex; margin-top: 35px;}
header .lx img{margin-right: 5px;}
header ul{float: right; margin: 44px 25px 44px 0;}
header ul li{ float: left;margin-right: 15px;position: relative;}
header ul .n-a{display: block;  font-size: 18px; color: #636363;}
header ul .n-a:after{content: ''; background: url('../images/sy_02.png') top right no-repeat; width: 19px; height: 12px; display: inline-block; padding-left: 15px;}
header ul .n-a:hover{color: #29166F;}
header ul .n-a.active{color: #29166F;}
header .lx:hover{border-color: #29166F; color: #29166F;}

header .drop-down{width: 106px;background: #fff;position: absolute;top: 24px;z-index: 3;left: 50%;margin-left: -85px;padding: 15px 15px 0;display: none;}
header .drop-down a{display: block;width: 100%;line-height: 40px;font-size: 16px;border-bottom: 1px solid #eee;box-sizing: border-box;padding-left: 30px;}

@media screen and (max-width:1680px){
    header .logo{width: 35%}
    header .lx{margin-top: 23px; width: 90px; height: 34px; font-size: 13px;}
    header ul{margin: 28px 20px 28px 0;}
    header ul li{margin-right: 10px; font-size: 17px;}
}

@media screen and (max-width:1440px){
    header .logo{width: 40%}
    header .lx{margin-top: 25px;}
    header ul{margin: 30px 0;}
    header ul li{margin-right: 10px; font-size: 16px;}
}

@media screen and (max-width:1366px){
    header .logo{width: 40%}
    header .lx{margin-top: 20px;}
    header ul{margin: 20px 0;}
    header ul li{margin-right: 10px; font-size: 16px;}
}



/* 底部*/
.nav{border-bottom: 1px solid #D3D3D3; padding: 40px 0;}
.nav a{display: block; padding: 0 20px; font-size: 16px; color: #9F9F9F; border-right: 1px solid #9F9F9F; float: left;}
.nav a:first-chilid{padding-left: 0;}
.nav a:last-child{border-right: none;}
.nav a:hover{color: #29166F;}

.add{padding: 50px 0;}
.add .m-logo{float: left; width: 30%; margin-top: 9px;}
.add .m-add{width: 51%; float: left; font-size: 16px; color: #9D9D9D; line-height: 24px;margin-left: 30px;}
.add .m-add a{color: #9D9D9D;}
.add .m-add a:hover{color: #29166F;}

.qrwxcode{float: right;width: 16%;}
.qrwxcode img{display: block;width: 100px;height: 100px;float: right;}
.qrwxcode p{text-align: right;padding-top: 50px;font-size: 12px;line-height: 20px;}



/* banner*/
.banner{ width: 100%; position: relative; overflow: hidden;}
.banner img{ width: 100%; display: block;}



/* 首页 关于我们 */
.gywm{padding: 100px 0;}
.gywm .left{float: left; width: 55%;}
.gywm .left img{width: 70%; margin: 0 auto;}
.gywm .right{width: 45%; float: right;}
.gywm .right .tit{width: 78%;}
.gywm .js{font-size: 16px; color: #A0A0A0; line-height: 35px; margin: 20px 0 60px 0;}
.gywm .js a{color: #FFA503; display: inline-block;}
.gywm .more{width: 240px; height: 44px; border: 1px solid #FFA503; justify-content: center; align-items: center; display: -webkit-flex; color: #FFA503;}
.gywm .more span{display: inline-block; width: 43px; height: 5px; overflow: hidden; margin-left: 25px;}
.gywm .more span img{display: block; transition: 0.5s ease; margin-left: -43px;}
.gywm .more:hover img{transform: translateX(43px);}



/* 首页 首页标题 */
.n-title{display: block; /* padding: 130px 0 50px 0; */}
.n-title img{display: block; margin: 0 auto;}



/* 首页 检测服务 */
.jcfw{background: url(../images/bj1.jpg) top center no-repeat; height: 831px; overflow: hidden;box-sizing: border-box;padding: 130px 0 45px;}

.jcfw .n-title{margin-bottom: 50px;}

.jcfw .j-wrap{width: 93.75%;margin: 0 auto;position: relative;}
.jcfw .j-rw{display: block;width: 32.815%;position: absolute;bottom: 0;left: 0;}
.jcfw .j-write{width: 79%;height: 435px;background: #fff;float: right;box-sizing: border-box;padding: 45px 7% 45px 13%;}
.jcfw .j-write h3{font-size: 26px;color: #ffa503;line-height: 40px;margin-bottom: 20px;}
.jcfw .j-write h3 img{vertical-align: middle;margin-right: 10px;}

.jcfw .j-write .flexbox{height: 270px;}
.jcfw .j-write .j-list{width: 30%;margin: auto;}
.jcfw .j-write .j-list .j-pic{display: block;width: 100%;overflow: hidden;box-sizing: border-box;border: 1px solid #ebebeb;transition: .5s;}
.jcfw .j-write .j-list .j-pic img{display: block;width: 100%;transition: .5s;}
.jcfw .j-write .j-list .j-tit{display: block;width: 100%;height: 45px;line-height: 43px;text-align: center;box-sizing: border-box;border: 1px solid #ebebeb;transition: .5s;}

.jcfw .j-more{display: block;width: 35px;height: 100%;text-align: center;line-height: 435px;position: absolute;top: 0;right: 0;bottom: 0;background: #ffa503;color: #fff;font-family: 'simsun';font-weight: bold;font-size: 30px;}

.jcfw .j-write .j-list:hover .j-pic{border-color: #ffa503;}
.jcfw .j-write .j-list:hover .j-pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} 
.jcfw .j-write .j-list:hover .j-tit{border-color: #ffa503;color: #ffa503;}

@media screen and (max-width:1360px){
    .jcfw .j-wrap{width: 100%;}
}



/* 首页 检测设备 */
.jcsb{background: url(../images/bj3.jpg) top center no-repeat; padding-bottom: 115px;padding-top: 130px;}

.jcsb .n-title{margin-bottom: 50px;}

.picScroll-left{overflow:hidden; /* height: 262px; */ position:relative;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-right: 20px; float:left; _display:inline; width: 23.5%; position: relative; overflow: hidden;}
.picScroll-left .bd ul li img{width: 100%; display: block;}
.picScroll-left .bd ul li .pic label{width: 100%; height: 100%; background: rgba(1,1,1,.2); position: absolute; top: 0; left: 0; transition: .5s ease;}
.picScroll-left .bd ul li .txt{display: block; background: rgba(1,1,1,.5); position: absolute; bottom: -64px; left: 0; padding: 5%; color: #fff; width: 100%; box-sizing: border-box; transition: 0.5s ease;}
.picScroll-left .bd ul li .txt h6{font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px;}
.picScroll-left .bd ul li .txt label{font-size: 16px; margin-bottom: 20px; display: block;}
.picScroll-left .bd ul li .txt p{font-size: 16px; line-height: 24px; margin-bottom: 10px;}
.picScroll-left .bd ul li:hover .pic label{top: -100%;}
.picScroll-left .bd ul li:hover .txt{bottom: 0; background: #29166F;}
.picScroll-left .bd ul li:hover .txt label{display: none;}



/* 首页 联系我们 */
.lxwm{background: url(../images/bj4.jpg) top center no-repeat; padding: 120px 0 70px 0;}
.lxwm .top{color: #fff; margin-bottom: 100px;}
.lxwm .top .pic{float: left; margin-right: 16px;}
.lxwm .top h6{font-size: 45px; margin-bottom: 10px;}
.lxwm .top p{font-size: 24px;}
.lxwm .top span{font-size: 16px; display: block; margin-top: 5px;}
.lxwm .top span img{float: left; margin: 2px 5px 0 0;}
.lxwm .top label{font-size: 45px; font-weight: bold; display: block;}
.picMarquee-left{width:62%; overflow:hidden; float: left;}
.picMarquee-left .bd ul{overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin-right: 10px; float:left; _display:inline; overflow:hidden; width: 40%; background: #F7FDFF; padding: 30px 20px; box-sizing: border-box; border: 1px solid #DBDBDB;}
.picMarquee-left .bd ul li h6{font-size: 20px; color: #282828;}
.picMarquee-left .bd ul li p{font-size: 16px; line-height: 24px; margin: 10px 0 20px 0; color: #5D5D5D;}
.picMarquee-left .bd ul li .pic{transition: .5s ease;}
.picMarquee-left .bd ul li span{font-size: 12px; margin-top: 30px; display: block; color: #909090;}
.picMarquee-left .bd ul li span img{float: left; margin: 0px 5px 0 0;}
.picMarquee-left .bd ul li:hover h6{color: #29166F; font-weight: bold;}
.picMarquee-left .bd ul li:hover .pic{margin-left: 80%;}
.xwzx .right{width: 38%; float: right; margin-top: 120px;}
.xwzx .right img{width: 58%; display: block; float: right;}
.xwzx .right .more{width: 35%; height: 43px; border: 1px solid #ADADAD; display: block; text-align: center; line-height: 43px; color: #ADADAD; font-size: 16px; margin-top: 25px; clear: both; float: right;}



/* 首页 实验室展示 */
.sys{/* background: url(../images/bj3.jpg) top center no-repeat; */ padding-bottom: 100px;padding-top: 120px;}

.sys .n-title{margin-bottom: 50px;}

.sys-left{overflow:hidden; /* height: 262px; */ position:relative;}
.sys-left .bd ul{ overflow:hidden; zoom:1; }
.sys-left .bd ul li{ margin-right: 20px; float:left; _display:inline; width: 32%; position: relative; overflow: hidden;}
.sys-left .bd ul li .pic{width: 100%; height: 100%;  transition: .5s ease;overflow: hidden;}
.sys-left .bd ul li img{width: 100%; display: block;}

.sys-left .bd ul li:hover .pic img{-webkit-transform: sclae(1.1);
   -moz-transform: sclae(1.1);
    -ms-transform: sclae(1.1);
     -o-transform: sclae(1.1);
        transform: sclae(1.1);}



/* 内页*/
.n-gray{width: 100%;background: #f0f0f0;height: 85px;}

.n-out{width: 1200px;margin: -85px auto 0;position: relative;z-index: 1;}

.n-out .n-left{width: 262px;box-sizing: border-box;float: left;}
.n-out .n-right{width: 890px;float: right;}

.slide{width: 100%;}
.slide h2{height: 85px;background: #29166f;text-align: center;line-height: 85px;color: #fff;font-size: 28px;}
.slide .s-wrap{width: 100%;box-sizing: border-box;border: 1px solid #e5e5e5;}
.slide a{display: block;line-height: 70px;border-bottom: 1px solid #E5E5E5;text-align: center;font-size: 20px;color: #000;transition: .5s;}
.slide a:hover{color: #29166f;}
.slide a.active{color: #29166f;font-weight: bold;}

.s-lx{width: 100%;box-sizing: border-box;padding: 25px 15px;background: url(../images/s02.jpg) center center no-repeat;background-size: auto 100%;margin-top: 15px;}
.s-lx h3{color: #fff;font-size: 24px;}
.s-lx img{display: block;width: 100px;margin-top: 10px}
.s-lx p{font-size: 14px;color: #fff;line-height: 26px;}
.s-lx p span{/* display: inline-block;width: 160px; */vertical-align: top;}
.s-lx p b{/* display: inline-block;width: 160px; */font-size: 18px;color: #fff;vertical-align: top;}

.crumbs{width: 100%;height: 85px;line-height: 85px;margin-bottom: 35px;}
.crumbs .cTitle{float: left;font-size: 28px;color: #454545;font-weight: bold;}
.crumbs .m-crumb{float: right;font-size: 12px;color: #898989;height: 85px;line-height: 85px;}
.crumbs .m-crumb a{font-size: 12px;color: #898989;}
.crumbs .m-crumb span{font-size: 12px;color: #29166f;}
.crumbs .m-crumb i{font-style: normal;font-family: '宋体';}
.crumbs .m-crumb a:hover{color: #29166f;}



/* 公司简介 */
.about{width: 100%;}
.about img{max-width: 100%;margin: 10px 0;}
.about h3{font-size: 34px;color: #29166f;text-align: center;line-height: 45px;margin-bottom: 30px;}
.about article{font-size: 16px;color: #4c4c4c;line-height: 30px;text-align: justify;}



/* 图片列表 */
.product{width: 100%;}
.product .proList{width: 32%;float: left;margin: 0 2% 0 0;}
.product .proList:nth-child(3n){margin-right: 0;}
.product .proList .pic{display: block;width: 100%;/* height: 210px; */overflow: hidden;}
.product .proList .pic img{display: block;width: 100%;transition: .5s;}
.product .proList .tit{display: block;width: 100%;height: 47px;border: 1px solid #eee;box-sizing: border-box;margin-bottom: 20px;text-align: center;line-height: 45px;font-size: 18px;color: #444;transition: .5s;}
.product .proList:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.product .proList:hover .tit{background: #29166f;color: #fff;border: 1px solid #29166f;}



/* 新闻动态 */
.news{width: 100%;}
.news .list{width: 100%;background: #eee;box-sizing: border-box;padding: 10px;margin-bottom: 15px;}
.news .list a{display: block;width: 100%;border: 1px solid rgba(255,255,255,.5);padding: 15px;box-sizing: border-box;}
.news .list .tit{font-size: 18px;line-height: 35px;color: #333;transition: .5s;}
.news .list .time{font-size: 14px;color: #666;line-height: 30px;}
.news .list .desc{font-size: 14px;color: #666;line-height: 30px;}
.news .list:hover .tit{color: #29166f;}



/* 内容页 */
.content{width: 100%;}
.content .ntitle{font-size: 20px;color: #444;line-height: 40px;text-align: center;margin-bottom: 25px;}
.content article{font-size: 16px;color: #666;line-height: 30px;}
.content article img{max-width: 100%;}
.content article table,.content article table td,.content article table tr,.content article table th{border: 1px solid #eee;border-collapse: collapse;}



/* 联系我们 */
.contact{width: 100%;}
.contact h3{font-size: 30px;color: #29166f;line-height: 30px;}
.contact article{width: 80%;padding-top: 50px;margin: 0 auto 35px;}
.contact .clogo{display: block;margin-bottom: 15px;width: 280px;}
.contact article p{font-size: 16px;color: #666;line-height: 35px;}
.contact article p span{display: inline-block;width: 500px;vertical-align: top;}
.contact article p b{display: inline-block;width: 500px;vertical-align: top;color: #29166f;}
.contact .map{width: 100%;box-sizing: border-box;border: 1px solid #eee;box-shadow: 10px 10px 20px #f7f7f7;height: 400px;}



/* 浮动 */
.gd{position: fixed;right: 0;bottom: 0; width: 100px;height: 300px;z-index:99;}
.gd .gd_item{height: 100px;cursor: pointer;position: relative;width:100px;opacity: 0.9;background-color: #083677;transition:all ease 0.7s;}
.gd_lixhf{position: absolute;right:0;top:0;width:100px;height:100px;transition:all ease 1s;overflow: hidden;opacity: 0.9;background-color: #083677;}
.gd_bgimg img{float: left;margin-top: 35px;margin-left: 35px;}
.gd .gd_phone:hover .gd_lixhf{width:300px;transition:all ease 0.7s;opacity: 0.8;}
.gd_phone{width:100px;height:100px;position: relative;}
.gd_bgimg{position: absolute;left:0;top:0;width:100px;height:100px;}
.gd_lixhf span{position: absolute;left:120px;display: block;height:100px;line-height:100px;font-size:20px;color: #fff; width:100%;}
.gd .gd_item img{float: left;margin: 35px 0 0 35px;}
.gd .gd_item:hover{transition:all ease 0.7s;opacity: 0.8;}
.gd_ewm{position: absolute;left:-100px;top:-0px;opacity: 0;transition:all 0.4s;width:100px;height:100px;}
.gd .gd_item .gd_ewm img{margin: 0;}
.gd .gd_item:hover .gd_ewm{opacity: 1;transition:all 0.4s;}
.gd .gd_item:hover .gd_ewm img{margin: 0;}