@charset "utf-8";
/*~~~~框架布局~~~*/


/*==版心定义↓==*/
.container{width:1440px;}
.service_layer{display: none}
.wor img{max-width: 100%}


/*==顶部↓==*/
.head-top{ padding:10px 0;background: #efefef;line-height: 25px;}
.head-top .right{}
.head-top .right .block{float:left;display:block;}
.head-top .right .tel{color:#000;font-size:14px;padding-left:25px;margin-right:30px; background:url(../images/tel3_ico.png) no-repeat left center;}
.head-top .right .tel font{color:#52ab40;font-size:20px; font-weight:bold;margin: 0 0 0 10px;}
.head-top .right .ico{padding-left:20px;margin-left:25px;color:#8b8b8b;font-size:12px; line-height:30px}
.head-top .right .weixin{background: url(../images/weixin_ico.png) no-repeat left;}
.head-top .right .phone{background: url(../images/tel5_ico.png) no-repeat left;}
.head-top .right .sitemap{background: url(../images/sitemap_ico.png) no-repeat left;}
.head-top .right .ico:hover{ color:#52ab40}
.head-top .right .lang{margin-left:30px;}
.head-top .right .lang a{position: relative; color:#aaaaaa;font-size:12px;display: inline-block;margin-left: 10px;}
.head-top .right .lang a:before{ content: ""; position: absolute; left:0;bottom:-13px;width:0%;height:2px; background:#52ab40;transition: all .4s ease-in-out;}
.head-top .right .lang a.active,.head-top .right .lang a:hover{color:#52ab40}
.head-top .right .lang a.active:before{width:100%;}
.head-top .right .weixin .effect-lower-block{top: 30px;width:110px;padding: 5px;}
.head-top .right .weixin .effect-lower-block img{max-width:100%;}
.head-top .right .phone .effect-lower-block{top: 30px;width:200px;padding: 10px;color:#52ab40;font-size:20px;font-weight: bold; text-align:center}
.head-top .right .phone .effect-lower-block:before{margin-right:5px}
.header{padding: 30px 0; background:#fff;}
.header .logo{float:left}
.header .logo a{float:left}
.header .logo .txt{color:#000;font-size:20px;float: left;font-weight: bold;margin-left: 10px;}
.header .logo .txt font{ display: block;margin-top:2px;color:#717171;font-size:14px;font-weight: 400;}
.header .nav{margin: 15px 0 0 0;height: 35px;}
.header .nav > li{position:relative;float:left;padding: 0 12px 41px 12px;}
.header .nav > li > a{ display: block;color:#515151;font-size:17px; text-align: center }
.header .nav > li:hover > a,.header .nav li.active > a{ color:#52ab40;font-size:bold;}
.header .nav .sub{display: none;position: absolute;top:100%;z-index: 8;/* width:100%; */padding: 40px 50px;border-top:3px #52ab40 solid;background: #fff;}
.header .nav .sub{left: -450px;top:100%;width:1000px;}
.header .nav .sub:before{/* content:""; */position: absolute;top: -16px;left:50%;font-size: 35px;color: #54ab40;width: 10px;height: 10px;/* background: #ddd; */}
.header .nav .sub .long{ display: table;width:100%}
.header .nav .sub h3{padding-bottom:15px;margin-bottom:20px;border-bottom:1px #ccc solid}
.header .nav .sub h3 a{color:#000;font-size:16px; font-weight:bold; ;}
.header .nav .sub h3 a:before{ content:"";float:left;width:2px; height:15px; margin:3px 10px 0 0px;background: #54ab40;}
.header .nav .sub span{}
.header .nav .sub a.navAtwo{display: block;margin: 8px 0;clear:both;color:#8a8a8a;font-size:14px;}
.header .nav .sub a:hover{color:#54ab40}
.header .nav .sub-1 > ul > li{display:table-cell;padding-right: 50px;}
.header .nav .sub-1 > ul > li:last-child{padding-right:0px}
.header .nav .sub-2{width:600px;left: -250px;}
.header .nav .sub-2 .left{float:left;width:20%;}
.header .nav .sub-2 .pic{float:right;width:72%;margin-top:35px;}
.header .search{height:50px;margin-left:20px;}
.header .search form{height:100%;}
.header .search input{float:left;padding:5px 10px;width:200px; height:100%;border:2px #52ab40 solid}
.header .search button{float:right;padding:0 30px; display: block; border:none; height:100%;background-color:#52ab40; background-image:url(../images/search_ico.png); background-repeat:no-repeat; background-position:center;}
.header .search button:hover{ background-color:#f60;}
.wap-search{position:relative;margin:6px 20px 0px 0; overflow: hidden;padding: 0 10px;float: right;width: 38%;height: 30px; border:1px #e1e1e1 solid; border-radius:20px; background: #f1f1f1}
.wap-search input{float: left; width:70%;/*! border-radius:none; */border:none;color:#666;font-size:13px;line-height: 26px; background: none}
.wap-search button{float:right; width:20%;color:#888; font-size:13px;border: none;line-height: 26px;/*! border-radius: 50%; */text-align: center; background: none}
/**/
.sub-soll{ position: relative;padding:40px 75px !important; }
.sub-soll .btn{ opacity: 1 !important; color:#666;font-size:20px;background:#bbb}
.sub-soll .btn:hover{background:#52ab40}
.sub-soll .btn.swiper-button-disabled{background: #ddd}
.sub-soll .btn:after{color:#fff;font-size:25px;font-weight:bold;}
.sub-soll .btn-prev{ left:25px; }
.sub-soll .btn-next{ right:25px; }


/*顶部滚动↓*/
.airing{float:left;margin-top:5px;width:600px;height:25px;padding-left:30px;position:relative;overflow: hidden;background:url(../images/horn_ico.png) no-repeat left;}
.airing .tempWrap{width:100% !important;}
.airing ul{overflow:hidden;zoom:1;}
.airing ul li{margin-right:20px;float:left;height:24px;line-height:24px;text-align:left;_display:inline;width:auto !important;}
.airing ul li a{color:#666666;font-size:14px;transition: all .4s ease-in-out;}
.airing ul li a:hover{color:#52ab40;}


/*固定导航*/
.header.fixed-top{ position: fixed;top:0;left:0;width:100%;z-index:99;padding: 15px 0;box-shadow: 0 0 10px #bbb; transition: all .4s ease-in-out;}
.header.fixed-top .nav > li{padding-bottom:25px;}
/**/
.searSelect{float:left;width:85px;color:#333;padding:0 25px 0 15px;position:relative;font-size:12px;cursor:pointer;border-top:2px solid #52ab40;border-bottom:2px solid #52ab40;text-align:left;z-index:99;/*! background: #fff; */}
.searSelect span{position:relative;display:block;color: #999;font-size: 15px;text-align:center;line-height: 46px;}
.searSelect span:before{/*! content:"";*/position:absolute;right:-15px;top:17px;/*! width: 10px;*//*! height: 10px;*//*! color: #000;*//*! z-index: 5;*/}
.searSelect ul{position:absolute;top:105%;left:0;background:#fff;text-align:center;width:100%;display:none;border: 1px #ddd solid;  }
.searSelect ul li{line-height:40px;border-top:1px solid #f5f5f5;color: #666;font-size: 14px;}
.searSelect ul li:hover{color:#54ab40}


/*==次级导航↓==*/
.menu{width:100%;/* padding:50px 0 */}
.menu .container{border-bottom:1px #ddd solid;padding: 60px 0;}
.menu h3{float:left;color:#000;font-size:35px;}
.menu ul{float:right;width:80%; text-align: center; display: table;}
.menu li{ display:table-cell; }
.menu li a{position:relative;z-index:2;display: block;margin:0 5px;color:#8e8e8e;font-size:16px;border:1px #ddd solid;padding: 10px 10px;}
.menu li a:before{ content: ""; position: absolute; left:0;bottom:0;z-index:-1;width: 100%;height:100%; background:#52ab40; transition:transform .4s;transform: scale(0,1);transform-origin:right;}
.menu li:hover a,.menu li.active a{ color:#fff; border:1px #52ab40 solid;}
.menu li:hover a:before,.menu li.active a:before{transform: scale(1);transform-origin:left;}


/*==面包屑↓==*/
.site{padding:15px 0;color:#868686;font-size:14px; text-align: right; border-bottom:1px #ddd solid}
.site a{color:#868686;font-size:14px;}
.site a:hover{color:#52ab40}


/*==地图↓==*/
#dituContent{margin:0px 0 0 0;width:100%; height:500px;}


/*==标题↓==*/
.titleAx{margin:20px 0 60px 0; text-align: center;}
.titleAx h2{ position:relative;z-index:5;margin:0px 0; color:#e7e7e7;font-size:70px; font-weight:bold;text-transform:uppercase;}
.titleAx h2 font{ position: absolute;top:20px;left:0; display: block;color:#52ab40;font-size:30px;margin-top: 5px;width: 100%;font-weight: 400;}
.titleAx em,.titleCx em{ position: relative; margin: 10px auto 0; display: table;z-index: 5;}
.titleAx em:before,.titleAx em:after,.titleCx em:before,.titleCx em:after{ content: ""; position: absolute; left:-5px;top:0;width:12px;height:12px; border-radius:50%;background: #0053a6;}
.titleAx em:after,.titleCx em:after{left:auto; right:0; background: #8fbe21;}
.titleAx em hr{ position: absolute; top:0;left:-155PX; display: block;border:none;width:300px;height:1px; background: #ddd;z-index: -1;}
.titleAx-white,.titleAx-white font{color:#fff}
/**/
.titleBx{display: inline-block;margin-bottom: 35px;height: 45px;overflow: hidden;background: #e9e9e9;}
.titleBx font{position: relative;z-index: 2;float: left;display:inline-block;color:#fff;font-size:16px;font-weight: bold;padding: 12px 20px;/* overflow-x: hidden; */background: #52ab40;}
.titleBx font:before{position: absolute;content: "";top: -35px;right: -15px;width: 80px;height: 80px;z-index: -1;transform: rotate(-69deg);background: #52ab40;}
.titleBx span{display: block;float: left;color:#7d7d7d;font-size:12px;line-height: 29px;padding: 10px 30px 10px 35px;background: #e9e9e9;display:none;}

.txt_det_title{margin:0 auto;height:45px;background: #f3f3f3;text-align:center;line-height:45px;margin-bottom:20px;}


/**/
.titleCx{text-align: center;margin-bottom: 50px;}
.titleCx h2{ display: block;color:#000;font-size:35px;margin-top: 5px;width: 100%;font-weight: 400;}
/**/
.titleDx{font-size:25px;color:#52ab40;margin-bottom: 40px;/*! line-height: 23px; */}
.titleDx-pro-show{font-size:25px;color:#52ab40;margin-bottom: 20px;/*! line-height: 23px; */text-align:center;}
.titleDx.tiBe:before{ content: ""; float:left;width:3px; height:25px;margin:4px 20px 0 0; background: #52ab40;}
/**/
.title-detail{text-align: center;margin: 0 0 40px 0;}
.title-detail h2{color:#666;font-size:28px;margin: 0 0 20px 0;}
.title-detail span{display: block;color:#999;font-size:14px;border-top: 1px #ddd solid;border-bottom: 1px #ddd solid;padding: 10px 0;margin: 10px 0;}
.title-detail span font{margin-right:20px;}


/*分类样式*/
.subNavWap{display: none;overflow: hidden;padding: 15px 20px;margin:0 0 40px 0;background: #eee;}
.subNavWap .title{color:#54ab40;font-weight:bold;font-size:22px;}
.subNavWap .fenlei{margin-top:5px;font-size:16px;}
.subNavWap .fenlei:before{font-size:20px;margin:0px 5px 0 0;display: inline-block}
.subNavWap .fenlei a{cursor: pointer;}
.catalog{width: 100%;height:100%;position: absolute;left:0;top: 0;background-color: rgba(0,0,0,0.6);-webkit-transition:-webkit-transform .2s ease-in;display: none;z-index:100;padding:10px 0 0 0;overflow:hidden;}
.catalog>ul{width: 50%;background-color: #fff;position:absolute;top: 0;right: 0;padding-top:10px;}
.catbtn{font-size: 14px;position: fixed;top: 200px;left: 50%;display: block;width: 30px;margin-left: -30px;padding: 10px 0;text-align: center;color: #fff;border-radius: 6px 0 0 6px;background-color: #fff;}
.catalog ul li{width: 90%;margin: 0 auto;border-bottom: 1px solid rgba(255,255,255,.25);}
.catalog ul li a{font-size: 14px;line-height: 30px;display: block;overflow: hidden;width: 90%;white-space: nowrap;text-indent: 5px;text-overflow: ellipsis;}
.catalog > ul li a{background: url(../images/arrow2.png) no-repeat right center;background-size: 5px;}
.catalog ul li ul li:last-child{border-bottom: none;}
.catalog > ul li a.title{font-weight:bold;}
.catalog ul li ul li{margin-left: 13px;}
.subcatalog{display: none;}
.catalog ul li a:first-child{background: url(../images/arrow3.png) no-repeat right center;background-size: 8px;}
.catalog ul li a:nth-child(2),.catalog ul li a:nth-child(3){background: url(../images/arrow2.png) no-repeat right center;background-size: 8px;}


/*===内页框↓==*/
.rack{float:left;width:100%;padding: 50px 0 100px 0;}
.rackWor{/* padding:0 0 50px 0 */}
.rack .border{border:#ddd solid 1px;padding: 30px; overflow: hidden;}
.rack .righter{width: 75%;}
.rack .lefter{width: 22%;}
.searchBox .righter{width:100% !important}
.searchBox.NewsListBox{}


/*==三级↓==*/
.level{margin: 50px 0 10px 0;text-align: center;}
.level a{display: inline-block;color:#7c7c7c;font-size:18px;margin:0 5px;border:#ddd solid 1px;padding: 8px 20px;}
.level a:hover,.level a.active{color:#fff;border:#54ab40 solid 1px;background:#54ab40; }


/*==标签↓==*/
.labelBox{ padding-top: 0px;}
.labelBox .site{border:none;text-align: left;}
.labelBox .titleTop{position:relative;margin: 30px 0 50px 0;color:#52ab40;font-size:18px;padding-left:20px;padding-bottom:20px;border-bottom:1px #ddd solid;}
.labelBox .titleTop:before{content:""; position: absolute; left:0;top:5px;width:3px;height:15px; background: #52ab40;}
.labelBox ul{}
.labelBox ul li{clear: both;margin-bottom:20px;}
.labelBox ul li h4{display:table;padding:5px 10px;color:#fff;margin-bottom:15px;font-size:14px;font-weight:bold; background: #54ab40;}
.labelBox ul li a{ display: inline-block;margin:10px 0;color:#6b6b6b;font-size:14px;padding:0 30px 0 10px; background: url(../images/arrow_04.png) no-repeat left;}
.labelBox ul li a:hover{color:#54ab40}


/*==左边↓==*/
.leftNav{ width: 100%;overflow: hidden;}
.leftNav .titleTop{ position:relative;padding:18px 35px;color:#fff;font-size:25px; background:#52ab40}
.leftNav .titleTop:before{content: "";float:right;width: 35px;height: 34px;background: url(../images/leftNav-ico-04.png) no-repeat center;}
.leftNav .oneN{ }
.leftNav .oneN > li{ margin-top: 1px;}
.leftNav .oneN > li > h3{position:relative;padding:15px 30px;display: block;/* line-height: 30px; */background: #888888;}
.leftNav .oneN > li > h3 a{color:#fff;font-size:18px;}
.leftNav .oneN > li > h3:before{float:right;margin-top: 5px;color:#fff;font-size:15px; font-weight: bold;transition: all .4s ease-in-out;}
.leftNav .oneN > li.active > h3,.leftNav .oneN > li > h3.on,.leftNav .oneN > li > h3:hover{background: #52ab40;}
.leftNav .oneN > li.active > h3:before,.leftNav .oneN > li > h3.on:before{ transform:rotate(180deg);}
.leftNav .oneN li.active > .twoN{ display: block;}
.leftNav .twoN{display: none;}
.leftNav .twoN > li{ margin-top: 1px;border:1px #ededed solid}
.leftNav .twoN > li > h3{padding: 15px 30px 15px 50px;background: #ededed;}
.leftNav .twoN > li > h3:before{float:right;margin-top: 5px;color: #8d8d8d;font-size:15px;font-weight: bold;transition: all .4s ease-in-out;}
.leftNav .twoN > li > h3 a{ font-size:14px;color:#535353;padding-left: 20px;background: url(../images/leftNav-ico-03.png) no-repeat left;}
.leftNav .twoN > li.active > h3{}
.leftNav .twoN > li.active > h3:before,.leftNav .twoN > li > h3.on:before{ transform:rotate(180deg);}
.leftNav .twoN > li.active > h3 a,.leftNav .twoN > li > h3.on a,.leftNav .twoN > li > h3 a:hover{color:#52ab40}
.leftNav .twoN > li.active > .threeN{display: block;}
.leftNav .threeN{display: none;;/*padding:20px 0;*/}
.leftNav .threeN > li{padding:10px 10px 10px 80px;}
.leftNav .threeN > li a{display: block;color:#747474;font-size:14px;}
.leftNav .threeN > li > a:hover{color:#52ab40;transform:translateX(-10px)}
.lefter .contact{float: left;width: 100%;position:relative;margin-top:30px;padding:30px;border:1px #ddd solid;overflow: hidden;}
.lefter .contact:before{content: "";position: absolute;left:0;top:0;z-index: -1;width:100%;height: 140px;background: #52ab40;}
.lefter .contact .title{color:#fff;font-size:25px;margin-bottom: 25px;}
.lefter .contact .title .more{float:right;margin-top: 10px;color:#fff;font-size:14px;padding: 0px 3px;line-height: 18px;border:1px #fff solid;}
.lefter .contact .top{display: block;max-width:100%;margin: auto;}
.lefter .contact .tel{display: block;padding-left:50px;color: #aaa;font-size:14px;padding-bottom:20px;margin: 30px 0 10px 0;border-bottom: 1px #aaa dotted;background: url(../images/tel6_ico.png) no-repeat 0 8px;}
.lefter .contact .tel font{display: block;color:#52ab40;font-weight:bold;font-size: 24px;}
.lefter .contact .wx{margin-top: 30px;}
.lefter .contact .wx h5{margin-bottom:30px;font-size:18px;font-weight:bold;color:#52ab40}
.lefter .contact .wx span{position:relative;display: block;margin:3px 0;padding-left:18px;color: #868686;font-size: 14px;}
.lefter .contact .wx span:before{ content:""; position: absolute; left:0;top:8px;width:5px;height:5px; background: #ddd;}
.lefter .relevant{margin-top:30px;border:1px #dddd solid;overflow: hidden;clear: both;float: left;width: 100%;}
.lefter .relevant h3{position: relative;padding: 15px 15px 15px 20px;color:#fff;font-size:16px;font-weight: bold;background: #52ab40;}
.lefter .relevant h3 font{position: relative;padding-left: 20px;}
.lefter .relevant h3 font:before{content:"";position: absolute;left:0;top:5px;width:2px;height: 15px;background: #fff;}
.lefter .relevant .box{padding: 30px 25px;overflow: hidden;}
.lefter .relevant a.block{position: relative;display: block;color:#191919;padding-left: 20px;font-size:14px;float: left;clear: both;margin: 5px 0;line-height: 25px;}
.lefter .relevant a.block em{float: left;width: 25px;height: 25px;margin-right: 10px;background-repeat:no-repeat;background-position:0 0;background-size:100%;}
.lefter .relevant a.block:before{}
.lefter .relevant a.block:before{content:"";position: absolute;left:0;top: 10px;width:5px;height:5px;background: #ddd;transition: all .4s ease-in-out;}
.lefter .relevant a.block:hover{color:#52ab40}
.lefter .relevant a.block:hover:before{background:#52ab40}
.lefter .tab{float:left; width:100%; margin-top:30px;background: #fff;}
.lefter .tab .tone{}
.lefter .tab .tone li{ float:left;width:50%;padding:20px; text-align: center;color:#a3a3a3;font-size:16px; background:#ececec;cursor: pointer;}
.lefter .tab .tone li.active{color:#fff;background: #52ab40;}
.lefter .tab .down{border:1px #ddd solid; padding:20px 20px 50px 20px;overflow: hidden;}
.lefter .tab .list{}
.lefter .tab .list li{ display: block;clear: both;}
.lefter .tab .list li a{ position: relative; display: block;padding:5px 0 5px 18px;color:#191919;font-size:14px;width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.lefter .tab .list li a:before{ position: absolute; content: ""; left:0;top:11px; width: 5px;height:5px; background: #d4d4d4;transition: all .4s ease-in-out;}
.lefter .tab .list li:hover a{color:#52ab40}
.lefter .tab .list li:hover a:before{background: #52ab40;}
.lefter .tab .more{color:#9f9f9f;font-size:14px; margin-top:20px;display: block;}
.lefter .tab .more:hover{color:#52ab40}


/*==头部切换↓==*/
.tonePro{ position:relative;text-align: center;}
.tonePro:before{ content: ""; position: absolute; left:-100%;bottom:0;width:300%;height:1px; background: #ddd; }
.tonePro li{position: relative;padding:0 10px;display: inline-block;margin:0 20px;padding:0 20px 20px 20px;color:#000000;font-size:18px;font-weight: bold; cursor:pointer;}
.tonePro li a{color:#000000;}
.tonePro li:before{ position: absolute; content: "";left:0;bottom:0; width:100%;height:2px;background: #52ab40; transition:transform .4s;transform: scale(0,1);transform-origin:right;}
.tonePro li em{display: block;width:50px;height:45px;margin:0 auto 15px; background-position:3px 2px; background-repeat:no-repeat;}
.tonePro li.active,.tonePro li.active a{color:#52ab40}
.tonePro li.active em{ background-position:3px -42px ;}
.tonePro li.active:before{transform: scale(1);transform-origin:left;}


/*==我们的服务↓==*/
.serviceHome{padding:80px 0;background: url(../images/serviceHomeBg.jpg) no-repeat center; background-size:cover;overflow: hidden;}
.serviceHome .tone{ margin:50px 0 20px 0;}
.serviceHome .down{margin-top: 70px;}
.serviceHome .list{}
.serviceHome .list li{float:left;width:20%;padding:20px 30px 20px 30px; /*background:#eee;*/min-height: 180px;}
.serviceHome .list li .title{color:#000;font-size:16px;font-weight:bold;margin:0 0 10px 0;line-height: 40px;}
.serviceHome .list li .title em{display: inline-block;width: 40px;height: 40px;margin-right: 15px;float: left;background-position: 0px 0px;background-repeat:no-repeat; background-size:100%;}
.serviceHome .list li .more{ display:none; opacity:0;display: table;padding-right: 15px;background: url(../images/line01.png) no-repeat right;}
.serviceHome .list li .more:after{display:none;}
.serviceHome .list li:hover{background:#52ab40}
.serviceHome .list li p{height:24px;text-align:center;line-height:44px;}
.serviceHome .list li:hover .title em{ background-position:0px -45px}
.serviceHome .list li:hover .title,.serviceHome .list li:hover a{color:#fff;}
.serviceHome .list li a:hover{text-decoration:none;color:#fff;}
.serviceHome .list li:hover a:after{ background:#fff}
.serviceHome .list li:hover .more{display: table;opacity:1}
.serviceHome .list .line{float:left;margin:40px 0; border:none;width:100%; height:1px; display: block; clear:both;background: #ccc;}
.serviceHome .list li.more-last{ background: none }
.serviceHome .list li.more-last:hover{ background: none }
.serviceHome .list li.more-last a{font-size:16px;padding:10px 20px;color:#000;font-weight:bold; background: #e9e9e9}
.serviceHome .list li.more-last a:after{display: none}
.serviceHome .list li.more-last:hover a{color:#52ab40;text-decoration:none}
.serviceHome .list-2 li{/*min-height:initial;*/}
.serviceHome .list-2 li .txt{ display: block; color:#898989;font-size:12px;margin:0 0 10px 0;}
.serviceHome .list-2 li:hover .txt{color:#fff;}
.serviceHome .list-2 li a:after{display: none}
.serviceHome .list-2 li a:hover{text-decoration:none}


/*==实验中心↓==*/
.laboratoryHome{padding:80px 0}
.laboratoryHome .long{position: relative;height:650px;}
.laboratoryHome .swiper-container{ width: 100%;height:100%;   margin-left: auto;margin-right: auto;}
.laboratoryHome .topBan .list .block{}
.laboratoryHome .topBan .list .block img{ display:block;   object-fit: cover;width: 100%;height: 100%;}
.laboratoryHome .downBlock{ /*display:none;*/position: absolute;left:0;top:0;z-index: 5;height: 100%;}
.laboratoryHome .downBlock .list{}
.laboratoryHome .downBlock .block{position:relative;border-left: 1px #ddd solid; cursor: pointer;/* background: #ddd; */}
.laboratoryHome .downBlock .block .title{position:absolute;left:0;top:0;right:0;bottom:0;height: 80px;margin: auto;color:#fff;font-size:30px;text-align: center;transition: all .4s ease-in-out;}
.laboratoryHome .downBlock .block .title span{ display: block;margin-top:5px; font-size:20px;color:#fff;text-transform:uppercase;}
.laboratoryHome .downBlock .block .box{ opacity: 0;position: absolute;left:0;top:0;z-index: 2;width:100%;height:100%;padding: 20% 20%;transition: all .4s ease-in-out;}
.laboratoryHome .downBlock .block .box:before,.gallery-thumbs .swiper-slide-active .box::before{content: "";position: absolute;left:0;top:0;z-index: -1;width:100%;height:100%;background: rgba(82,171,64,0.8);}
.laboratoryHome .downBlock .block .box h3{color:#fff;font-size:30px;text-align: center;position: relative;padding-bottom: 15px;/* width: 50%; *//* margin: auto; */}
.laboratoryHome .downBlock .block .box h3:before,.laboratoryHome .downBlock .block .box h3:after{ content: ""; position: absolute; left:0;bottom:0;width:100%;height:1px; background: #fff;}
.laboratoryHome .downBlock .block .box h3:after{left: 35%;width: 30%;height:3px;bottom: -1px;}
.laboratoryHome .downBlock .block .box h3 span{ display: block;margin-top:5px; font-size:20px;color:#fff;text-transform:uppercase;}
.laboratoryHome .downBlock .block .box .link{margin:50px 0;padding: 0 30px;}
.laboratoryHome .downBlock .block .box .link a{display: block;font-size:14px;color: #fff;margin: 6px 0;}
.laboratoryHome .downBlock .block .box .link a:hover{text-decoration:underline }
.laboratoryHome .downBlock .block .box .more{color:#fff;font-size:14px;border:1px #fff solid;padding: 6px 15px;margin: auto;display: table;}
.laboratoryHome .downBlock .block .box .more:hover{border-color:#fff; color:#52ab40;background:#fff}
.laboratoryHome .downBlock .block:hover{ cursor: initial;}
.laboratoryHome .downBlock .block:hover .box{ opacity: 1;}
.laboratoryHome .downBlock .block:hover .title{ opacity: 0;}
.laboratoryHome .long:hover .swiper-slide-thumb-active,.laboratoryHome .downBlock .swiper-slide-active{ cursor: initial;}
.laboratoryHome .long:hover .swiper-slide-thumb-active .box,.laboratoryHome .downBlock .swiper-slide-active .box{ opacity: 1;}
.laboratoryHome .long:hover .swiper-slide-thumb-active .title,.laboratoryHome .downBlock .swiper-slide-active .title{ opacity: 0;}
.laboratoryHome .btn{display: block;left: 50px;width:30px;height:30px;line-height: 20px;border-radius: 50%;border:2px #fff solid;font-size:25px;text-align:center;color:#fff;opacity: 1;}
.laboratoryHome .btn.nextBtn{left:auto;right:50px;}
.laboratoryHome .btn:after{ display: none}
.laboratoryHome .btn:hover{ border-color:#ddd;color:#ddd}
.laboratoryHome .btn.swiper-button-disabled{ opacity: 0.5; background: rgba(0,0,0,0.4); }


/*--手机--*/
.laboratoryHome .wap-list{float:left; width:100%；}
.laboratoryHome .wap-list li{float:left; width:48%; margin:0 1% 2% 1%;border:1px #ddd solid;padding: 20px;min-height: 300px;position: relative;z-index:2;background-color:#f5f5f5; background-repeat: no-repeat; background-position:center}
.laboratoryHome .wap-list li:before{opacity:0;display: block;content: "";position: absolute;top:0;left:0;z-index:-1;width:100%; height:100%; background:#54ab40;}
.laboratoryHome .wap-list li h3{position: relative; color:#fff;margin-bottom:18px;font-size:16px;padding-bottom:12px; font-weight: bold;}
.laboratoryHome .wap-list li h3:before{ content:""; position: absolute; left:0;bottom:-3px;width:30px;height:2px; background: #54ab40;}
.laboratoryHome .wap-list li a{display: block; color:#fff;font-size:14px;margin:5px 0px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;
white-space: nowrap;}
.laboratoryHome .wap-list li a:hover{color:#54ab40}
.laboratoryHome .wap-list li .more{position: absolute;left:25%;bottom:15px; color:#fff;width:50%;max-width:100%; text-align: center;font-size:12px;border:1px #54ab40 solid;padding: 5px 10px;display: table; background: #54ab40}
.laboratoryHome .wap-list li .more:hover{border-color:#54ab40; color:#fff;background:#54ab40}


/*==北测实力↓==*/
.strengthHome{}
.strengthHome .tone{ position:relative;margin:50px 0 20px 0;text-align: center;}
.strengthHome .tone li{position: relative;padding:0 10px;display: inline-block;padding:0 50px 20px 50px;color:#000000;font-size:18px; border-left:1px #ddd solid;font-weight: bold; cursor:pointer;}
.strengthHome .tone li a{color:#000000;}
.strengthHome .tone li:last-child{border-right:1px #ddd solid;}
.strengthHome .tone li.icon-sort-desc:before{opacity:0; left: 45%;bottom: 0px;top: auto;position: absolute;color:#52ab40; font-size: 30px;transition: all .4s ease-in-out;}
.strengthHome .tone li em{display: block;width:50px;height:45px;margin:0 auto 15px; background-position:3px 2px; background-repeat:no-repeat;}
.strengthHome .tone li.active,.strengthHome .tone li.active a{color:#52ab40}
.strengthHome .tone li.active em{ background-position:3px -42px ;}
.strengthHome .tone li.active.icon-sort-desc:before{opacity:1;bottom: -10px;}
.strengthHome .down{ position: relative; background: #efefef;}
.strengthHome .down .log{padding:80px 0;position: relative;}
.strengthHome .list{}
.strengthHome .btn{display: block;left: -60px;width:45px;height:45px;line-height: 30px;border-radius: 50%;border:3px #c5c5c5 solid;font-size:40px;text-align:center;color:#cacaca;opacity: 1;}
.strengthHome .btn.nextBtn{left:auto;right:-60px;}
.strengthHome .btn:after{ display: none}
.strengthHome .btn:hover{ border:3px #52ab40 solid;color:#52ab40}

.strengthHome .coll{ position: relative; height:540px;}
.strengthHome .down .log{ position: absolute;left:0;top:0;width:100%;z-index:-1; opacity: 0; -webkit-transition: all 0.6s;}
.strengthHome .down .log.on{opacity: 1; z-index:1;}



/*==荣耀列表↓==*/
.list-honor{  margin-bottom: 10px;}
.list-honor li a{ display:block;padding:10px;text-align: center;background: #fff;box-shadow: 0 0 10px #ddd;}
.list-honor li .pic{/* margin: 8px 0 18px 0; */text-align: center;margin: 8px auto 18px;display: table;}
.list-honor li .pic img{ max-width: 100%; max-height: 100%;}
.list-honor li .block{ height: 260px; vertical-align: middle; display: table-cell; text-align: center; }
.list-honor li h4{color:#5d5d5d;font-size:14px;padding: 16px 0 5px 0;border-top:1px #ddd solid;}
.list-honor li:hover h4{color:#52ab40;border-top:1px #52ab40 solid;}


/*==图片详情↓==*/
.picer{position:relative; text-align: center; /*margin-top:80px;*/}
.picer .btn{ position: absolute; top:40%; width:50px; line-height:80px; color:#fff;font-size:18px; text-align: center; background: rgba(0,0,0,0.4);}
.picer .btn.prev{left:0}
.picer .btn.next{right:0}
.picer .btn.no{background:#eee ;}
.picer .btn:hover{ background:#54ab40;}


/*==我们的产品↓==*/
.advantagesHome{padding:80px 0;overflow: hidden;background: url(../images/asBg.jpg) no-repeat center bottom;}
.advantagesHome .card{ overflow: hidden;}
.advantagesHome .card li{float:left;width:25%;}
.advantagesHome .card li a{position:relative;z-index:2;margin:0 8px;height: 444px;padding:50px; cursor:pointer; display: block;background-position:center;background-repeat:no-repeat;background-size: cover;}
.advantagesHome .card li a:before,.advantagesHome .card li a:after{content:"";position: absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background: rgba(0,0,0,0.3);transition: all .4s ease-in-out;}
.advantagesHome .card li a:after{ opacity: 0; background:rgba(255,255,255,0.1);}
.advantagesHome .card li:hover a:after{ opacity: 1;}
.advantagesHome .card li:hover a:before{ opacity: 0;}
.advantagesHome .card li h4{ position:relative;color:#fff;font-size:25px;padding-bottom:35px;}
.advantagesHome .card li h4:before{ content:""; position: absolute; left:0;bottom:0;width:30px;height:2px;background: #fff;transition: all .4s ease-in-out;}
.advantagesHome .card li .txt{margin-top:50px;color:#fff;font-size:14px;height: 150px;line-height:25px;}
.advantagesHome .card li .more{ display:table;margin:50px auto 0;border:1px solid; padding:5px 10px; color:#fff;font-size:14px}
.advantagesHome .card li .more:hover{ background:#52ab40;border:1px #52ab40 solid}
.advantagesHome .card li.x1 a{background-image: url(../images/asImg-01.jpg);}
.advantagesHome .card li.x2 a{background-image: url(../images/asImg-02.jpg);}
.advantagesHome .card li.x3 a{ background-image: url(../images/asImg-03.jpg);}
.advantagesHome .card li.x4 a{ background-image: url(../images/asImg-04.jpg);}


/*==数字↓==*/
.digital{margin-top: 100px;float: left;width: 100%;}
.digital li{float:left;width:25%;text-align: left;padding-right:35px;}
.digital li:last-child{ padding-right:0px;}
.digital li .mun{display: table;float: left;margin-right: 20px;}
.digital li .mun font{color:#313131;font-size:65px;vertical-align: top;display: table-cell;line-height: 75px;letter-spacing: -4px;}
.digital li .mun i{color:#313131;font-size: 16px;font-weight:bold;vertical-align: top;font-style: normal;}
.digital li h5{display: inline-block;position: relative;color:#000000;font-size:14px;font-weight:bold;padding-bottom:10px;}
.digital li h5:before{content: "";position: absolute;left:0;bottom:0;width: 25px;height:3px;background: #52ab40;display: block;}
.digital li p{color:#727272;font-size:12px;margin-top:10px;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}


/*==首页新闻↓==*/
.newsHome{padding:80px 0;overflow: hidden;background: url(../images/nsBg.jpg) no-repeat center; background-size:cover;background-position:fixed ; }
.newsHome .tone{ text-align: center;}
.newsHome .tone li{ display: inline-block;margin:0 10px; border:1px #343434 solid;padding:10px 40px;color:#343434;font-size:16px;}
.newsHome .tone li a{color:#343434}
.newsHome .tone li.active{color:#fff;border:#52ab40 solid 1px; cursor:pointer; background: #52ab40;}
.newsHome .tone li.active a{color:#fff}
.newsHome .down{margin-top:50px;}
.newsHome .list{}
.newsHome .list li{float:left;width:25%;}
.newsHome .list li .box{position:relative;z-index: 2;padding: 40px;background: #fff;}
.newsHome .list li .box:before{content:"";position: absolute;left:0;top:0;z-index: -1;opacity:0;width:100%;height:100%;background:#52ab40 url(../images/bg01.png) no-repeat right bottom;transition: all .4s ease-in-out;}
.newsHome .list li .box h4{height:40px;color:#000;font-size:16px;font-weight:bold;}
.newsHome .list li .box .txt{margin: 30px 0 35px 0;color:#666666;font-size:14px;line-height: 25px;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newsHome .list li .box .more{color:#808080;font-size:14px;padding:5px 10px;border:1px #808080 solid}
.newsHome .list li .pic{}
.newsHome .list li .pic .time{position:absolute;left:0;top:0;z-index: 1;display:block;color:#fff;padding: 10px 20px;text-align: center;background:rgba(0,0,0,0.5);}
.newsHome .list li .pic .time font{display:block; font-size:20px;}
.newsHome .list li:hover .box:before{ opacity: 1;}
.newsHome .list li:hover h4,.newsHome .list li:hover .txt{color:#fff}
.newsHome .list li:hover .more{color:#fff;border:1px #fff solid;}


/*==首页联系我们↓==*/
.contactHome{ padding:50px 0 50px 0; background: url(../images/cnBg.jpg) no-repeat center;}
.contactHome .container{ width:1000px;}
.contactHome .title{color:#fff;font-size:30px; text-align: center;}
.contactHome .top{text-align: center;margin: 50px 0;overflow: hidden;}
.contactHome .top span{float:left; display: inline-block;width:33.3%;padding:0 30px;color:#fff;font-size:20px; font-weight:bold;}
.contactHome .top span em{ display: block; width:50px;height:50px;margin:0 auto 10px; background-position:center; background-repeat:no-repeat ;}
.contactHome .top span.x1 em{ background-image:url(../images/ico001.png);}
.contactHome .top span.x2 em{ background-image:url(../images/ico002.png);}
.contactHome .top span.x3 em{ background-image:url(../images/ico003.png);}
.contactHome form{}
.contactHome form input{float:left;width: 32.3%;margin: 0 0 2% 1.5%;}
.contactHome form input.ione{ margin-left:0}
.contactHome form input,.contactHome form textarea{ line-height:30px;padding:10px 20px;border:none; border-radius: 5px; background: #fff;}
.contactHome form textarea{width:100%;height:100px;margin-bottom:2%;}
.contactHome form button{line-height:30px;padding:10px 50px;border:none;color:#fff;font-size:18px; font-weight:bold; border-radius: 5px; background:#52ab40;display:block;margin:0 auto;}
.contactHome form button:hover{ background: #f60;}
.contactHome form .yzm{float: none;margin-left:10px;}
.contactHome form .yzm input{width:150px;margin-left:0 ;}
.contactHome form .yzm img{height:50px;margin-left:15px;border-radius:10px;float: left;}


/*==服务中心画册↓==*/
.albumFrame{}
.albumFrame .screen{}
.albumFrame .screen select{border:2px #b3b3b3 solid;color:#b3b3b3;font-size:14px;padding:0 10px;margin-right:10px;height: 45px;width: 300px;}
.albumFrame .screen select option{padding:10px;/* height: 45px; */}
.albumFrame .screen .submit{color:#fff;font-size:14px;line-height:45px;border:none;padding:0 30px; background: #52ab40;}
.albumFrame .screen .submit:hover{ background: #f60;}
.albumFrame .list{margin-top: 50px;/* overflow: hidden; */}
.albumFrame .list li{float:left;position:relative;width:25%;}
.albumFrame .list li img{max-width:100%;}
.albumFrame .list li a{ position:relative;display: block;margin:0 15px 30px 15px;padding: 10px;box-shadow: 0 0 10px #ddd;}
/*.albumFrame .list li:nth-child(4n) a{margin-right:0px}*/
.albumFrame .list li h4{position:absolute;left:10px;right:10px;bottom:10px;color:#fff;font-size:14px;padding: 13px 15px;background: rgba(0,0,0,0.6);}
.albumFrame .list li h4:before{content: "";position: absolute;right:10px;top:10px;width: 28px;height: 28px;background: url(../images/ico03.png) no-repeat;}
.albumFrame .list li:hover h4{ background:#52ab40 ;}


/*==会议报名↓==*/
.meetingFrame{}
.meetingFrame .long{padding: 80px 0 60px 0;background:#f1f1f1 url(../images/meetingImg.jpg) no-repeat top center;}
.meetingFrame .long .box{width: 650px;margin: 0px auto 0;padding: 50px 80px 50px 80px;border-top:5px #52ab40 solid;box-shadow: 0 0 10px #ddd;background: #fff;}
.meetingFrame .long .box .title{text-align:center;color:#52ab40;font-size:20px;margin: 0 0 50px 0;}
.meetingFrame .long .box .title span{display:block;color:#6a6a6a;font-size:14px;}
.meetingFrame .long .box h5{color:#3d3d3d;font-size:14px;}
.meetingFrame .long .box input,.meetingFrame .long .box textarea{color:#b3b3b3;font-size:14px;padding:10px 20px;border: 2px #ddd solid;margin: 15px 0 30px 0;width: 100%;height:50px;line-height: 30px;}
.meetingFrame .long .box textarea{height:100px;}
.meetingFrame .long .box button{width: 180px;color:#fff;font-size:16px;padding: 15px 20px;margin:5px 10px 0 0;border: none;background: #52ab40;}
.meetingFrame .long .box button:hover{background: #f60;}
.meetingFrame .long .box .tips{margin-top: 40px;color:#c9c9c9;font-size:14px;display: block;}
.meetingFrame .long .box i{color:red;margin:0 3px;font-style: normal;}


/*==投诉建议↓==*/
.proposalFrame{}
.proposalFrame .top{overflow: hidden;padding-right: 50px;background: #f1f1f1;}
.proposalFrame .top img{float:left;margin-right:50px;}
.proposalFrame .top h4{color:#52ab40;font-size:20px;margin-top: 30px;font-weight: bold;}
.proposalFrame .top p{margin-top:20px;color:#7f7f7f;font-size:12px;line-height: 20px;}
.proposalFrame .down{padding:50px 150px;margin-top: 20px;overflow: hidden;background: #f1f1f1;}
.proposalFrame .down .box{float:left;width:24.2%;margin-right: 1%;}
.proposalFrame .down .box h5{color:#3d3d3d;font-size:14px;}
.proposalFrame .down .box input,.proposalFrame .down textarea,.proposalFrame .down .box select{color:#b3b3b3;font-size:14px;padding:10px 20px;border: 2px #ddd solid;margin: 15px 0 0px 0;width: 100%;height:50px;line-height: 30px;}
.proposalFrame .down .box select{}
.proposalFrame .down .box.bx-4{margin-right: 0;}
.proposalFrame .down .area{width:100%;margin-top:30px;float: left;}
.proposalFrame .down .area textarea{height:100px;width: 100%;}
.proposalFrame .down button{width: 180px;float: left;color:#fff;font-size:16px;padding: 15px 20px;margin: 25px 10px 0 0;border: none;background: #52ab40;}
.proposalFrame .down button:hover{background: #f60;}


/*==证书查询↓==*/
.queryFrame{padding-top:80px; background:url(../images/queryBg.jpg) no-repeat center top; }
.queryFrame .container{width:1200px;box-shadow: 0 0 10px #ddd;padding: 30px 160px 50px 160px;background: #fff;}
.queryFrame .titleTop{display:table;margin:auto;color:#444444;font-size:45px;text-align: center;font-weight: bold;}
.queryFrame .titleTop img{float:left;display: inline-block; margin-top:8px;}
.queryFrame .titleTop font{line-height:25px;}
.queryFrame .titleTop span{display: block;margin-top:5px;color:#777;font-weight: 400;font-size:25px;}
.queryFrame .tab{margin: 30px 80px 50px 80px;}
.queryFrame .tab .tone{}
.queryFrame .tab .tone li{ position:relative;color:#959595;font-size:16px;display: inline-block;padding: 15px 30px;margin-right:5px;cursor: pointer;/* margin-bottom: -1px; */border: 1px #f1f1f1 solid;background: #f1f1f1;}
.queryFrame .tab .tone li:before{ opacity: 0; content:""; position:absolute;left:0;bottom:-2px; width:100%; height:2px; background:#fff}
.queryFrame .tab .tone li.active{/* display: inline-block; */color:#52ab40;border-left:1px #ccc solid;border-top:1px #ccc solid;border-right:1px #ccc solid;border-bottom: 1px #fff solid;font-weight:bold;background: #fff;}
.queryFrame .tab .tone li.active:before{ opacity: 1;}
.queryFrame .tab .down{border: 1px #ccc solid;}
.queryFrame .tab .box{padding:50px;overflow: hidden;}
.queryFrame .tab .box input{color:#b3b3b3;font-size:14px;padding: 10px 20px 10px 60px;border: 2px #ddd solid;margin: 15px 0 0px 0;width: 100%;height:55px;/*line-height: 50px;*/-ms-line-height: 38px;-moz-line-height: 50px;-webkit-line-height:50px;background: url(../images/ico105.png) no-repeat 30px 16px;}
.queryFrame .tab .box button{width: 180px;float: left;color:#fff;font-size:16px;padding: 15px 20px;margin: 25px 10px 0 0;border: none;background: #52ab40;}
.queryFrame .tab .box button:hover{background: #f60;}
.queryFrame .tips{margin: 70px 80px 0 50px;}
.queryFrame .tips h5{color:#000;font-size:18px;}
.queryFrame .tips p{margin-top:10px;line-height:28px;color:#5c5c5c;font-size:16px;}
.queryFrame .titleDown{color:#52ab40;font-size:20px;margin-top: 60px;font-weight:bold;text-align: center;border-bottom:1px #ddd solid;padding-bottom: 20px;}
.queryFrame .report{position: relative;z-index:2; margin:50px 0 0 0;width: 100%;/*! height: 1222px; */padding: 188px 0 0 0; overflow: hidden;/*background-image: url(../images/reportBg.jpg);background-repeat:no-repeat;background-position: center top;background-size: cover;*/}
.queryFrame .report .title{ position: relative; z-index: 2; color:#000;font-size:30px;padding-top: 80px;letter-spacing: 10px;text-align: center;background-image: url(../images/reportTitle.jpg); background-repeat:no-repeat; background-position:top ;}
.queryFrame .report ul{ position: relative;z-index:5; margin: 50px 110px 200px 110px;border:1px #ddd solid;background:#fff;}
.queryFrame .report ul li{clear: both;width:100%;display: table;vertical-align: middle;}
.queryFrame .report ul li:nth-of-type(even){ background: #f3f3f3;}
.queryFrame .report ul li h4{color:#000000;display: table-cell;font-size:16px;border-right:14px;width: 25%;text-align: center;padding: 0 10px;border-right: 1px #ddd solid;}
.queryFrame .report ul li span{color:#858585;font-size:14px;padding: 0 20px;text-align: center;display: table-cell;}
.queryFrame .report ul li span,.queryFrame .report ul li h4{padding:15px 20px;vertical-align: middle;}
.queryFrame .layui-layer{min-width: 1200px;max-width: 1200px;max-height: 80%;;min-height: 80%; background:#fff;}
.queryFrame .layui-layer .frame{padding: 0px 160px 50px 160px;}
.queryFrame .figure{ position: absolute;display:block;/*background-repeat:no-repeat; background-position:0 0;*/}
.queryFrame .figure.top{ left:0;top:0;width:100%;height:30%; background:url(../images/reportBg-top.jpg) no-repeat top; }
.queryFrame .figure.bottom{ left:0;bottom:0;width:100%;height:30%;background:url(../images/reportBg-bottom.jpg) no-repeat bottom;}
.queryFrame .figure.left{ left:17px;top:109px;bottom:114px;width:73px;/*! height:100%; */background: url(../images/reportBg-leftLoop.jpg);}
.queryFrame .figure.right{right:16px;top:109px;bottom:100px;width:71px;/*! height:100%; *//*! transform: rotate(180deg); */background: url(../images/reportBg-rightLoop.jpg);}
.queryFrame .figure.center{ left:88px;right:88px;bottom:64px;/*! width:100%; */height:100%;background:url(../images/reportBg-center.jpg) no-repeat bottom;background-size: 100%;}
.queryFrame .figure.leftBloom{ left:16px;top:50%;width:72px;height:142px;background:url(../images/reportBg-leftBloom.jpg) no-repeat bottom;}
.queryFrame .figure.rightBloom{left:auto;right:16px;top:50%;width:72px;height:142px; background:url(../images/reportBg-rightBloom.jpg) no-repeat bottom;}

/*.queryFrame .figure.left{-moz-margin-left:1px;-webkit-margin-left:1px;margin-left:1px;}*/


/*==资料下载↓==*/
.downloadBox{}
.downloadBox .screen{margin:0px 0 60px 0;}
.downloadBox .screen h4{color:#666;font-size:18px; margin-right:10px;float: left;line-height: 45px;}
.downloadBox .screen input{border:2px #b3b3b3 solid;color:#b3b3b3;font-size:14px;padding:10px 10px;margin-right:10px;height: 45px;width: 300px;}
.downloadBox .screen .submit{color:#fff;font-size:14px;line-height:45px;border:none;padding:0 30px; background: #52ab40;}
.downloadBox .screen .submit:hover{ background: #f60;}
.download-list{}
.download-list li{float:left; width:50%;}
.download-list li a{position:relative;display: block;color:#000000;font-size:16px;margin:0 50px 50px 0;padding: 30px 30px 30px 70px;box-shadow: 0 0 10px #d1d7d0;}
.download-list li:nth-child(2n) a{margin-right:0px;}
.download-list li a:before,.download-list li a:after{content: "";position: absolute;top: 23px;transition: all .4s ease-in-out;}
.download-list li a:before{left:30px;width: 25px;height: 32px; background-repeat:no-repeat; background-position:0 0;background-image: url(../images/download-ico-01.png); background-size:100% ;}
.download-list li a:after{right:30px;width: 24px;height: 26px;background-repeat:no-repeat; background-position:0 -26px;background-image: url(../images/download-ico-02.png);background-size:100% ;}
.download-list li:hover a{ color:#fff; background: #52ab40;}
.download-list li:hover a:before{background-position: 0 -38px;}
.download-list li:hover a:after{background-position: 0 0;}


/*==产品index↓==*/
.ProductIndexBox{}
.ProductIndexBox .tone{ overflow: hidden;}
.ProductIndexBox .down{margin-top: 40px;overflow: hidden;}
.ProductIndexBox .list{display:none}
.ProductIndexBox .list li{float:left;width:50%;/*background:#eee;*/}
.ProductIndexBox .list li .bx{display: block;padding:30px;margin:0 20px 20px 0;height: 130px;border:1px #ddd solid;vertical-align: middle;}
.ProductIndexBox .list li:nth-child(2n) a{margin-right:0px;}
.ProductIndexBox .list li em{ position:relative;float: left;display: inline-block;width: 55px;height: 60px;margin-right:40px;background-position: 0px 0px;background-repeat:no-repeat;background-size: 100%;/* vertical-align: middle; */}
.ProductIndexBox .list li em:before{ content:""; position:absolute;right:-15px;top:0; width:1px;height:100%; background:#ddd}
.ProductIndexBox .list li .title{ display: block; color:#000;font-size:20px;margin:0 0 10px 0;}
.ProductIndexBox .list li p{ /*! display:flex; */color:#898989;font-size:12px;display: -webkit-box;word-break: break-all;text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden}
.ProductIndexBox .list li p a{ color:#898989;font-size:12px;display: inline-block;/*! float: left; *//*! display: block; */margin-right: 5px;}
.ProductIndexBox .list li p a:after{content:"";float:right;margin: 2px 6px 0 6px;display:block;width:1px;height: 12px;background: #999;transition: all .4s ease-in-out;}
.ProductIndexBox .list li:hover .bx{ background:#52ab40}
.ProductIndexBox .list li:hover em{ background-position:0 -63px}
.ProductIndexBox .list li:hover h4,.ProductIndexBox .list li:hover p,.ProductIndexBox .list li:hover a{color:#fff}
.ProductIndexBox .list li a:hover{text-decoration:underline}
.ProductIndexBox .list li:hover p a:after{background: #fff}


/*==产品列表↓==*/
.ProductListBox{}
.ProductListBox .list{}
.ProductListBox .list li{float:left;width:50%;}
.ProductListBox .list li a{display: block;padding:30px;margin:0 20px 20px 0;min-height: 130px;border:1px #ddd solid;vertical-align: middle;}
.ProductListBox .list li:nth-child(2n) a{margin-right:0px;}
.ProductListBox .list li h4{color:#000;font-size:20px;margin:0 0 10px 0;}
.ProductListBox .list li p{color:#898989;font-size:12px;}
.ProductListBox .list li:hover a{ background:#52ab40}
.ProductListBox .list li:hover h4,.ProductListBox .list li:hover p{color:#fff}


/*==产品详情↓==*/
.ProductShow{}
.ProductShow .titleBx{margin-bottom: 35px;}
.ProductShow .online{margin: 20px 0;text-align:center;}
.ProductShow .online a{display: inline-block;padding: 15px 40px;margin-right:10px;color:#fff;font-size:16px; cursor: pointer;background: #52ab40;}
.ProductShow .online a.offer{ background: #a7a7a7;}
.ProductShow .online a:hover{ background: #f60;}


/*==我们服务综合↓==*/
.multipleBox{}
.multipleBox .righter .list{ margin: 0 0 40px 0; overflow: hidden;}
.multipleBox .righter .list .titleTop{font-size:25px;color:#52ab40;margin-bottom: 45px;/*! line-height: 23px; */}
.multipleBox .righter .list .titleTop:before{content: ""; float:left;width:2px; height:25px;margin:4px 20px 0 0; background: #52ab40;}
.multipleBox .righter .list .item{float:left;width:25%;padding: 0px 60px 0 0;margin-bottom:30px;height:155px; overflow:hidden;/*background:#eee;*/}
.multipleBox .righter .list .item:nth-child(4n+1){padding-right:0px;}
.multipleBox .righter .list .item h3{color:#000;font-size:16px;font-weight:bold; border-bottom:1px #ddd solid;padding-bottom:10px;margin:0 0 10px 0;line-height: 40px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.multipleBox .righter .list .item h3 em{display: inline-block;width: 40px;height: 40px;margin-right: 15px;float: left;background-position: 0px 0px;background-repeat:no-repeat; background-size:100%;}


/*==服务列表↓==*/
.tag .slip{ display:block;width: 100%;}
.tag .slip a{/*! float:left; */ position: relative;padding-right:15px; max-width:48%;/*! min-width:48%; *//*! width:48%; */display:inline-block;color:#898989;font-size:12px;margin: 2px 0;overflow: hidden;}
.tag .slip a:last-child:after{ display:none;/*background: #ddd*/}
.tag .slip a font{ position: relative; float:left; /*! width: 100%; */max-width: 100%;/*! min-width: 100%; */ display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;  transition: all .4s ease-in-out;}
.tag .slip a:after{content:""; position: absolute; top:0; right:5px;float:right;margin: 2px 0px 0 0px;display:block;width:1px;height: 12px;background: #898989;transition: all .4s ease-in-out;}
.tag .slip a:hover{color:#52ab40;text-decoration:underline}
.tag .slip a:hover font{text-decoration:underline}
.tag .more-2{ margin-top:5px; color:#555;font-size:12px; display: table;}
.tag .more-2:before{float:right;margin:2px 0 0 5px;}
.tag .more-2:hover{color:#52ab40;}


/*==新闻列表↓==*/
.NewsListBox{}
.NewsListBox .list-top{}
.NewsListBox .list-top li{ background:#f2f2f2;height: 380px;}
.NewsListBox .list-top li .pic{width:55%;float: left;height: 100%;}
.NewsListBox .list-top li .pic img{height:100%}
.NewsListBox .list-top li .box{padding:50px;text-align: center;float: left;width: 45%;height: 100%;}
.NewsListBox .list-top li .box h4{font-size:18px;color:#000;font-weight: bold;}
.NewsListBox .list-top li .box p{font-size:12px;color:#777;margin: 30px 0;line-height: 22px;}
.NewsListBox .list-top .more{margin:auto;}
.NewsListBox .list-top li:hover h4{color:#52ab40}
.NewsListBox .righter .more{margin-top:25px; display:inline-block;color:#808080;font-size:14px; padding:5px 10px; border: 1px #999 solid;}
.NewsListBox .righter li:hover .more{color:#fff;border:#52ab40 1px solid; background: #52ab40;}
.NewsListBox .swiper-container{}
.NewsListBox .swiper-container .spot{bottom:20px;display: table;width: 50%;left: 50%;/*! margin-left: 52px; */}
.NewsListBox .swiper-container .spot span{ opacity:1;width:12px;height:12px; background:#cbcbcb}
.NewsListBox .swiper-container .spot .swiper-pagination-bullet-active{ background:#52ab40}
.NewsListBox .btn{display: block;left: 20px;width:30px;height:30px;line-height: 20px;border-radius: 50%;border:2px #ddd solid;font-size:25px;text-align:center;color:#ddd;opacity: 1;}
.NewsListBox .btn.nextBtn{left:auto;right:20px;}
.NewsListBox .btn:after{ display: none}
.NewsListBox .btn:hover{ border-color:#52ab40;color:#52ab40}
.NewsListBox .list-down{}
.NewsListBox .list-down li{float:left;width:100%;clear: both; margin-top:60px;}
.NewsListBox .list-down li .pic{position: relative;float: left;width:32%;margin-right:50px;}
.NewsListBox .list-down li .pic .time{position:absolute;left:0;top:0;z-index: 1;display:block;color:#fff;padding: 10px 20px;text-align: center;background:rgba(0,0,0,0.5);}
.NewsListBox .list-down li .pic .time font{display:block; font-size:20px;}
.NewsListBox .list-down h4{margin:5px 0 20px 0;color:#000;font-size:18px;display: inline-block;}
.NewsListBox .list-down p{color:#666666;font-size:14px;padding-bottom: 40px;border-bottom:1px #ddd solid;display: table;line-height: 23px;}
.NewsListBox .list-down li:hover h4{color:#52ab40}
.NewsListBox .lefter .relevant{display: none;}


/*==新闻详细页↓==*/
.newsDetail{float:left;width:100%;}
.NewsDetailBox .lefter{float:right}
.NewsDetailBox .leftBox .title{color:#000;font-size: 25px;text-align:center;}
.NewsDetailBox .leftBox .top{border:1px #ddd solid;overflow: hidden;height:40px;line-height: 40px;margin-top: 30px;font-size: 12px;color: #6d6d6d;}
.NewsDetailBox .leftBox .top .time{ position:relative;float:left; display:block;color:#9d9d9d;font-size:14px; background: #ececec;padding: 0 80px 0 30px;}
.NewsDetailBox .leftBox .top .time:before{ position: absolute; right:-24px;top:-8px;font-size:68px;color:#ececec;transform: rotate(90deg);}
.NewsDetailBox .leftBox .top .bshare-custom{float:left;margin: 10px 0 0 100px;}
.NewsDetailBox .leftBox .top .hit{ display:block;margin:0 40px 0 50px;color:#6b6b6b;font-size:12px;padding-left:30px; background: url(../images/hit_ico.jpg) no-repeat left;}
.NewsDetailBox .leftBox .keyword{padding:20px 0;border-bottom:1px #ccc dotted;color:#6b6b6b;font-size:14px;}
.NewsDetailBox .leftBox .keyword h5{float:left;color:#6b6b6b;margin-right: 10px;font-size:14px;padding-left:10px;background: url(../images/arrow_04.png) no-repeat left;}
.NewsDetailBox .leftBox .keyword a{ display: inline-block;color:#949494;font-size:14px;margin-right:10px;}
.NewsDetailBox .leftBox .keyword a:hover{color:#52ab40}
.NewsDetailBox .detailCont{font-size:16px;line-height:28px;margin: 30px 0 30px 0;}
.NewsDetailBox .pag{border-top:1px #ddd solid;padding-top:30px;}
.NewsDetailBox .pag a{display: inline-block;width: 48%;padding: 10px 20px;color:#6b6b6b;font-size:14px;background: #ebebeb;}
.NewsDetailBox .pag a.next{float:right}
.NewsDetailBox .pag a:hover{color:#fff; background: #52ab40;}
.NewsDetailBox .leftBox .relevant{padding:30px;background: #f3f3f3;margin-top: 50px;overflow: hidden;}
.NewsDetailBox .leftBox .relevant .list{}
.NewsDetailBox .leftBox .relevant .list li{float:left; width:46%;}
.NewsDetailBox .relevant .list li:nth-child(2n){float:right;}
.NewsDetailBox .leftBox .relevant .list li span{float:right;color:#b0b0b0;font-size:12px;}
.NewsDetailBox .leftBox .relevant .list li a{position:relative;display:block;padding: 15px 0px 15px 15px;color:#191919;font-size:14px;border-bottom:1px #ccc dotted;
}
.NewsDetailBox .leftBox .relevant .list li a font{ display:inline-block;max-width:70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsDetailBox .leftBox .relevant .list li:nth-last-of-type(1) a,.NewsDetailBox .leftBox .relevant .list li:nth-last-of-type(2) a{border:none}
.NewsDetailBox .leftBox .relevant .list li a:before{ content:""; position: absolute; left:0;top:22px;width:5px;height:5px; background: #ddd;transition: all .4s ease-in-out;}
.NewsDetailBox .leftBox .relevant .list li a:hover{color:#52ab40}
.NewsDetailBox .leftBox .relevant .list li a:hover:before{background:#52ab40}

/*==新闻咨询↓==*/
.NewsDetailBox{}
.NewsDetailBox .titleBx{margin-bottom: 35px;}
.NewsDetailBox .online{margin: 20px 0;text-align:center;}
.NewsDetailBox .online a{display: inline-block;padding: 15px 40px;margin-right:10px;color:#fff;font-size:16px; cursor: pointer;background: #52ab40;}
.NewsDetailBox .online a.offer{ background: #a7a7a7;}
.NewsDetailBox .online a:hover{ background: #f60;}

/*==集团介绍↓==*/
.introductionBox{background: url(../images/inBg.jpg) no-repeat center bottom;}
.introductionBox .wx{float:left;width: 55%;color:#4d4d4d;font-size:14px;line-height:25px;}
.introductionBox .pic{float:right;width: 40%;margin-top: 10px;}
.introductionBox .pic img{max-width:100%}
.introductionBox .digital{}


/*==联系我们↓==*/
.contactBox{}
.contactBox .info{ overflow:hidden;}
.contactBox .info .map{float:left; width:45%;}
.contactBox .info .box{float:right; width:50%}
.contactBox .info .box .title{color:#52ab40;font-size:25px;font-weight:bold;margin-bottom: 40px;}
.contactBox .info .box .tel{display: block;color:#aaa;font-size:14px;padding-left:50px;background: url(../images/tel6_ico.png) no-repeat left;}
.contactBox .info .box .tel font{display: block;color:#52ab40;font-weight:bold;font-size: 35px;}
.contactBox .info .box .wx{margin:30px 0 50px 0;padding-left: 15px;border-left:1px #ddd solid;color:#606060;font-size:14px;line-height: 25px;}
.contactBox .info .box .ewm{float:left; display:table;margin-right:50px;}
.contactBox .info .box .ewm img{ display: table-cell;max-width:100%;}
.contactBox .info .box .ewm font{display: table-cell;color:#979797;font-size:14px;padding:10px 20px; text-align:center;vertical-align: middle;border:1px #ddd solid;background: #eee;}
.contactBox .address{margin:60px 0  0 0}
.contactBox .address .titleTop{color:#000000;font-size:25px;margin-bottom: 30px;}
.contactBox .address ul{}
.contactBox .address ul li{float:left;width:48.5%;margin:0 2.5% 2.5% 0;padding:30px 40px; background: #f4f4f4;}
.contactBox .address ul li:nth-child(2n){margin-right:0;}
.contactBox .address ul li h4{color:#52ab40;font-size:16px;font-weight:bold;}
.contactBox .address ul li hr{width:20px;height:1px;margin:20px 0;border:none; background: #52ab40;}
.contactBox .address ul li p{color:#606060;font-size:14px;line-height:25px;}


/*==留言2↓==*/
.message{background: #ededed;padding: 50px 0 50px 0;margin: 70px 0 0 0;overflow: hidden;}
.message form{ margin-top:30px}
.message .frame{position: relative; float:left;padding:20px 20px; /*! line-height:50px; */width:32.3%; margin:0 0.5% 1% 0.5%; background:#fff;}
.message .frame.x1 input{background: url(../images/ico101.png) no-repeat left;/*! float: left; */}
.message .frame.x2 input{background: url(../images/ico102.png) no-repeat left;}
.message .frame.x3 input{background: url(../images/ico103.png) no-repeat left;}
.message .frame.x4 textarea{background: url(../images/ico104.png) no-repeat left top;}
.message .frame.x4{width:99%;}
.message .frame input,.message .frame textarea{padding-left:30px; border:none;/*! width: 100%; *//*! float: left; */display: inline;vertical-align: top;/*! float: right; */}
.message .frame textarea{/*! width:100%; */height:100px; clear: both}
.message button.submit{float:left;width:50%; padding:20px 20px;font-size:14px; color:#fff; background: #b00700;border: none;}
.message button.submit:hover{background:#f00}
.message .yzm{margin:0 0 0 20px;}
.message .yzm input{padding:20px 20px;margin:0 10px;}


/*==招聘↓==*/
.joinBox{}
.joinBox .list{}
.joinBox .list li{margin-bottom:1px}
.joinBox .list h3{padding:20px 40px;color:#000000;font-size:16px; border:1px #ddd solid;cursor: pointer;}
.joinBox .list h3:before{float:right;margin-top: 5px;color:#999;font-size:15px; font-weight: bold;transition: all .4s ease-in-out;}
.joinBox .list .top .title:before{ display: none;}
.joinBox .list h3 font{ display: inline-block;}
.joinBox .list h3 font:nth-child(1){width:30%;}
.joinBox .list h3 font:nth-child(2){width:18%;}
.joinBox .list h3 font:nth-child(3){width:40%;}
.joinBox .list h3 font:nth-child(4){width:10%;}
.joinBox .list h3.on{color:#fff; background: #52ab40;}
.joinBox .list h3.on:before{color:#fff;transform:rotate(180deg);}
.joinBox .list li .wx{color:#7a7a7a;font-size:14px; padding:30px 40px 50px 30px;line-height:23px; background: #f2f2f2;}
.joinBox .list li .wx .block{ display: block; height:30px;}


/*==企业文化↓==*/
.courseBox{}
.courseBox .list{ position: relative;overflow: hidden;padding-bottom:50px;}
.courseBox .list li{float:left;width:48%;padding-right:150px; margin-bottom: 90px;height:165px;}
.courseBox .list li a{ position:relative;float:left;width:100%;padding:30px;margin-bottom:30px; background: #ececec;}
.courseBox .list li h4{color:#52ab40;font-size:20px;font-weight: bold;}
.courseBox .list li .txt{font-size:14px;color:#787878; margin-top:10px;}
.courseBox .list li a:before,.courseBox .list li a:after{ content:""; position: absolute;right:-150px;bottom:30px; background: #52ab40;}
.courseBox .list li a:before{width:150px;height:1px}
.courseBox .list li a:after{bottom:18px;width:25px;height:25px;border-radius: 50%;}
.courseBox .list li.one{/*! margin-top: 100px; */}
.courseBox .list li.two{float:right;padding-left:150px;padding-right:0px;margin-top: 90px;margin-bottom: 0px;}
.courseBox .list li.two a:before,.courseBox .list li.two a:after{left:-150px;}
.courseBox .list li:hover a{ background: #52ab40}
.courseBox .list li:hover a h4,.courseBox .list li:hover a .txt{color:#fff}
.courseBox .list .line{ position:absolute; left:50%; top:0; width:2px; height:100%;border:none;background: #52AB40;}


/*==发展历程↓==*/
.cultureBox{}
.cultureBox .list{}
.cultureBox .list li{position:relative;float:left;/* height: 180px; */padding:30px;width:48%;box-shadow: 0 0 10px #ddd;margin: 0% 2% 2% 0;}
.cultureBox .list li:nth-child(2n){margin-right:0;}
.cultureBox .list li:before{content:"";position: absolute;top: 30%;right:30px;width:50px;height:50px;background-repeat:no-repeat;background-position:0 0;background-size:100%;}
.cultureBox .list li.x1:before{ background-image:url(../images/ico111.png);}
.cultureBox .list li.x2:before{ background-image:url(../images/ico112.png);}
.cultureBox .list li.x3:before{ background-image:url(../images/ico113.png);}
.cultureBox .list li.x4:before{ background-image:url(../images/ico114.png);}
.cultureBox .list li.x5:before{ background-image:url(../images/ico111.png);}
.cultureBox .list li.x6:before{ background-image:url(../images/ico111.png);}
.cultureBox .list li.x7:before{ background-image:url(../images/ico111.png);}
.cultureBox .list li.x8:before{ background-image:url(../images/ico111.png);}
.cultureBox .list li h4{color:#54ab40;font-size:30px;}
.cultureBox .list li p{margin-top:10px;color:#7d7d7d;font-size:14px;padding-right: 100px;height: 65px;}


/*==说明书↓==*/
.bookBox{}
.bookBox .container{position:relative;width:1200px;}
.bookBox .Big{z-index: 2;margin: auto;padding:50px;border:#eee 1px solid;background: #fff url(../images/dotBg.jpg);}
.bookBox .title{color:#000000;font-size:35px; margin-bottom:50px; text-align: center;}
.bookBox .wx{color:#5a5a5a;font-size:14px; line-height:25px;}
.bookBox .shadow{position: absolute;z-index: -1;width: 50px;height: 400px;display: block;border-radius: 10px 0 0 0;filter: blur(5px);background: #aaa;}
.bookBox .shadow.top-left{left: -10px;top: 5px;transform: rotate(-4deg);}
.bookBox .shadow.top-right{right: -10px;top:5px;transform: rotate(4deg);}
.bookBox .shadow.down-left{left:-5px;bottom:5px;transform: rotate(3deg);}
.bookBox .shadow.down-right{right:-5px;bottom:5px;transform: rotate(-3deg);}


/*==图片款↓==*/
.list-box{}
.list-box li{float:left; width:33.3%; }
/*.list-box li:nth-child(3n) a{margin-right:0px;}*/
.list-box li a{ position:relative;margin:0 10px 20px 10px;display: block;}
.list-box li img{max-width:100%;width:100%;}
.list-box li .pic{}
.list-box li h4{ position:absolute;left:0;bottom:0;width:100%;padding:10px;color:#fff;font-size: 16px;text-align: center; background:rgba(0,0,0,0.5) ;}
.list-box li:hover h4{background:#52ab40;}
#list-box2 li{width:18%;}


/*==荣誉资质↓==*/
.honorBox{}
.rack .list-honor{}
.rack .list-honor li{display:inline-block;width:20%;}
.rack .list-honor li a{margin:0 30px 30px 0}
.rack .list-honor li:nth-child(4n){margin-right:0px;}


/*==实验室↓==*/
.ExperimentListBox{}
.ExperimentListBox .list{}
.ExperimentListBox .list li{float:left;width:50%;}
.ExperimentListBox .list li a{ display: block;padding:5px; border:#ddd solid 1px;margin:0 20px 20px 0}
/*.ExperimentListBox .list li:nth-child(2n) a{margin-right:0px;}*/
.ExperimentListBox .list li h4{color:#000000;font-size:16px;margin:20px 0; text-align: center;}
.ExperimentListBox .list li:hover a{border:#54ab40 solid 1px;}
.ExperimentListBox .list li:hover h4{color:#54ab40}


/*==实验室详情↓==*/
.ExperimentShow .content{}
.ExperimentShow .content .unique{ margin-top:60px;}
.ExperimentShow .content .unique li{float:left;width:26.6%;margin:0 10% 0 0}
.ExperimentShow .content .unique li:last-child{margin-right:0}
.ExperimentShow .content .unique li img{display: block; margin:auto;display: block;}
.ExperimentShow .content .unique li h5{color:#000000;font-size:18px;margin:15px 0; text-align: center; font-weight:bold}
.ExperimentShow .content .unique li p{color:#4d4d4d;font-size:14px;}
/*----*/
.ExperimentShow .items{}
.ExperimentShow .items .unique{margin-top:60px;}
.ExperimentShow .items .unique li{float:left;width:32.3%;margin:0 1% 1% 0;text-align: center;padding:50px; height:240px;background: #e9e9e9;}
.ExperimentShow .items .unique li:nth-child(3n){margin-right:0}
.ExperimentShow .items .unique li:last-child{margin-right:0}
.ExperimentShow .items .unique li img{display: block; margin:auto;display: block;}
.ExperimentShow .items .unique li h5{color:#000000;font-size:18px;margin:15px 0; text-align: center; font-weight:bold}
/*----*/
.ExperimentShow .advantages .mun{ margin-top:60px;}
.ExperimentShow .advantages .mun li{float:left;width:18%;margin-right:9.3%;}
.ExperimentShow .advantages .mun li:last-child{margin-right: 0;}
.ExperimentShow .advantages .mun li span{font-size:40px;color:#242424}
.ExperimentShow .advantages .mun li i{font-size:18px;color:#242424;font-style:normal; vertical-align:top;}
.ExperimentShow .advantages .mun li p{margin-top:10px;font-size:16px;color:#242424}
/*----*/
.ExperimentShow .equipment{}
.ExperimentShow .equipment .list{margin-top:60px}
.ExperimentShow .equipment .list li{float:left;width:32.3%;margin:0 1% 2% 0}
.ExperimentShow .equipment .list li:nth-child{3n}{}
.ExperimentShow .equipment .list li .pic{}
.ExperimentShow .equipment .list li .pic img{max-width:100%}
.ExperimentShow .equipment .list li h5{color:#000000;font-size:14px;margin:10px 0 0 0;text-align: center;transition: all .4s ease-in-out;}
.ExperimentShow .equipment .list li:hover h5{color:#54ab40}
/*----*/
.ExperimentShow .team{}
.ExperimentShow .team .list{margin-bottom:-4%; overflow: hidden;/*! margin-top:60px */}
.ExperimentShow .team .list li{float:left;width:22%;margin:1% 4% 0 0;}
.ExperimentShow .team .list li:nth-child(4n){margin-right:0}
.ExperimentShow .team .list li img{height:100%;}
.ExperimentShow .team .list li h5{ position:relative;padding-bottom:15px;color:#242424;font-size:16px;margin-top: 20px;}
.ExperimentShow .team .list li h5:before{ content: "";position: absolute; left:0;bottom:0; width:20px;height:2px; background: #54ab40;}
.ExperimentShow .team .list li h5 font{ margin-left:20px;color:#989898;font-size:12px;}
.ExperimentShow .team .list li p{margin-top:20px;color:#9d9d9d;font-size:14px;height:95px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
/*----*/
.ExperimentShow .groups{}
.ExperimentShow .groups .list{}
.ExperimentShow .groups .list li{float:left;width:15.4%; border:#ddd 1px solid; margin:0 1.5% 1.5% 0;transition: all .4s ease-in-out;}
.ExperimentShow .groups .list li:nth-child(6n){margin-right:0}
.ExperimentShow .groups .list li img{max-width:100%;width: 100% !important;height: 80px !important;}
.ExperimentShow .groups .list li:hover{border:1px #54ab40 solid}


/*==下级分页↓==*/
.sorter{margin-top: 50px;padding:30px 0 0 0;border-top:#ccc 1px dotted;}
.sorter a{position: relative;color:#727272;font-size:14px;padding:0 20px;}
.sorter a:before{ position: absolute;top:5px; color:#999;font-size:12px;}
.sorter a.next{float:right}
.sorter a.prev:before{left:0;}
.sorter a.next:before{right:0;float: right;}
.sorter a:hover,.sorter a:hover:before{color:#52ab40}


/*==详情模块↓==*/
.detailPro{}
.detailPro img{max-width:100%;width:auto !important;height:auto !important;}
.detailPro .titleBx{margin-bottom: 15px;}
.detailPro .wor{font-size:16px; line-height:28px;color:#4d4d4d;margin-bottom:25px; overflow: hidden;}


/*==报价弹出↓==*/
.offer-bg{ display:none; position: fixed;left:0;top:0;z-index:9999; width:100%;height:100%; background:rgba(0,0,0,0.5)  }
.offer-popup{ display: none; position: fixed;top:10%;left:40%; z-index:99999; width:450px;bottom:auto;}
/**/
.offer-popup .box {padding:50px;width:100%;border-radius:5px;border:1px #ccc solid;box-shadow:0 0 10px #333;text-align:left;background:#fff url(../images/ico-kf-line01.png) no-repeat left top;}
.offer-popup .box h3 {color:#54ab40;font-size:25px;padding-bottom:20px;margin-bottom:20px;border-bottom:2px #54ab40 solid;text-align:center;}
.offer-popup .box h5 {color:#353535;font-size:14px;margin-bottom:15px;}
.offer-popup .box i {font-style:normal;color:red}
.offer-popup .box input,.offer-popup .box textarea {width:100%;margin-bottom:20px;line-height:30px;color:#666;padding:6px 10px;border:1px #ddd solid;}
.offer-popup .box textarea {height:100px;}
.offer-popup .box .tips {color:#ff2f2f;font-size:12px;}
.offer-popup .box .submit {margin-top:30px;color:#fff;font-size:16px;width:100%;border-radius:5px;padding:10px 10px;border:none;background:#54ab40;}
.offer-popup .box .submit:hover {background:#f60;}
/**/
.offer-popup .success {display:none;position:absolute;right:0;top:0;width:100%;padding:50px;box-shadow:0 0 10px #aaa;background:#fff;}
.offer-popup .success h4 {text-align:center;font-size:25px;color:#52ab40;}
.offer-popup .success h4 img {display:block;margin:5px auto 5px;}
.offer-popup .success .txt {margin-top:20px;color:#353535;font-size:16px;font-weight:bold;text-align:center;}
.offer-popup .success .ewm {margin-top:40px;text-align:center;}
.offer-popup .success .ewm span {display:inline-block;width:140px;margin-right:41px;color:#979797;font-size:12px;line-height:22px;}
.offer-popup .success .ewm span img {display:block;width:100%;margin-bottom:15px;box-shadow:0 0 10px #ddd;}
.offer-popup .success .ewm span:last-child {margin-right:0px;}
.offer-popup .close{  position: absolute; right:20px;top:20px;width:25px;height:25px;line-height:23px; text-align: center; color:#fff;font-size:18px; border-radius: 50%; background: #e1e1e1;}
.offer-popup .close:hover{ background: #54ab40;}

/*防护产品*/
.fanghu ul{width: 100%;margin:0 auto;overflow: hidden;}
.fanghu ul li{float: left;width: 24.23%;margin-right: 1%;border:1px solid #e9e9e9;position: relative;transition: 0.5s all}
.fanghu ul li:nth-child(4){margin-right: 0}
.fanghu ul li a{display: block;position: relative;width: 100%;padding-top: 100%}
.fanghu ul li a img{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.fanghu ul li span{font-size: 18px;color: #000;line-height: 50px;text-align: center;width: 100%;display: block;position: absolute;left: 0;bottom: 0;}
.fanghu2{width: 100%;overflow: hidden;margin: 2% 0;}
.fanghu2 span{float: left;width: 43.75%;position: relative;padding-top: 22.94%;transition: 0.5s all}
.fanghu2 span img{display: block;position: absolute;left:0;top: 0;width: 100%;height: 100%;}
.fanghu2 dt{float: right;width: 56.2%;height: 330px; padding: 3%;background: #f2f2f2;font-size: 20px;color: #313131;line-height: 35px;transition: 0.5s all}
.fanghu2 dt b{font-size: 25px;color: #000;}

.fanghu-form{background: url(../images/fanghu-form-bg.jpg);padding: 3% 0;overflow: hidden;}
.fanghu-form h3{font-size: 40px;color: #97d800;text-align: center;}
.fanghu-form .part1 ul{width: 100%;text-align: center;margin: 30px auto;}
.fanghu-form .part1 ul li{display: inline-block;text-align: left;padding-left: 60px;margin-right: 60px;transition: 0.5s all}
.fanghu-form .part1 ul li b{font-size: 20px;color: #97d800;}
.fanghu-form .part1 ul li span{display: block;font-size:18px;color: #fff;}
.fanghu-form .part1 ul li.buyer{background: url(../images/buyer.png)no-repeat left;}
.fanghu-form .part1 ul li.seller{background: url(../images/seller.png)no-repeat left;}
.fanghu-form .fgx{width: 90%;border-bottom: 1px solid #616161;text-align: center;margin: 0 auto;margin-bottom: 60px;}
.fanghu-form .fgx:after{content: '';display: inline-block;background: url(../images/fgx-icon.png)no-repeat center;width: 18px;height: 18px;position: relative;top: 12px;}

.part2{width: 80%;margin: 0 auto;}
.part2 .demandtype{width: 100%;overflow: hidden;margin-bottom: 20px;}
.part2 .demandtype span{float: left;font-size: 16px;color: #fff;margin-right: 18px}
.part2 .demandtype span input{display: none;}
.radio + label{display: inline-block;
position: relative;
width: 16px;
height: 16px;background: url(../images/radio.png)no-repeat center;top: 2px;cursor: pointer;}
.radio:checked + label{background: url(../images/radio-on.png)no-repeat center;}

.part2 .protype{width: 100%;overflow: hidden;margin-bottom: 30px;}
.part2 .protype span{float: left;font-size: 16px;color: #fff;margin-right: 20px;margin-bottom: 20px;}
.part2 .protype span input{display: none;}
.ckec_1 + label{display: inline-block;
position: relative;
width: 16px;
height: 16px;background: url(../images/ckec_1.png)no-repeat center;top: 2px;cursor: pointer;}
.ckec_1:checked + label{background: url(../images/ckec_1-on.png)no-repeat center;}

.proform .pro-input{float: left;width: 31.99%;padding: 16px 20px;background: #fff;border-radius: 8px;margin-right: 2%;border: 1px solid #d2d2d2;transition: 0.5s all}
.proform .pro-input:nth-child(3){margin-right: 0;}
.proform textarea{width: 100%;padding: 16px 20px;background: #fff;border-radius: 8px;margin-right: 3%;border: 1px solid #d2d2d2;margin-top: 20px;margin-bottom: 24px;}
.proform button{display: block;margin: 0 auto; width: 196px;height: 55px;line-height: 55px;text-align: center; border-radius: 8px;background: #8fbe21;font-size: 20px;color: #fff;border:0;margin-bottom: 50px;}
.proclient .newuser{float: left;width: 55%;height: 126px; border-radius: 6px;border-left: 1px solid #767676;border-bottom: 1px solid #767676;border-right: 1px solid #767676;position: relative;padding-top: 40px;padding: 40px 30px 0 10%;transition: 0.5s all}
.proclient .newuser p{font-size: 18px;color: #90b83d;position: absolute;left: 0;top: -14px;width: 100%;text-align: center;}
.proclient .newuser p i{display: inline-block;width: 26px;height: 26px;background: url(../images/newuser-i.png)no-repeat center;}
.proclient .newuser p:before{content: '';position: absolute;left: 2px;top: 14px;width: 37%;height: 1px;background: #767676;}
.proclient .newuser p:after{content: '';position: absolute;right: 2px;top: 14px;width: 37%;height: 1px;background: #767676;}
.proclient .newuser ul li{width: 100%;float: left;}
.proclient .newuser ul li span{float: left;font-size: 14px;color: #fff;margin-right: 20px;text-align: left;width: 18%}

.proclient .pro-wx{float: right;}


/*导航弹出-我们的服务*/
.NavWap-bg{ display:none; position: fixed;left:0;top:0;z-index:9999; width:100%;height:100%; background:rgba(0,0,0,0.5)  }
.NavWap-popup{ display: none; position: fixed;top:10%;left:10%;right:10%; z-index:99999; width:80%;bottom:auto;}
.NavWap-popup .long {padding: 20px 20px;width:100%;height:400px;border-radius:5px;border:1px #ccc solid;box-shadow:0 0 10px #333;text-align:left;overflow-y: scroll;background:#fff;}
.NavWap-popup .close{position: absolute;right: 0px;top: 0px;width:20px;height:20px;line-height:20px;text-align: center;color:#fff;font-size:16px;background: #bbb;}
.NavWap-popup .close:hover{ background: #54ab40;}
.NavWap-popup .long .titleTop{color:#52ab40;font-size: 18px;margin-bottom:25px;padding-bottom: 10px;border-bottom:1px #52ab40 solid;text-align: center;}
.NavWap-popup .long .tit-1{position: relative;display: block;color:#333;font-size:16px;margin-bottom: 15px;padding: 0 0 0px 15px;/* border-bottom:1px #ddd solid; */}
.NavWap-popup .long .tit-1:before{ content: ""; position:absolute; left:0;top:5px;width:2px;height:15px;background:#52ab40;}
.NavWap-popup .long .tit-2{position: relative;color:#666;font-size: 15px;font-weight:bold;margin-bottom:15px;padding: 0 0 10px 25px;display:block;border-bottom: 1px #ddd solid;}
.NavWap-popup .long .tit-2 em{ position:absolute;left:0;top:0;width:20px;height:20px; background-position:0 0; background-repeat:no-repeat; background-size:20px ;}
/*.NavWap-popup .long .active{color:#52ab40}*/
.NavWap-popup .long > ul{}
.NavWap-popup .long > ul > li{ margin-bottom: 25px;}
.NavWap-popup .long > ul > li:last-child{margin-bottom:0px;}
.NavWap-popup .long > ul > li > ul{padding: 15px;overflow: hidden;background:#f5f5f5;}
.NavWap-popup .long > ul > li > ul > a{}
.NavWap-popup .long > ul > li > ul > li{clear: both;overflow: hidden;margin-bottom: 15px;}
.NavWap-popup .long > ul > li > ul > li:last-child{margin-bottom:0px;}
.NavWap-popup .long > ul > li > ul > li > ul{width:100%;/* margin-bottom:30px; */overflow: hidden;}
.NavWap-popup .long > ul > li > ul > li > ul > li{float:left;margin: 0 12px 10px 0;}
.NavWap-popup .long > ul > li > ul > li > ul > li a{display:block;color:#666;font-size: 13px;}
.scrollbar{float: left;height: 105px;width: 100%;/* background: #F5F5F5; */overflow-y: scroll;margin-bottom: 25px;}
.force-overflow{min-height: 80px;}
#style-3::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
#style-3::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
#style-3::-webkit-scrollbar-thumb{background-color: #000000;}


/*==底部===*/
.footer{padding: 80px 0 30px 0;background: #202020;overflow: hidden;}
.footer .container{overflow: hidden}
.footer .nav h3{ color:#fff;font-size:14px;margin-bottom:15px}
.footer .nav h3 hr{display: block; border:none; margin:10px 0 0 0;width:10px;height:1px; background: red;}
.footer .nav{position:relative;display: table;width: 45%;}
.footer .nav li{display: table-cell;padding-right: 15px;/*! float: left; *//*! width: 25%; */}
.footer .nav li a{ display: block;color:#979797; line-height:20px;font-size:14px;padding:3px 0;}
.footer .nav li a:hover{color:#fff}
.footer .middle{}
.footer .middle h3{ color:#fff;font-size:14px;margin-bottom:20px;}
.footer .middle .tel{color:#fff;font-size:25px;padding-left:50px;font-weight:bold; background: url(../images/tel4_ico.png) no-repeat left;}
.footer .middle .txt{color:#fff;font-size:14px;margin-top:10px;display: block;line-height: 25px;}
.footer .right{width:20%;margin-left:50px; /*! border-left:1px #313131 solid; *//*! padding-left: 55px; */}
.footer .right span{float:left;width:50%; display: block;color:#979797;font-size:14px;line-height: 23px;/*! padding-right: 20px; */text-align: center;padding: 0 0 0 20px;}
.footer .right span img{ width: 100%;display: block;margin: 0px 0px 10px 0px;text-align: center;}
.footer .link{ margin:50px 0 0 0;}
.footer .link h3{position:relative;color:#fff;font-size:14px;margin-bottom:10px;display: table;}
.footer .link h3:before{ position: absolute; content:""; top:11px;right:-100030%;width:100000%;height:1px; border-top: 1px #ddd dotted;}
.footer .link a{color:#aaaaaa;font-size:14px;display: inline-block;color:#979797;padding: 0 15px 0 0;margin-right:15px;font-size:14px;line-height: 9px;border-right: 1px #999 dashed;}
.footer .link a:last-child{border:none;}
.footer .down{ margin-top:25px;color:#5b5b5b;font-size:12px; text-align: center;}
.footer .down a{ color:#5b5b5b;font-size:12px; margin:0 5px}
.footer .down a:hover{color:#fff}
.footer a:hover{color:#fff}