@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;}
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;}
.rel{position:relative;}.abs{position:absolute;}
.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}
.mt10{margin-top: 10px}
.mt20{margin-top:20px}

.container{ width:1200px; margin-left: auto; margin-right: auto;overflow: hidden;}
.container h2{background: #0596be;font-size: 24px;height: 55px;color: #fff;line-height: 47px;text-align:center;margin:15px 0}
.container h2 span{display: block;border-bottom: 4px solid #fff;height: 47px}
.zxbtn a{line-height: 30px;border-radius: 5px;background: #F17321;display:inline-block;color:#fff;margin:10px;padding:1px 15px}
.top{width:1200px; margin-left: auto; margin-right: auto;}
.logo{margin:10px 0}

.aul li{float:left;width:260px;margin:10px;padding:10px;background:#EAF7FC}
.aul li h5{background:#0596BE;color:#fff;width:100px;margin:0 auto 5px;text-align:center;font-size:16px;padding:1px 0}

.ck-ul li{width: 358px;overflow: hidden;margin: 10px;background: #FBFCFE;float: left;border:1px solid #9ECBC4;padding:10px;height:95px}
.ck-ul li h3{color: #0A95BD;font-size: 18px;border-bottom:1px dashed #0596BE;margin-bottom:10px;text-align:center}

.way li{width: 360px;overflow: hidden;margin: 10px;float:left;padding:10px;height:145px;background:#E7F4FA;}
.way li h5{font-size:18px;color:#137EBC;text-align:center}
.way li p{margin-top:5px}
.way li span{color:#EF7021}

.yshi li{float:left;border:1px solid #0596BE;padding:10px;width:358px;margin:10px;height:115px;}
.yshi li h5 span{background:#0596BE;color:#fff;display:inline-block;padding:1px 10px;font-size:17px;font-weight:normal}

.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: 46px;line-height:40px}
  .container h2 span{height:40px}
  .logo {margin:2%}
  .logo img{width:52%}
  .logo img:last-child{display:none}
  .ck-ul li,.way li,.yshi li,.ques li,.aul li{float:none;width:auto}
  .ck-ul li,.way li,.yshi li{height:auto;margin:10px 0}
  .ques li{margin:15px 0 5px}

}