@charset "utf-8";
/* usually */
body,html {font-family:Microsoft YaHei,sans-serif,Arial,Helvetica;color:#222;background:#fff;width:100%;line-height:1.6;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{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}
.tc{text-align: center;}
.container{ width:1200px; margin-left: auto; margin-right: auto;overflow: hidden;}
.container h2{background:#ECECEC; padding-left: 10px; line-height: 50px; color: #0768B5;font-size: 26px;border-left: 10px solid #0768B5;margin: 20px 0}
.zxbtn {margin-top: 20px}
.zxbtn a{display: inline-block;background: #0CA2FD;color: #fff;padding: 5px 9px;border-radius: 5px;font-size: 17px;margin: 0 4px}
.zxbtn a:last-child{background: #FF5306}
.zxbtn a img{margin-right: 5px}
.top{width:1200px; margin-left: auto; margin-right: auto;}
.head { background:#0768B5;padding: 15px}
.head p{color: #fff;font-size:21px}

.f-ul li{width: 286px;float: left;margin: 15px 7px 10px;color: #3C3C3C;overflow: hidden;}
.f-ul li div{padding: 10px;background: url(../images/boxbg.jpg) repeat-y;height: 170px}
.f-ul li h5{font-size: 18px;border-bottom: 1px solid #fff;padding-bottom: 5px;margin-bottom: 5px}

.r-ul{width: 940px;margin: 0 auto}
.r-ul li{float: left;width: 241px;margin: 10px;padding: 20px;background: #E4F1FB;height:225px;}
.r-ul li h4{color: #0768B5;padding: 5px 0}


.serbox ul {margin-top: 30px}
.serbox ul li{float: left;width: 280px;margin: 10px;background: #EDEDED;}
.serbox ul li h5{background: url(../images/titbg.jpg) no-repeat center;width: 186px;line-height: 34px;text-align: center;color: #fff;position: relative;left: 50%;margin-left: -93px;top: -15px;font-size: 18px}
.serbox ul li p{padding: 0 10px 10px}

.friendlink li{float:left;background:#ECECEC;margin:5px;text-align:center;width:230px;line-height:35px}

@media(max-width:900px){
  .top{width:100%;}
  .container{width:95%;}
  .head{padding: 10px}
  .head>img{width:45%;}
  .head p{font-size: 15px;margin-top: 2px}
  .head p img{width: 30px}
  .container h2{font-size: 21px;line-height: 40px}
  .zxbtn {margin-top: 15px}
  .f-ul li{width: 48%;margin: 1%;}
  .f-ul li div{height: auto;}
  .f-ul li img{max-width: 100%}
  .f-ul li h5{font-size: 17px}
  .r-ul{width:auto;margin-top: 10px}
  .r-ul li{width: 44%;margin: 1%;padding: 2%;height: 208px}
  .r-ul li img{max-width: 100%}
  .hdbox ul{margin: 10px 0;padding: 10px}
  .hdbox ul li{float: none;width: auto;margin: 10px 0;height: auto;}
  .serbox ul li{float: none;width: 100%;margin: 30px 0}
  .serbox .zxbtn{margin-top: 0}
   .friendlink li{float:none;width:auto;margin:10px 0}

}