@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;}
.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: 35px;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}

.bzicon{background:url(../images/iconbg.png) repeat-y;text-align:center;padding:10px 0;margin-bottom:10px}
.bzicon li{float:left;width: 195px;font-size:18px;border-right:1px solid #64b8a0}
.bzicon li:last-child{border-right:0}
.bzicon li img{margin-bottom:5px}
.bzicon li a{color:#fff}

.newsbox {margin:35px 0 10px}
.newsbox img{width:174px;margin-left:15px}
.bzbox {width:1000px;}
.bzbox a{background:#EEEDF3;display:inline-block;margin:6px;width:317px;text-align:center;line-height:40px}

.f-ul li{border: 1px solid #DBDBDB;width: 548px;background: #FAFAFA;padding: 55px 10px 10px;position: relative;margin:15px;float:left}
.f-ul li h5{font-size: 18px;background: url(../images/titbg.png) no-repeat;line-height: 40px;color: #fff;width: 281px;left: 50%;margin-left: -140px;position: absolute;top: -6px}

.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: 550px;overflow: hidden;margin: 10px;float:left;background: url(../images/boxbg2.jpg) repeat-x center;padding:15px;height:152px}
.way li h5{font-size:18px;color:#137EBC;text-align:center}
.way li p{margin-top:5px}
.way li p b{display: inline-block;background: #FF6507;color: #fff;padding: 0 10px;font-weight:normal;margin-right:5px}

.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}
  .f-ul li,.ck-ul li,.way li,.yshi li,.ques li{float:none;width:auto}
  .f-ul li{margin:20px 0 10px}
  .ck-ul li,.way li,.yshi li{height:auto;margin:10px 0}
  .ques li{margin:15px 0 5px}
  .bzicon{padding:0}
  .bzicon li{width:33.33%;font-size:15px;border-right:none;box-shadow:1px 1px 0 0 #64b8a0;padding:10px 0}
  .bzicon li img{width:40px}
  .newsbox{margin-top:20px}
  .newsbox img{display:none}
  .bzbox{width:100%;float:none;}
  .bzbox a{width:100%;margin:5px 0;line-height:33px}
}