@charset "utf-8";

/* CSS Document */

*{padding:0px;margin:0px;}

html{}

body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:#272727;}

img{border:none;}

a{color:#333333;text-decoration:none;transition:all 0.3s ease-in-out 0s;}

a:hover{color:#53b4b3;text-decoration:none;}

ul,li,ol,dl,dt,dd{list-style:none; padding:0px; margin:0px auto;}

input, select, button{font:12px Verdana, Arial, Tahoma;vertical-align:middle;outline:none;}

.clear{clear:both;}

.center{margin:0px auto;}

.wrapper{ width: 1200px; margin: 0px auto;}
.w960{width:1200px;}

.sbj{margin-top:30px;}

.sbj1{margin-top:60px;}

.sbj2{margin-top: 30px;margin-bottom: 30px;}

.topnav{width: 100%;background-color: #f2f2f2;height:40px;line-height:40px;color: #888888;font-size: 14px;}

.topnav span{float: right;}

.topnav span a{padding: 0px 3px;color: #888888;font-size: 14px;}

.topnav a:hover{color: #53b4b3;}

#nav{width: 100%;background-color: #53b4b3;height:60px;line-height: 60px;}

#nav li{float:left;text-align:center; width:150px;}

#nav li a{line-height:60px;display:block;height:60px;text-align:center;font-size:18px;color: #fff;}

#nav li:hover{text-decoration:none;font-size:14px;background:url(../images/nav_h.png) no-repeat center 48px;}

#nav li dl{width:150px;background-color:#53b4b3;list-style-type:none;text-align:left;left:-999em;position:absolute;z-index:99999;float:left;}

#nav li dl dt{border-bottom:1px solid #fff;}

#nav li dl dt a{font-size:14px;height:42px;line-height:42px; }

#nav li dl dt a:hover{font-size:15px;font-weight: bold;}

#nav li:hover dl{left:auto;}

#curr{background:url(../images/nav_h.png) no-repeat center 48px;}
.footer{ width:100%; color: #888888;}
.footer a{color: #888;}
.footer a:hover{color: #53b4b3;}
.fdh li {
  float: left;
  width: 14%;
  font-size: 16px;
  line-height: 60px;
  transition: all 0.8s;
  text-align: center;
}
.fdh li a {
  color: #fff;
  font-size: 16px;
}
.fdh li:hover {
  background: #53b4b3;
}
.fdh li:hover a{color: #fff;}
.fdh {
  background: #333;
  border-bottom: 1px solid #505050;
}
.fb1 {
  background: #333333;
}
.flink {
  font-size: 14px;
  line-height: 18px;
  color: #adadad;
  padding: 32px 0;
  border-bottom: 1px solid #484848;
}
.flink a {
  color: #adadad;
  margin-left: 11px;
}
.flink a:hover {
  color: #459695;
}
.dblx {width: 50%;padding-right: 60px;}
.dblx p {
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
}
.dblx p:nth-child(1) {
  font-size: 25px;
  line-height: 1.5;
  color: #53b4b3;
  margin-bottom: 13px;
}
.dblx p:nth-child(1) span{font-size: 12px;color: #adadad;text-transform: uppercase;}
.dblx p:nth-child(2) {margin-bottom: 16px;color: #adadad;}
.fb3 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
  padding-top: 30px;
}
.dbma {
  width: 306px;
  display: flex;
  justify-content: space-between;
}
.dbma div p {
  text-align: center;
  font-size: 14px;
  margin-top: 16px;
  line-height: 14px;
  color: #d0d0d0;
}
.bq {
  border-top: 1px solid #484848;
  line-height: 80px;
  font-size: 14px;
  color: #d0d1d4;
  background: #333333;
}
.bq a {
  color: #d0d1d4;
  transition: all 0.3s;
}
.bq a:hover {
  color: #459695;
}
.copyright {font-size: 14px;color: #ffffff;line-height: 80px;text-align: center;}
.footc{display: flex;justify-content: space-between;flex-wrap: wrap;}
.footc li{padding-left: 50px;background: url(../images/f1.png) no-repeat left top;width: 26%;margin-bottom: 30px;}
.footc li:nth-child(2){background: url(../images/f2.png) no-repeat left top;}
.footc li:nth-child(3){background: url(../images/f3.png) no-repeat left top;}
.footc li:nth-child(4){background: url(../images/f4.png) no-repeat left top;margin-bottom: 0; width: 30%;}
.footc li:nth-child(5){background: url(../images/f5.png) no-repeat left top;margin-bottom: 0;}
.footc li:nth-child(6){background: url(../images/f6.png) no-repeat left top;margin-bottom: 0;}
.footc li:nth-child(1){ width: 30%;}
.footc li span{font-size: 16px;color: #fff;font-weight: bold;}
.footc li p{font-size: 14px;color: #adadad;line-height: 2;}
.yqlj{width:100%; text-align:center; line-height:40px; background-color:#53b4b3; color:#ffffff;}
.yqlj a{color:#ffffff;font-size:12px;padding-right:5px;}

/*内页样式*/

/*---------在线留言---------*/

.message{line-height:24px;width: 630px;margin: 0px auto;}

.message dt{float:left;clear:both;width:80px;margin-left:20px;height:30px;margin-top:10px;}

.message dd{float:left;margin-top:10px;}

.message input{line-height:24px;height:24px;}

.message p{clear:both;margin-left:200px;}

.sub{height:30px;width:60px;display:block;float:left;margin-left:30px;}
.fl{ float: left;}
.fr{ float: right;}
.search{height: 60px;border-bottom: 1px solid #ccc;position: relative;}
.sou{position: absolute;left: 0;bottom: 0;z-index: 999;height: 116px;background: url(../images/searchbj.png) no-repeat -8%;width: 100%;}
.sou .wrapper{display: flex;justify-content: space-between;}
.h116{padding-left: 60px;padding-top: 20px;background: url(../images/rx.png) no-repeat left;color: #fff;}
.h116 span{font-size: 14px;}
.h116 p{font-size: 25px;}
.sou .ci{display: flex;justify-content: space-between;width: 75%;padding-top: 64px;}
.sou .ci p{font-size: 16px;line-height: 48px; font-size: 15px;margin-right: 5px;color: #9a9a9a;}
.sou .ci p b{font-size: 16px; color: #333;}
.ci form{display: flex;}
.ci .searc{width: 300px;height: 41px;outline: none;padding: 0;font-size: 16px;color: #cccccc;padding-left: 10px;}
.ci .searc_sub{width: 60px;height: 45px;background: url(../images/search.png) no-repeat center center #53b4b3;outline: none;border: none;cursor: pointer;}
.search_r input { color: rgba(0,0,0,0.85); display: inline-block; font-size: 16px; height: 40px;  line-height: 40px;  border-radius: 4px 0 0 4px;  border: 1px solid #e5e5e5; outline: none; padding: 0 16px; vertical-align: middle; width: 230px; margin: 0px;}
.search_r button { background-color: #53b4b3; border: 0px; border-radius: 0 4px 4px 0; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; line-height: 42px; outline: none; vertical-align: middle; width: 42px; padding: 0px; margin-left: -4px;}
/* 产品中心 */
.cpzx{padding: 80px 0;}
.cplei{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 40px;}
.cplei li{width: 160px;line-height: 2.5;text-align: center;background: #53b4b3;border-radius: 7px;overflow: hidden;border: 1px solid #53b4b3; margin-bottom: 10px;}
.cplei li a{font-size: 16px;color: #fff;transition: 0.5s;}
.cplei li:hover{background: none;}
.cplei li:hover a{color: #53b4b3;}
.cpnr{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cpnr li{width: 280px;border: 1px solid #e5e5e5;margin-bottom: 20px;}
.cpnr li .cpimg{height: 210px;overflow: hidden;}
.cpnr li .cpimg img{width: 100%;height: 100%;object-fit: contain;transition: 0.8s;}
.cpnr li p{font-size: 16px;text-align: center;line-height: 2.5;}
.cpnr li .xq{width: 120px;height: 40px;line-height: 40px;border: #e5e5e5;border-radius: 50px;margin: 10px auto;font-size: 16px;text-align: center;border: 1px solid #e5e5e5;}
.cpnr li:hover{border-color: #53b4b3;}
.cpnr li:hover p{color: #53b4b3;}
.cpnr li:hover .xq{color: #53b4b3;border-color: #53b4b3;}
.cpnr li:hover img{transform: scale(1.2);}
.title{text-align: center;margin-bottom: 50px;padding-bottom: 22px;background: url(../images/titlebj.png) no-repeat bottom center;}
.title>span{font-size: 14px;color: #a9a9a9;text-transform: uppercase;}
.title p{font-size: 27px;}
.more{width: 160px;height: 40px;line-height: 40px;text-align: center;margin: 40px auto 0;overflow: hidden;position: relative;border-radius: 50px;border: 1px solid #53b4b3;}
.more p{font-size: 16px;color: #53b4b3;}
.more a{display: block;position: absolute;left: -160px;top: 0;width: 100%;line-height: 40px;font-size: 16px;background: #53b4b3;transition: 0.5s;color: #fff;}
.more:hover a{left: 0;}
/* 简介 */
.gsjj{height: 785px;background: url(../images/jjbj.jpg) no-repeat left #f1f1f1;}
.gsnr{width: 45%;display: flex;}
.gsnr .gsti p{font-size: 25px;font-weight: bold;color: #333;}
.gsnr .gsti p span{color: #53b4b3;}
.gsr{padding-top: 150px;}
.gsr .aboutnr{font-size: 16px;line-height: 2;color: #878787;margin-top: 40px;}
.gsr .aboutnr p{ text-indent: 2em;}
.gslx{background: url(../images/tel.png) no-repeat 10px center;border: 1px solid #53b4b3;font-size: 18px;line-height: 60px;text-align: center;margin-top: 30px;width: 550px;}
.gslx p span{font-size: 24px;font-weight: bold;color: #53b4b3;}
.gsr>a{display: block;width: 50px;height: 50px;line-height: 50px;font-size: 16px;color: #fff;text-align: center;transition: 0.5s;float: right;margin-top: 20px;background: #53b4b3;border-radius: 50px;}
.gsr>a:hover{width: 100px;}
/* 实验设备 */
.sysb{padding-top: 80px;}
.syt{display: flex;justify-content: space-between;background: url(../images/sbtbj.png) no-repeat left 10px;border-bottom: 1px solid #ccc;padding-bottom: 10px;padding-left: 10px;margin-bottom: 50px;line-height: 47px;}
.syt p{font-size: 27px;font-weight: bold;}
.syt a{font-size: 16px;color: #6a6a6a;}
.synr .syimg{height: 193px;overflow: hidden;position: relative;border: 1px solid #ccc;}
.synr .syimg img{width: 100%;height: 100%;object-fit: contain;}
.synr .syimg .cang{position: absolute;left: 0;top: 0;width: 100%;line-height: 193px;color: #1b1b1b;background: rgba(83, 180, 179, 0.5);font-size: 25px;text-align: center;transform: scale(0);transition: 0.3s;}
.synr .syimg:hover .cang{transform: scale(1);}
/* 新闻 */
.xwzx{padding: 80px 0;background: url(../images/xwbj.png);}
.xws{display: flex;justify-content: space-between;margin-bottom: 60px;}
.xws li{width: 32%;text-align: center;position: relative;}
.xws li::after{content: "";display: block;width: 50px;height: 2px;background: #53b4b3;position: absolute;left: 0;bottom: -10px;transition: 0.5s;}
.xws li:hover::after{width: 100%;}
.xws li .xwimg{height: 288px;overflow: hidden;position: relative;}
.xws li .xwimg .time{position: absolute;left: 0;top: 0;width: 150px;padding: 10px;font-size: 16px;color: #fff;background: url(../images/time.png) no-repeat 8px rgba(83, 180, 179, 0.9);border-bottom-right-radius: 50px}
.xws li .xwimg img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}
.xws li a>span{font-size: 20px;display: block;margin: 25px 0;}
.xws li a>p{font-size: 16px;line-height: 2;color: #949494;}
.xws li a>em{font-size: 16px;display: block;margin-top: 10px;transition: 0.5s;}
.xws li:hover .xwimg img{transform: scale(1.3);}
.xws li:hover a>span{color: #53b4b3;}
.xws li:hover a>em{color: #53b4b3;}
.xwx .scontent{padding: 10px;border: 1px solid #d0d0d0;}
.xwx .xwximg{width: 30%;height: 145px;overflow: hidden;}
.xwx .xwximg img{width: 100%;height: 100%;object-fit: contain;transition: 0.5s;}
.xwx .ximgr{width: 64%;}
.xwx .ximgr i{color: #b9b9b9;}
.xwx .ximgr span{font-size: 20px;display: block;margin: 10px 0;}
.xwx .ximgr .xian{width: 40px;height: 2px;background: #53b4b3;margin-bottom: 10px;transition: 0.5s;}
.xwx .ximgr p{font-size: 16px;color: #838383;line-height: 2;}
.xwx .scontent:hover .ximgr .xian{width: 100%;}
.xwx .scontent:hover .xwximg img{transform: scale(1.3);}
.xwx .scontent:hover{border-color: #53b4b3;}
i, em {font-style: initial;}
.gshj{padding: 80px 0;}
.hjnr{display: flex;justify-content: space-between;flex-wrap: wrap;}
.hjnr dt{margin-bottom: 20px;width: 32%;position: relative;}
.hjnr dt::after{content: "";display: block;width: 0;height: 2px;background: #53b4b3;transition: 0.5s;position: absolute;left: 0;bottom: 0;}
.hjnr dt .hjimg{height: 320px;overflow: hidden;}
.hjnr dt .hjimg img{width: 100%;height: 100%;object-fit: cover;transition: 0.9s;}
.hjnr dt .c_b{padding:20px;font-size: 16px;color: #505050;display: flex;justify-content: space-between;}
.hjnr dt:hover img{transform: scale(1.3);}
.hjnr dt:hover::after{width: 100%;}
.hjnr dt:hover .c_b{color: #53b4b3;}



/*---------新闻列表页---------*/

.title4{text-align: center;border-bottom: 1px solid #E9E9E9;padding-bottom: 15px;}

.title4 li{font-size: 36px;font-weight: bold;color: #53b4b3;}

.title4 p{font-size: 15px;text-transform: uppercase;color: #2e2e2e;margin-top: 5px;}

.mup{width: 100%;background-color: #F2F2F2;height: 42px;line-height: 42px;font-size: 14px;}

.mup img{margin: 0px 10px;}

.rytp div{ width:291px; float:left;margin-right: 12px;}

.rytp div li{ width:289px; border:1px solid #ccc;border-radius: 5px;height: 289px;}

.rytp div li a{text-align:center;width:289px;height:289px;display:table-cell;vertical-align:middle;overflow:hidden;}

.rytp div li a img{vertical-align:middle;cursor:pointer;transition: all 0.6s;}

.rytp div li a img:hover{transform:scale(1.3);}

.rytp div p{ line-height:42px; height:42px; text-align:center;}

.rytp div:nth-child(4n){margin-right: 0px;}

.tittle{text-align: center;line-height:60px;height:60px;font-size:24px;font-weight: bold;margin-top: 20px;}

.lb{text-align: left;}

.lb a{ color:#333;}

.lb a:hover{color: #53b4b3;font-weight: bold;}

.page{text-align: center;margin: 10px auto 0px auto;}

.page li{display: inline-block;line-height: 40px;border: 1px solid #cccccc;padding: 0 18px;margin: 0px 3px;border-radius: 3px;}

.page li a{color: #999999;font-size: 14px;}

.page li:hover{background-color: #53b4b3;border: 1px solid #53b4b3;}

.page li:hover a{color: #fff;}

.curr{background-color: #53b4b3;color: #fff;border: 1px solid #53b4b3!important;}

.inews ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}

.inews ul li{background:url(../images/new_jt.jpg) no-repeat left center;line-height: 32px;height: 32px;}

.inews ul li a{ padding-left:15px; color:#303030; font-size:16px;}

.inews ul li a:hover{color: #53b4b3;margin-left: 5px;}

.inews ul li span{float:right;}

.inews ul p{color:#636363;font-size: 14px;}

/*内页样式*/

.nr{line-height:36px;font-size:16px;margin-bottom:30px;}

.pubdate{text-align: center;font-size:16px;}

.nr a{font-size: 16px;}

.sub{height:40px!important;width:120px;float:left;margin-left:30px;margin-top: 30px;border:0px;background-color: #53b4b3;text-align: center;color: #fff;line-height: 40px!important;font-size: 14px;}

.news ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}

.news ul li{line-height: 32px;height: 32px;}

.news ul li b{color: #53b4b3;}

.news ul li a{ color:#303030; font-size:16px;}

.news ul li a:hover{color: #53b4b3;margin-left: 5px;}

.news ul li span{float:right;}

.news ul p{color:#636363;font-size: 14px;}

.nyleft {width:260px;float: left;margin-right: 10px;}

.icpfl dl{text-align: center;font-size: 28px;color: #fff;line-height:26px;padding:24px 0px;;background-color: #53b4b3;}

.icpfl dl p{font-size: 16px;text-transform: uppercase;color: rgba(255,255,255,0.6);font-weight: normal;}

.icpfl ul{background-color: #D6D6D6;}

.icpfl ul li{border-bottom:1px solid #EDEDED;line-height:45px;}

.icpfl ul li a{font-size: 14px;padding-left:33px;}

.icpfl ul p{border-bottom: 1px solid #EDEDED;line-height:45px;}

.icpfl ul p a{font-size: 16px;padding-left:43px;}

.icpfl ul li:hover,.cpfl ul p:hover{background-color: #53b4b3;}

.icpfl ul li:hover a,.cpfl ul p:hover a{font-weight: bold;margin-left:10px;color: #fff;}

.icpfl ul li:last-child{border-bottom:none;}

.nlx{ margin-top: 15px;}

.nlxt{ height: 46px; line-height: 46px; background-color: #53b4b3; font-size: 16px; color: #fff;text-align: center;}

.nlxb{ padding:0px 0px 0px 5px; line-height:35px; font-size: 14px; border: 1px solid #CCCCCC;}

.iright {width:930px;float: left;}

.icpzs div{ width:225px; float:left;margin-right:10px;}

.icpzs div li{ width:223px; border:1px solid #ccc;border-radius: 5px;height: 223px;}

.icpzs div li a{text-align:center;width:223px;height:223px;display:table-cell;vertical-align:middle;overflow:hidden;}

.icpzs div li a img{vertical-align:middle;cursor:pointer;transition: all 0.6s;}

.icpzs div li a img:hover{transform:scale(1.3);}

.icpzs div p{ line-height:42px; height:42px; text-align:center;}

.icpzs div:nth-child(4n){margin-right: 0px;}

.tittle6 {text-align: center;line-height: 60px;height: 60px;font-size: 24px;font-weight: bold;}


@media screen and (max-width: 1770px){
  .gsjj{background: url(../images/jjbj.jpg) no-repeat -20% #f1f1f1;}
}
@media screen and (max-width: 1570px){
  .gsjj{background: url(../images/jjbj.jpg) no-repeat -40% #f1f1f1;}
}
@media screen and (max-width: 1440px){
  .gsjj{background: url(../images/jjbj.jpg) no-repeat -70% #f1f1f1;}
}