@charset "utf-8";
/* usually */
body,html {font-family:Microsoft YaHei,sans-serif,Arial,Helvetica;color:#222;background:#fff;width:100%;line-height:1.65;word-wrap:break-word;}
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:#5D5D5D}
img{vertical-align: middle;}
.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;}
.img-responsive,img{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}mt5{margin-top:5px}.ml10{margin-left: 10px}
.mt10{margin-top: 10px}
.mt20{margin-top:20px}

.container{ width:1200px; margin-left: auto; margin-right: auto;overflow: hidden;}
.container h2{border-bottom: 2px solid #ddd;font-size: 24px;height: 50px;color: #0083DB;line-height: 47px;text-align:center;margin:15px 0}
.container h2 span{display:inline-block;border-bottom: 4px solid #0083DB;}
.zxbtn a{line-height: 32px;background:linear-gradient(#eedb51, #f4c240);display:inline-block;color:#000;margin:10px;padding:1px 15px;border:1px solid #d1b8b8}
.top{width:1200px; margin-left: auto; margin-right: auto;}
.logo{margin:10px 0}

.picbox{margin-right:10px;width:400px}



.aul{margin-bottom:10px}
.aul li{float:left;margin:10px;width:550px;background:#e4f0f8;padding:15px}
.aul li h5{background:#0896D4;color:#fff;text-align:center;width:110px;padding:2px;margin-bottom:8px}

.ckul li{margin:15px 10px;float:left;width:360px;background:#FFF3EF;padding:10px;height:195px}
.ckul li h5{color:#ff3c00;font-size:17px}
.ckul li p span{display: inline-block;padding: 4px;background: #BBDFFB;margin: 5px}

.cure li{border-bottom: 1px solid #626262; padding-bottom: 15px; margin:8px 10px;overflow:hidden;float:left;width:580px}
.cure li h3{font-size: 16px; color: #212121; margin-bottom: 8px; }
.cure li h3 span{display: inline-block; text-align: center; width:24px; height: 24px; line-height: 24px; background: #087dd5; color: #fff; margin-right: 6px;}

.yshi{margin-bottom:10px}
.yshi li {overflow: hidden;padding:5px 0;border-bottom: 1px solid #DBDBDB;margin: 5px 10px;float:left;width:580px;height:100px}
.yshi li h5 {color: #fff;margin-bottom: 10px;background: #0A83D9;width: 200px;text-align: center;font-weight: normal;padding: 3px 0}
.yshi li:nth-child(2) h5{background: #0896D4}
.yshi li:nth-child(3) h5{background: #00926B}
.yshi li:nth-child(4) h5{background: #035084}

.ques li{float:left;background:#ECECEC;margin:10px;text-align:center;width:280px;line-height:38px}
.ques li a:hover{color:#0C83DC}

@media(max-width:900px){
  .top{width:100%;}
  .container{width:95%;}
  .container h2{margin:10px 0;font-size:19px;height: 40px;line-height:40px}
  .container h2 span{height:37px}
  .logo {margin:2%}
  .logo img{width:52%}
  .logo img:last-child{display:none}
  .ques{margin-top:16px}
  .ques li{margin:10px 0 0;float:none;width:auto}
  .aul{margin-bottom:0}
  .aul li,.hul li,.yshi li{float:none;margin:13px 0;width:auto}
  .ckul li{float:none;width:auto;height:auto;margin:13px 0}
  .cure li img{width:30%}
  .cure li h3{padding-top:0}

}