@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; list-style: none; outline: none;}
header,article,footer,nav,section,aside,menu{ display:block;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:none;}
a{color:#333;text-decoration:none}
a:hover{color: #00478a;}
body{ min-width:320px; max-width:640px;font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; font-size:12px; color:#454545;background:#eee;}
.fl{ float:left;}
.fr{ float:right;}
.clear-fix { clear:both;}
.mob_mt { margin-top:0px;}
.cl{ clear:both; font-size:0; line-height:0; height:0; width:100%; overflow:hidden;}
.clearfix:after { content:""; display: table; clear:both;}
.clearfix{ zoom:1;}
.clear { clear: both;}
.warmp { width:100%; position:relative; right:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}

/*top*/
.navbar { position: fixed; top: 0; right:0; width: 100%; background:#0054a3 ; color: #fff; height:65px; line-height:65px;z-index:999; -webkit-transition:all .5s ease;transition:all .5s ease;}
.navbar .ico-home,.navbar .ico-nav { float:left; width:20%; overflow:hidden;text-indent:-9999em; background:url(../images/hy_01.png) center center no-repeat;}
.navbar .ico-nav { float:right; background:url(../images/hy_02.png) center center no-repeat;}
.navbar #title {  float:left; width:58%; margin:0 1%; color:#fff; text-align:center; overflow:hidden; -webkit-transition:font-size 0.2s ease-out; -o-transition:font-size 0.2s ease-out; -moz-transition:font-size 0.2s ease-out; transition:font-size 0.2s ease-out; height:65px; font-size:20px; line-height:65px; font-weight:100;}

/*右侧隐藏导航*/
.scroller { height:100%; overflow-y:auto;}
.nav { width:200px; position:fixed; top:0px; right:-200px; z-index:99999;  background:#0067cb ; -webkit-transition:all .5s ease; transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease; overflow-y: auto;}
.nav h3 { padding:10px 0; background:#fff; text-align:center;}
.nav h3 img { width:90%;}
.nav ul { padding:10px 0;}
.nav ul li { line-height:25px; padding:0 20px; font-size:16px; margin-bottom:13px;}
.nav ul li a { color:#fff;}
.nav ul li a i { font-size:12px; margin-left:5px; letter-spacing:1px; color:#fff; font-style:normal;}
.nav ul li h1 { font-size:16px; border-bottom:1px solid #fff; line-height:30px; font-weight:100; margin-bottom:5px;}
.nav ul li span { display:inline-block; width:50%; text-align:left; font-size:14px;}
.nav ul li span a { color:#ddd; width: 100%;}

.openNav{right:200px;}
.header{ width:100%; height:65px; position:relative; z-index:999;}

/*banner*/
.banner { margin:10px; overflow: hidden; position: relative;}
.banner a { display: block;}
.banner img { display: block; width: 100%;}
.banner .swiper-pagination { bottom: 10px;}
.banner .swiper-pagination span { width: 10px; height: 10px; margin: 0 5px !important; filter: alpha(opacity=100); opacity: 1; background: #fff;}
.banner .swiper-pagination .swiper-pagination-bullet-active { background: #f08519;}

/* 产品轮播 */
.product { padding: 10px; background: #fff;}
.product .swiper-slide { background: #fff;}
.product .swiper-slide .img { height: 95px; padding: 2px; border: 1px solid #ddd; overflow: hidden;}
.product .swiper-slide .img img { display: block; width: 100%; height: 95px;}
.product .swiper-slide p { width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #333; margin-top: 5px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product .swiper-button-prev,
.product .swiper-button-next { display: block; width: 38px; height: 56px; background-repeat: no-repeat; background-position: 0 0;}
.product .swiper-button-prev::after,
.product .swiper-button-next::after { display: none;}
.product .swiper-button-prev { background-image: url(../images/l.png); left: 0;}
.product .swiper-button-prev:hover { background-image: url(../images/l-h.png);}
.product .swiper-button-next { background-image: url(../images/r.png); right: 0;}
.product .swiper-button-next:hover { background-image: url(../images/r-h.png);}

/* 公司简介 */
.about-us { padding: 10px; margin-top:10px; overflow:hidden; background:#fff;}
.about-us .about-title { width:100%; line-height:25px; margin-bottom:10px;}
.about-us .about-title .col { float: left; width: 0; height: 15px; margin: 5px 5px 0 0; border-left: 2px solid #0054a3;}
.about-us .about-title .jieshao { float:left; color:#0054a3;}
.about-us .about-title .jieshao i { display: inline-block; font-size:12px; color:#999; font-style:normal; margin-left: 5px;}
.about-us .about-title .more { float:right; font-size:12px; color: #999;}
.about-us .about-main { width:100%;}
.about-us .about-main .pic{ display:block; width:100%; margin-bottom: 10px;}
.about-us .about-main .pic img{ display:block; width:100%;}
.about-us .about-main .msg { width:100%; line-height:25px; text-indent:2em;}
.about-us .about-main .msg a { font-size:12px;}
.about-us .about-main .msg .xq { color:#f08519;}

/* 西矿新闻 */
.news { padding: 10px; margin-top:10px; overflow:hidden; background:#fff;}
.news .tabs { height: 34px; border-bottom: 1px solid #0054a3; margin-bottom: 10px; padding-left: 10px;}
.news .tabs span { display: block; float: left; width: 90px; height: 33px; line-height: 33px; font-size: 14px; color: #000; cursor: pointer; text-align: center; border: 1px solid #fff; border-bottom: none; position: relative;}
.news .tabs span::after { display: block; content: ""; width: 0%; height: 1px; background: #fff; position: absolute; left: 0; bottom: -1px;}
.news .tabs span.on { border-color: #0054a3; color: #0054a3;}
.news .tabs span.on::after { width: 100%;}
.news .tabs a { float: right; font-size: 12px; color: #999; line-height: 36px;}
.news .swiper-slide { width: 100%; background: #fff;}
.news .swiper-slide .top { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.news .swiper-slide .top .img { float: left; width: 110px; height: 75px; padding: 2px; border: 1px solid #ddd; overflow: hidden;}
.news .swiper-slide .top .img img { display: block; width: 110px; height: 75px;}
.news .swiper-slide .top .msg { float: right; width: calc(100% - 125px);}
.news .swiper-slide .top .msg .nm { width: 100%; height: 30px; line-height: 30px; margin-bottom: 5px;}
.news .swiper-slide .top .msg .nm h3 { float: left; width: calc(100% - 85px); font-weight: 500; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .swiper-slide .top .msg .nm span { display: block; float: right; width: 75px; font-size: 12px; color: #999; text-align: right;}
.news .swiper-slide .top .msg p { width: 100%; height: 45px; line-height: 22px; font-size: 12px; color: #666; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news .swiper-slide li { width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #ddd;}
.news .swiper-slide li p { float: left; width: calc(100% - 85px); font-size: 12px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .swiper-slide li span { float: right; width: 75px; font-size: 12px; color: #999;}



/*共用栏目标题*/
.hy_gybt { width:100%; padding:5px 0 20px 0; background:url(../images/hy_08.png) no-repeat center 20px;}
.hy_gybt h3 { width:50%; margin:0 auto; background: #fff; font-size:20px; text-align:center; font-weight:100; position:relative;}
.hy_gybt h3 a { color:#333;}
.hy_gybt h3 i { display:block; font-style:normal; font-size:16px; color:#ccc;}
.hy_gybt .more { display:block; width:43px; height:25px; position:absolute; top:33px; right:-20px; z-index:9;}
.text { font-size:14px; margin: 10px 0; color: #999;  padding-bottom:10px;}
.text span{ float:left; padding:10px; font-size:25px; background:#ddd; color:#0067cb ; margin-right:10px; text-align:center;}
.text span i { display:block; font-style:normal; font-size:12px;}
.text .wwz {}
.text .wwz a { font-weight:bold; font-size:16px; color:#333;}
.text .wwz p { font-size:12px; color:#999; line-height:18px; margin-top:5px;}

/*检测项目*/
.hy_jcxm { background:#fff; margin:5px 0; padding:10px 0;}
.hy_jcxm li { float:left; width:33.3333333333333333333333333%; height:auto;}
.hy_jcxm li a { display:block; line-height:0;}
.hy_jcxm li img { width:95%; display:block; margin:0 auto;}
.hy_jcxm li h2 { width:90%; padding:0 3%; font-size:12px; font-weight:100; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hy_jcxm .fen a{ color: #fff; background:#F97775; text-align: center; font-size: 20px; height: 101px; line-height: 30px; padding-top: 20px; }
.hy_jcxm .fen span{ display: block; text-align: center; font-size: 30px; color: #F6BFB8 }
/*专家团队*/
.hy_jcxm .zhuan li { float:left; width:31%; margin: 0 1.1%; height:auto;}
.hy_jcxm .zhuan li a { display:block; line-height:0;}
.hy_jcxm .zhuan li img { width:100%;}
.hy_jcxm .yykg { display:block; float:left; width:48%; margin:0 10px 0px 0;}
/*检测百科*/
.hy_jcbk { background:#fff; margin:5px; padding:10px 0;}
.hy_jcbk li { height:35px; line-height:35px; border-bottom:1px dashed #ddd; background:url(../images/hy_09.png) no-repeat 5px center; padding-left:25px;}
.hy_jcbk li a { display:block; width:70%; float:left; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hy_jcbk li span { display:block; float:right; font-size:12px; color:#999;padding-right:1%;}

/*荣誉资质*/
.hy_ryzz li h2 { color:#614c39; font-size:14px; text-align: center; line-height: 40px; }
.hy_ryzz li{ float:left; width:50%; height:auto; margin-bottom: 20px;}

/*仪器设备*/
.hy_yqsb { background:#fff; margin:5px; padding:10px 5px;}
.hy_yqsb li { width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.hy_yqsb li .img { width:16%; max-width:135px; height:90px; float:left; margin-right:5%; overflow:hidden;}
.hy_yqsb li .img img { height:100%;}
.hy_yqsb li .wz { float:left; width:60%; max-width:400px;}
.hy_yqsb li .wz h2 { display:block; height:25px; width:100%; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; font-weight:100;}
.hy_yqsb li .wz h2 a { color:#333;}
.hy_yqsb li .wz p { line-height:22px; color:#666; font-family:"宋体"; font-size:12px; text-indent:2em;}
.hy_yqsb li .wz p a { color:#be392a;}

/*服务流程*/
.hy_fwlc { background:#fff; margin:5px; padding:10px 0;}
.hy_fwlc li { float:left; width:25%; height:30px; line-height:30px; border:1px solid #333; border-radius:2px; overflow:hidden; color:#333; text-align:center; margin:2% 1% 0% 1%;}
.hy_fwlc .bt { background:#333; color:#fff;}
.hy_fwlc .hyjt { width:6.5%; background:url(../images/hy_10.png) no-repeat center center; background-size:100%; border:none;}
.hy_fwlc .hzjt { width:6.5%; background:url(../images/hy_11.png) no-repeat center center; background-size:100%; border:none;}
.hy_fwlc .syjt { width:100%; background:url(../images/hy_12.png) no-repeat 88% center; border:none; clear:both;}
.hy_fwlc .szjt { width:100%; background:url(../images/hy_12.png) no-repeat 11% center; border:none; clear:both;}


/*问题解答*/
.qa dl{ font-size:14px; line-height:22px; border:1px dashed #ddd; padding:10px; margin-bottom:10px;}
.qa dl:nth-child(2n-1) { background:#f4f4f4;}
.qa dl a { color:#0067cb ;}
.qa dd { font-size: 14px; color:#666; }
.qa dt{ margin-bottom:5px; border-bottom:1px dashed #eee; padding-bottom:5px;}
.qa dl:nth-child(2n-1) dt { border-bottom:1px dashed #ddd;}

/*foot*/
.copyright { text-align:center; margin:10px 0; font-size:12px; line-height:25px; color:#999;}
.copyright a { color:#999;}

.footer{height:55px;}
.footer-con{width:100%; height:55px; position:fixed; z-index:100; right:0; bottom:0; background:#0054a3 ; -webkit-transition:right .5s ease; transition:right .5s ease;}
.footer li.zx{border:none;}
.footer li { float:left; width:33%; border-right:1px solid #fff; padding-bottom: 10px;}
.footer li:nth-child { border-right:none;}
.footer li a { display:block; height:30px; line-height:30px; padding:28px 0 0 0; text-align:center; font-size:14px; color:#fff; cursor:pointer;}
.footer li.zx a { background:url(../images/hy_14.png) center 6px no-repeat;}
.footer li.tel a { background:url(../images/hy_13.png) center 2px no-repeat;}
.footer li.yy a { background:url(../images/hy_15.png) center 2px no-repeat;}
.footer li.dh a { background:url(../images/hy_16.png) center 2px no-repeat;}
.bottom { line-height:20px; font-size:12px; color:#999; text-align:center; padding:10px; border-top: 5px solid #eee; background:#fff;}
.bottom p { width: 100%;}
.bottom p a { color:#999;}


/**新闻**/
.mob_new { padding:10px 0; background:#fff; margin-bottom:10px; border-bottom:2px solid #eee;}
.mob_new .mob_tite { background-image:url(../images/hospital.png)}
.mob_new .img { width:80px; height:60px; float:left; border-radius:6px; overflow:hidden; background:url(../images/wutu.jpg) no-repeat center center;}
.mob_new .img img { height:100%;}
.mob_new .new { padding-left:90px;}
.mob_new .new a { display:block; width:100%;}
.mob_new .new h3 { font-size:14px; color:#333; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mob_new .new p { color:#999; font-size:12px; margin-top:5px; line-height:18px; height:36px; overflow:hidden;}

/**案例**/
.mob_tite { font-size:18px; height:30px; line-height:30px; text-align:left; font-weight:bold; /*padding-left:35px; background-repeat:no-repeat; background-position:5px center; -webkit-background-size:25px 25px; background-size:25px 25px;*/ color:#000; margin-bottom:1px; background-color:#fff; line-height:30px;}
.mob_al { padding:10px; background:#fff;}
.mob_al .mob_tite { /*background-image:url(../images/icon_al.png)*/}
.mob_al li { border-bottom:1px solid #eee; width:100%;}
.mob_al li a { display:block;}
.mob_al li img { display:block; width:100%; margin:10px auto; border-radius:6px; overflow:hidden;}
.mob_al li h3 { font-size:14px; color:#333; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mob_al li p { color:#999; font-size:12px; margin:5px 0 10px 0; line-height:18px; height:36px; overflow:hidden;}



/***二级页面***/
/*单页、文章内容*/
.content{padding:10px; line-height:150%; background:#fff;}
.position{ height:40px; line-height:40px; text-indent:10px; margin:10px auto; font-size:14px; overflow:hidden; background:#fff;}
.pager-next-pre { padding:10px 10px 5px 10px; line-height:30px; font-size:14px;}
.pager-next-pre p { margin:0;}
.theme { font-size:16px; text-align:center; line-height:25px; margin:0 auto; padding:10px 0;}
.ms_time { color:#999; font-size:12px; text-align:center; padding-bottom:10px; border-bottom:1px solid #ddd;}

.nav_list {}
.nav_list a { display:block; float:left; background:#fff; border:1px solid #0067cb ; color:#0067cb ; border-radius:2px; overflow:hidden; margin:5px; padding:0 5px; font-size:13px; line-height:25px;}
.intro{line-height:25px; padding:5px 0px; max-width:95%; font-size:12px; margin:0 auto;}
.content {line-height:25px; margin:0 auto;}
.intro p,
.content p {line-height:25px; font-size:13px; margin-bottom:0;}
.intro img,
.content img { max-width:95%; display:block; margin:5px auto;height:20%;height:auto;}

.chang_pages { font-size:12px; text-align:center; line-height:25px; padding:5px 10px;}
.chang_pages li { display: inline-block; margin:2px; border:1px solid #ddd; background:#fff;}
.chang_pages li a,
.chang_pages li span { display:block; padding:0 10px;}
.chang_pages .active { border:1px solid #0067cb; background:#0067cb;}
.chang_pages .active span { color:#fff;}
.chang_pages .disabled { border:1px solid #ddd;}
.chang_pages .disabled span { color:#999;}

.info-list { width:100%; background:#fff; padding:10px 0;}
.info-list li { width:95%; margin:0 auto 10px auto; padding-bottom:10px; border-bottom:2px solid #eee;}
.info-list li h5 { font-size:15px; color:#333; line-height:30px; font-weight:bold; width:100%;}
.info-list li h5 span { display:block; float:left; width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.info-list li h5 i { font-style:normal; font-size:12px; color:#999; float:right; font-weight:100;}
.info-list li p { font-size:12px; color:#999; line-height:20px; text-indent:2em;}
.info-list li .img { width:100%; border-radius:4px; overflow:hidden; margin-bottom:5px;}
.info-list li .img img { width:100%;}

/*联系我们单独页面*/
.c_ontact { width:100%;}
.c_ontact .compan { width:100%; background:#f5f4f4; text-align:center; position:relative; line-height:30px; padding:15px 0;}
.c_ontact .compan p { font-size:14px; color:#e29613;}
.c_ontact .compan h1 { font-size:20px; color:#222; font-weight:100; margin:0;}
.c_ontact .compan span { display:block; font-size:12px; color:#999;}
.c_ontact .compan i { display:block; width:94px; height:47px; position:absolute; bottom:-47px; left:0; right:0; margin:0 auto; background:url(../images/contact_ico.png) no-repeat 0 0;}
.c_ontact .contac_t { padding:50px 15px 0 10px;}
.c_ontact .contac_t li { padding-left:40px; line-height:45px; background-position:left 8px; background-repeat:no-repeat; margin-top:10px;}
.c_ontact .contac_t .ct1 { background-image:url(../images/contact_ico06.png);}
.c_ontact .contac_t .ct2 { background-image:url(../images/contact_ico02.png);}
.c_ontact .contac_t .ct3 { background-image:url(../images/contact_ico01.png);}
.c_ontact .contac_t .ct4 { background-image:url(../images/contact_ico04.png);}
.c_ontact .contac_t .ct5 { background-image:url(../images/contact_ico05.png);}
.c_ontact .contac_t .ct6 { background-image:url(../images/contact_ico03.png);}
.c_ontact .cont_map { width:100%; height:64px; background:url(../images/contact_map.png) no-repeat center top; margin:40px auto 30px auto;}


/*在线留言*/
.company { background:#fff; padding:20px 30px;text-align:center;}
.company li { margin-bottom:15px;}
.company_l { margin-left:4px;}
.company_r { color:#434343; margin-right:4px; text-indent:2em;}
.company_r span { display:block; line-height:26px; margin-top:26px;}
.company_bot { margin-bottom:175px;}
.main_ly li { clear:both; color:#3c3b3b; line-height:30px; padding:0 0 12px;}
.main_ly_t1 { float:left; width:60px; height:30px; font-size:15px; line-height:30px;}
.main_ly_t2 { color:#999999; float:left; font-size:12px; padding:5px 0 0 60px;}
.main_bd { border:1px solid #dddddd; float:left; height:30px; line-height:30px; padding:0 0 0 5px;}
.main_bd1 { border:1px solid #dddddd; float:left; font-size:14px; height:102px; line-height:25px; padding:5px;}
.main_bd2 { border:1px solid #dddddd; float:left; height:29px; line-height:29px; padding:0 0 0 5px; width:115px;}
.main_but { clear:both; padding:20px 0 0;}
.main_but input { display:block; float:left; border:none; margin-right:30px; height:35px; width:100px; border:0px; color:#3c3b3b; font-size:16px; line-height:35px; cursor:pointer;}
.main_but .blue { background:#0067cb ; color:#fff;}

.openMenu {right:200px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.openMenu .navbar { right:200px; -webkit-transition:all .5s ease;transition:all .5s ease;}
.openNav { right:0; -webkit-transition:all .5s ease; transition:all .5s ease;}

/*免费咨询电话2017-03-14*/
.mobile_tel { background:#fff;margin-top:20px;}
.mobile_tel a { display:block; color:#f64e5d; font-size:22px; border-radius:10px; padding:10px 0; margin:0 auto;}
.mobile_tel a i { float:left; width:55px; height:51px; background:url(../images/xaphone.gif) no-repeat 10px 0 / 70% auto;}
.mobile_tel a b { font-weight:100; font-size:16px; color:#333;}
.mobile_tel a span { line-height:40px; font-weight:bold;}

/* 在线招聘 */
.form { padding: 0 15px;}
.form dl { margin-bottom:10px;}
.form dl dt { width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #666;}
.form dl dd { width: 100%;}
.form dl dd .jobip { display: block; width: calc(100% - 22px); height: 35px; line-height: 35px; font-size: 14px; color: #333; padding: 0 10px; border: 1px solid #ddd; background: #fff;}
.form dl dd .tarea_default { display: block; width: calc(100% - 22px); line-height: 25px; font-size: 14px; color: #333; padding: 10px; border: 1px solid #ddd; background: #fff;}
.form dl dd p { display: inline-block; height: 35px; line-height: 35px; font-size: 14px; color: #333; margin-right: 40px;}
.form dl dd p input { display: block; float: left; margin: 11px 10px 0 0;}
.form dl .yzm { display: flex; justify-content: space-between; width: 100%;}
.form dl .yzm input { display: block; width: calc(100% - 190px); height: 35px; line-height: 35px; font-size: 14px; color: #333; padding: 0 10px; border: 1px solid #ddd; background: #fff;}
.form dl .yzm img { display: block; width: 145px; height: 35px; margin: 0; border: 1px solid #ddd;}
.form .btn_blue { display: block; width: 48%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; margin-top: 5px; border: none; background: #0067cb;}