@charset "utf-8";
::-webkit-scrollbar {width:0px;height:0px;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,q {display:block;}
table {border-collapse:collapse;}
ul,ol,li {list-style:none;}
em{font-style: normal;}
b{font-weight: normal;}
a {text-decoration:none;cursor:pointer;cursor:hand;color:inherit;}
body,html {font-family:Microsoft YaHei,sans-serif,Arial,Helvetica;color:#333;background:#fff;width:100%;line-height:1.6;word-wrap:break-word;font-size: 16px;overflow-x: hidden;}
.left {float:left;}
.right {float:right;}
.ti2{text-indent: 2em}
img{max-width: 100%;vertical-align: middle;}
.fix:before, .fix:after { content: ''; display: table; }
.fix:after { clear: both; }
.tc{text-align: center;}
.coll{color: #ff0000}
.container{ width:1200px; margin-left: auto; margin-right: auto;line-height: 1.6;font-size: 15px;overflow: hidden;}
.container h2{ font-size: 26px;color: #333;margin: 20px 0;font-weight: normal;text-align: center;}
.top{overflow: hidden;padding: 10px 0}
.top p{font-size: 14px;margin-top: 15px}
.top p em{color: #0496BF}
.banner {width: 1200px;margin: 10px auto}
.zxbtn{text-align: center;margin: 20px 0}
.zxbtn a{width:175px;height:42px;display:inline-block;border:1px solid #0570B6;border-radius:10px;color:#0570B6;font-size:18px;line-height:42px;text-align:center;transition:all .3s;}
.zxbtn a:hover{background-color:#0570B6;color:#fff;}

.bznav{ border-radius: 6px;box-shadow: 4px 4px 10px #9f9f9f;background: url(../images/bj.png) no-repeat;overflow: hidden;margin: 10px 0 30px}
.bznav ul li{float: left;border-right: 1px solid rgba(200,200,200,0.2);width: 108px;height: 105px;text-align: center;}
.bznav ul li a{color: #fff;display: block;height: 100%}
.bznav ul li img{margin:10px 0 3px;}
.bznav ul li  a:hover{background: #0596BE}

.sideleft {width: 600px;overflow:hidden;float: left;}
.sideleft{line-height: 30px;overflow: hidden;  }
.sideleft img{float: left;width: 345px;margin-right: 15px}
.sideright{float: right; width: 540px;  }
.sideright h3 {  background: #ebebeb; line-height: 45px; margin-bottom: 15px;font-weight: normal;font-size: 18px }
.sideright h3 span{display: inline-block;background: #0596BE;width: 100px;text-align: center;color: #fff;}
.sideright  ul li a { display: block; padding-left: 16px; position: relative; line-height: 30px; height: 30px; }
.sideright  ul li a:after { position: absolute; left: 0; top: 50%; width: 4px; margin-top: -2px; height: 4px; background:#0570B6; content: ""; border-radius: 50%; }
.sideright  ul li em { font-size: 15px; color: #333333; }
.sideright  ul li span { float: right; width: 80px; text-align: right; font-size: 14px; color: #666666; }
.sideright  ul li a:hover em{color: #0570B6}

.docmain{padding:10px 0;background: url(../images/dbg.jpg) repeat;margin-top:30px }
.docmain ul li{float: left;width: 260px;margin: 20px;background: #fff;border-radius: 5px;overflow: hidden;transition:all 0.5s ease}
.docmain ul li .doctxt{padding: 8px;}
.docmain ul li .doctxt h4{color: #0570B6;font-size: 17px;font-weight: normal;}
.docmain ul li .doctxt p span{background: #0570B6;color: #fff;padding: 3px 15px;display: inline-block;margin-top: 5px;margin-bottom: 10px;border-radius: 2px}
.docmain ul li img{max-width: 100%;}
.docmain ul li a {display:block;width:100%;height:100%;box-sizing:border-box;position:relative;background:#fff;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;}
.docmain ul li a:hover::after {width:100%;}
.docmain ul li a:after {content:'';width:0;height:4px;box-sizing:border-box;position:absolute;bottom:0;left:0;overflow:hidden;background:#0570B6;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.docmain ul li:hover {background:#fff;top:10px;box-shadow:0 0 10px #ccc;border-radius:5px;}
.service ul {padding:0 10px 20px 10px;}
.service ul li {border:1px #eeeeee solid;background:#fff;width:270px;float:left;margin:10px;height:320px;font-size: 15px}
.service ul li:hover {background:#fff;box-shadow:0 0 10px #ccc;border-radius:5px;}
.service ul li h4{color:#fff;font-size:16px;text-align:center;background: #0596BE;font-weight: normal;padding: 7px 0}
.service ul li p{padding: 10px}

.equip ul li{width: 380px;margin:10px;float: left;overflow: hidden;}
.equip ul li img{width:100%;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.equip ul li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}

.jyzn{background: url(../images/cbg.jpg);overflow: hidden;padding: 40px 0;margin-top: 30px}
.jyzn ul li{ width:290px; height:192px; text-align:center; color:#000;  font-size:18px; float:left; position:relative; margin:5px;}
.jyzn .t1{ background: #0596BE url(../images/guide_icon.png) center no-repeat; color:#fff; position:relative; width:590px;}
.jyzn .t1 span{ position:absolute; font-size:0.875rem;right:1.25rem; bottom:1.25rem;}
.jyzn .t1 p{ position:absolute; left: 120px;  top: 4.8125rem;    font-size: 1.625rem;}
.jyzn ul li p{position:absolute; left:6.5625rem;bottom:2.5rem;}
.jyzn ul li a{display: block;width: 100%;height: 100%}
.jyzn .t2{ background:#fff url(../images/icon_med_1.png)no-repeat center; }
.jyzn .t3{ background:#fff url(../images/icon_reg_1.png) no-repeat center; }
.jyzn .t4{ background:#fff url(../images/icon_order_1.png) no-repeat center; }
.jyzn .t5{ background:#fff url(../images/icon_inquiry_1.png) no-repeat center; }
.jyzn .t6{ background:#fff url(../images/icon_test_1.png) no-repeat center; }
.jyzn .t7{ background:#fff url(../images/icon_way_1.png) no-repeat center; }
.jyzn .t2:hover{ background:#0596BE url(../images/icon_med_2.png) no-repeat center;color:#fff; }
.jyzn .t3:hover{ background:#0596BE url(../images/icon_reg_2.png) no-repeat center; color:#fff;}
.jyzn .t4:hover{ background:#0596BE url(../images/icon_order_2.png) no-repeat center;color:#fff; }
.jyzn .t5:hover{ background:#0596BE url(../images/icon_inquiry_2.png) no-repeat center;color:#fff; }
.jyzn .t6:hover{ background:#0596BE url(../images/icon_test_2.png) no-repeat center;color:#fff; }
.jyzn .t7:hover{ background:#0596BE url(../images/icon_way_2.png) no-repeat center;color:#fff; }


@media screen and (max-width: 900px){
    .container{width: 96%}
    .top{width: auto;padding: 10px 0}
    .top img{width: 175px;margin-top: 5px}
    .top p{margin-top: 0}
    .banner{width: 100%;margin-top: 0}
    .bznav{height: auto;background:#1C58C7}
    .bznav ul li{width: 25%;margin:0;border-right: none;box-shadow: 1px 1px 0 0 rgba(200,200,200,0.2);height: auto;padding-bottom: 5px}
    .bznav ul li img{width: 35px}
    .sideleft,.sideright{float: none;width: auto;}
    .sideleft img{margin:0 0 10px;max-width: 100%;float: none;width: auto;}
    .sideright{margin-top: 20px}
    .sideright h3{margin-bottom: 15px}
    .jyzn .t1{background-size: 100%;width: 100%;}
    .jyzn .t1 span{width: 100%;right: 0;bottom: .8rem}
    .jyzn ul li{width: 31.33%;margin: 1%;height: 110px}
    .jyzn ul li p{width: 100%;left: 0;bottom: 10px}
    .jyzn .t1 p{left: 60px;width: auto;top: 32px}
	.service ul{padding:0}
    .docmain ul li,.equip ul li,.service ul li{width: 46%;margin: 2%}
    .service ul li{border:0;box-shadow: 0 0 0 1px #eee}

   
 }