/* usually */
html{font-size: 62.5%; color: #333333; font-family: "MicroSoft YaHei";}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
ul,ol,li{list-style:none;}
img{vertical-align: middle;}
a{text-decoration: none;color:#585858}
a:hover{color:#C31E37 }
.auto{margin-left:auto;margin-right:auto;}
.l{float:left;}.r{float:right;}.tc{text-align: center;}
.db{display:block;}.dn{display:none;}.dib{display: inline-block;}
.ovh{overflow:hidden;}.rel{position:relative;}.abs{position:absolute;}
.fix::after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.rel{position:relative;}.abs{position:absolute;}
.img-responsive{max-width: 100%; height: auto; }
.ellipsis{text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap;}
.coll{color: #ff0000}
.ti2{text-indent: 2em;}
/* 整体布局 */
.container{ width:1200px; margin-left: auto; margin-right: auto;line-height: 1.6;font-size: 15px;overflow: hidden;}
.header{width:1200px; margin-left: auto; margin-right: auto;margin-bottom: 20px;}
.container h2{border-bottom: solid 1px #cccccc;font-size: 24px;padding-bottom: 3px;margin-bottom: 15px}
.container h2 span{border-bottom: 2px solid  #C31E37;color:#C31E37;padding-bottom: 5px }
.zxbtn a{display: inline-block;background: #FF8A00;color: #fff;padding: 2px 8px;font-size: 15px;border-radius: 5px;margin:10px 3px}
.zxbtn a:last-child{background: #c31e37}
/*logo*/
.logo{margin:20px 10px;overflow: hidden;}
.logo p{font-size: 14px;margin-top: 5px}
.video{width: 380px;margin-top: 10px}
.video video{width: 100%}
.news{width: 775px;}
.news li{ line-height:29px;font-size:15px;float: left;margin: 2px 10px;width: 365px}
.news li span{ height:28px; float:right; color:#666;}
.news li a span{ float:none; font-size:12px;}
.ztlist li{float: left;width: 360px;margin: 15px 20px;text-align: center;overflow: hidden;}
.ztlist li a{color: #fff}
.ztlist li div{overflow:hidden}
.ztlist li p{background: #ed3a55;padding: 8px 0;font-size: 20px;}
.ztlist li img{max-width: 100%;-webkit-transition: all .5s ease 0s;-moz-transition: all .5s ease 0s;transition: all .5s ease 0s;}

.service{  width:376px;}
.container .service h2{margin-bottom: 0}
.service ul{width:100%;overflow:hidden;border:1px solid #dbdbdb;border-top: none }
.service li{float:left;width:124px;height:80px;overflow:hidden;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;text-align:center;}
.service li span{display:block;width:35px;height:35px;overflow:hidden;margin-top:10px;margin-bottom:3px;margin-left:40px;*margin-left:0px;}
.service li span.list_01{background:url(../images/ico1.png) no-repeat;background-size: 35px}
.service li span.list_02{background:url(../images/ico2.png) no-repeat;background-size: 35px}
.service li span.list_03{background:url(../images/ico3.png) no-repeat;background-size: 35px}
.service li span.list_04{background:url(../images/ico4.png) no-repeat;background-size: 35px}
.service li span.list_05{background:url(../images/ico5.png) no-repeat;background-size: 35px}
.service li span.list_06{background:url(../images/ico6.png) no-repeat;background-size: 35px}
.service li span.list_07{background:url(../images/ico7.png) no-repeat;background-size: 35px}
.service li span.list_08{background:url(../images/ico8.png) no-repeat;background-size: 35px}
.service li span.list_09{background:url(../images/ico9.png) no-repeat;background-size: 35px}
.service li a{font-size:16px;color:#797979;}
.service li.current{background:#C31E37}
.service li.current a{color:#fff}
.service li.current span.list_01{background: url(../images/ico_hover1.png) no-repeat;background-size: 35px}
.service li.current span.list_02{background:url(../images/ico_hover2.png) no-repeat;background-size: 35px}
.service li.current span.list_03{background:url(../images/ico_hover3.png) no-repeat;background-size: 35px}
.service li.current span.list_04{background:url(../images/ico_hover4.png) no-repeat;background-size: 35px}
.service li.current span.list_05{background:url(../images/ico_hover5.png) no-repeat;background-size: 35px}
.service li.current span.list_06{background:url(../images/ico_hover6.png) no-repeat;background-size: 35px}
.service li.current span.list_07{background:url(../images/ico_hover7.png) no-repeat;background-size: 35px}
.service li.current span.list_08{background:url(../images/ico_hover8.png) no-repeat;background-size: 35px}
.service li.current span.list_09{background:url(../images/ico_hover9.png) no-repeat;background-size: 35px}
.rexian p{background: #f2f2f2;color: #fa6322;text-align: center;padding: 5px}
.yscon ul li{ width:374px; height:312px;  margin:20px 10px; float:left; border:solid 3px #ebf2f3;  }
.yscon h3{ font-size:24px; font-weight:normal; text-align:center; line-height:40px; margin-top:20px;}
.yscon .p_tip{ font-size:18px; color:#fa7404; text-align:center;}
.yscon .p_des{ font-size:14px; line-height:24px; padding:0 10px 10px 10px; text-indent:2em; margin-top:10px; color:#666666; border-bottom: dashed 1px #949fa4;}
.yscon dl{  position:relative; width:330px; height:105px; margin:10px auto 0 auto;}
.yscon dl dd{ width:165px; height:35px; float:left; line-height:35px; font-size:16px; color:#666666;}
.piclist li{float: left;margin: 10px;width: 380px;overflow: hidden;}
.piclist li img{width:100%;-webkit-transition: all .5s ease 0s;-moz-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.piclist li:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}

.disease_bk{overflow:hidden;margin-bottom:20px}
.disease_bk ul li{ float:left; width:294px;  margin:3px;overflow:hidden;}
.disease_bk ul li a{ display:block; line-height:35px; text-align:center; font-size:16px;color:#fff;}
.disease_bk img{margin: 7px 3px 0;}
.piece_one{ background:#28b4c3}
.piece_two{ background:#5bd999}
.piece_three{ background:#fb8923}
.piece_four{ background:#eac14d}
.piece_five{ background:#e6567a}
.piece_six{ background:#c275c3}
.piece_seven{ background:#b8c039;}


@media(max-width:900px){
  .container{width: 96%;}
  .header{width: 100%}
  .logo{margin: 2%}
  .logo img{width:53%;margin-top: 5px}
  .logo p{margin-top: 0}
  .mar{margin: 20px auto}
  .container h2{font-size:21px}
  .team,.service,.news,.disease_bk {float: left;width: auto;}
  .service{margin-top: 10px}
  .news{margin: 0;float: none}
  .news ul{margin: 15px 0;overflow: hidden;}
  .news ul li{float: none;width: auto;margin: 0}

  .zxbtn a{margin: 5px 0;}
  .service ul{width: auto;border-right: none}
  .service li{width: 33.33%;box-shadow: 0 0 0 1px #e0e0e0;border:0;}
  .yscon ul li{float: none;width: auto;margin: 15px 0;height: auto;}
  .yscon ul li h3{margin-top: 10px}
  .piclist  li,.ztlist li{width: 46%;margin: 2%}
  .ztlist li p{padding: 5px 0;font-size: 16px}
  .disease_bk ul li{width: 48%;margin: 1%}
	
}