@charset "utf-8";
/* CSS Document */
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;}
body,button,input,select,textarea{font-size: 16px; font-family: "Microsoft Yahei";line-height:28px;}h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}ul,ol{list-style:none;}a{text-decoration:none;}a:hover{text-decoration:underline;}a:focus{outline:none;}a{outline:none;color:#4f4f4f}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}fieldset,img{border:0;}table{border-collapse:collapse;border-spacing:0; }
/*margin*/
.m0{margin: 0px;}
.m1{margin: 1px;}.ml1{margin-left: 1px;}.mt1{margin-top: 1px;}.mr1{margin-right: 1px;}.mb1{margin-bottom: 1px;}
.m2{margin: 2px;}.ml2{margin-left: 2px;}.mt2{margin-top: 2px;}.mr2{margin-right: 2px;}.mb2{margin-bottom: 2px;}
.m5{margin: 5px;}.ml5{margin-left: 5px;}.mt5{margin-top: 5px;}.mr5{margin-right: 5px;}.mb5{margin-bottom: 5px;}
.m10{margin: 10px;}.ml10{margin-left: 10px;}.mt10{margin-top: 10px;}.mr10{margin-right: 10px;}.mb10{margin-bottom: 10px;}
.m15{margin: 15px;}.ml15{margin-left: 15px;}.mt15{margin-top: 15px;}.mr15{margin-right: 15px;}.mb15{margin-bottom: 15px;}
.m20{margin: 20px;}.ml20{margin-left: 20px;}.mt20{margin-top: 20px;}.mr20{margin-right: 20px;}.mb20{margin-bottom: 20px;}
.tc{text-align:center;}.auto{margin-left:auto;margin-right:auto;}.l{float:left;_display:inline;}.r{float:right;_display:inline;}.fix{*zoom:1;}.fix::after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.ti2{text-indent:2em}
/*body*/
.zxbtn{text-align:center;margin:20px 0}
.zxbtn a{  color: #fff;  font-size:16px; padding:2px 12px;background:#ff5a02;display:inline-block;border-radius:3px}
.container{width:1200px; margin-left: auto; margin-right: auto; color:#4f4f4f;}
h2{ padding-bottom:9px; border-bottom: 1px solid #b1c0ca; margin:20px 0;text-align:center}
h2 span{ font-size: 30px; color:#008cd6; border-bottom: 3px solid #008cd6; padding-bottom: 8px;}
/*head*/
.head{ background: #107ebd; width: 1160px; margin:0 auto;overflow:hidden;padding:0 20px}
.head .logo{ width:360px;}
.head .tel{width:293px;}
.head ul{ width: 400px;  margin-top: 15px;}
.head ul li{width:50%; float: left; margin-bottom: 5px; color:#fff; }
.banner{width:1200px;margin:0 auto}
.A-ul li{float:left;margin:10px;padding:10px;width:558px;border:1px solid #008CD6;height:140px;}
.A-ul li h4{background:#008CD6;width:120px;margin:0 auto 5px;color:#fff;border-radius:20px;text-align:center}
.Bbox{background:#FFFFEE;padding:20px;margin:20px}
.Bbox h4{font-size:18px;color:#008CD6;text-align:center}
.Bbox ul li{border-bottom: 1px dashed #a0a0a0;padding: 5px;}
.tips{background: #fffbd4;border: 1px dashed #f56801;padding: 10px;border-radius: 4px;margin: 15px 0;}
.Hlist li{float:left;width:280px;margin:10px;background:#EAEEFF;text-align:center;line-height:35px}
.Hlist li a{display:block}
.zul li {border-bottom:1px dashed #ccc;padding:8px 0}
.zul li h3{color:#008CD6;font-size:17px;margin-bottom:3px}

@media(max-width:900px){
  .head{width:auto;padding:0 5px;height:45px}
  .banner{width:auto}
  .container{width:95%;}
  img{max-width:100%}
  .head ul{display:none}
  .head .logo{width:46%}
  .head .tel{width:48%}
  h2{padding-bottom:6px;margin:10px 0}
  h2 span{font-size:18px;padding-bottom:7px;}
  .A-ul li{float:none;width:auto;height:auto;margin:10px 0}
  .Bbox{margin:10px 0;padding:10px}
  .Hlist{margin-top:18px}
  .Hlist li{float:none;width:auto}


}