@charset "utf-8";
/* usually */
body,html {font-family:Microsoft YaHei,sans-serif,Arial,Helvetica;color:#333;background:#fff;width:100%;word-wrap:break-word;font-size: 16px;overflow-x: hidden}
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;}
h1,h2,h3,h4,h5,h6{font-size: inherit;}
ul,ol,li{list-style:none;}
a{text-decoration: none;color:#333}
a:hover{color: #006CBB}
img{vertical-align: middle;max-width: 100%}
.auto{margin-left:auto;margin-right:auto;}
.l{float:left;}.r{float:right;}.tc{text-align: center;}
.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;}
em{font-style: normal;}
.coll{color: #ff0000}
.ti2{text-indent: 2em;}
.mr10{margin-right: 10px}
.mt10{margin-top: 10px}.mt5{margin-top: 5px}
.mt20{margin-top: 20px}
.tc{text-align: center;}
.container,.top,.banner{ width:1200px; margin:20px auto;overflow: hidden;line-height:28px;}
.top,.banner{margin: 5px auto}
.zxbtn {margin: 20px 0 5px;text-align: center;}
.zxbtn a{display: inline-block;background: #0CA2FD;color: #fff;padding:0 20px;line-height: 32px;border-radius: 3px;font-size: 16px;margin: 0 4px}
.zxbtn a:last-child{background: #FA6400}

.logo{width:450px;}
.toptel{width:310px;}
.title{ font-size: 20px; line-height: 35px;border-bottom:1px solid #ebebeb;margin-bottom: 10px;color: #006CBB}
.title span{display: inline-block;border-bottom: 3px solid #006CBB}

.con1_mid{ width:830px;  border:1px solid #e5e5e5; float:left; padding: 5px 10px 9px;overflow: hidden;}
.con1_mid img { height: 299px;width: 300px;float: left;border-right: 10px solid #fff}
.list-ul{border-top: 1px dashed #e5e5e5;margin-top: 9px;padding-top: 6px }
.list-ul li{ line-height:30px; background: url(../images/li.png) no-repeat left center;padding-left: 10px;float: left;margin: 0 10px;width: 228px;}
.con1_right{ width:308px; float:right; border:1px solid #e5e5e5;padding: 5px 10px 12px}
.con1_right dd{ line-height: 50px}
.con1_right dd img{ margin-right: 10px}
.con1_right .zxbtn{margin-top: 10px}


.ck-ul li{padding-bottom: 15px;border-bottom: 1px dashed #007dcf;overflow: hidden;float: left;width: 580px;margin:8px 10px;}
.ck-ul li b{color: #007dcf}
.cure li{float: left;margin: 8px;box-shadow: 0 0 0 1px #EAEEED;padding: 10px;width: 364px}
.cure li h4{background: #0596BE;width: 140px;color: #fff;text-align: center;line-height: 30px;margin: 0 auto 5px}

.news-ul li a{display: block;line-height: 35px;border-bottom: 1px dashed #ccc;float: left;width: 370px;margin: 1px 10px;background: url(../images/li.png) no-repeat left center;padding-left: 10px;}
.news-ul li a:hover{text-decoration: underline;color: #333}

.y-ul li{float: left;width: 565px;margin:0 15px;overflow: hidden;border-bottom: 1px dashed #BEBEBE;padding: 15px .0}
.y-ul li h5{font-size: 17px;color: #0068B7;margin-bottom: 5px;}


@media(max-width:900px){
  .container{width:95%;margin: 10px auto}
  .top,.banner{width: 100%;margin-top: 10px}
  .logo{width:80%;margin-left: 10px}
  .toptel{display: none}
  .con1_mid,.con1_right,.leftbox,.y-ul li{float: none;width: auto;}
  .con1_mid{margin: 15px 0;}
  .con2_left{margin: 10px 0}
  .con1_mid img{display: none;}
  .con1_right dd{line-height: 40px}
  .ck-ul li,.cure li{float:none;margin:10px 2px;width:auto}
  .ck-ul li{padding-bottom:12px}
  .y-ul li{margin: 5px 0}
  .y-ul li img{width: 135px}
  .y-ul li h5{font-size:16px}
  .news-ul li a{float:none;width:auto;margin:1px 0}

}