@charset "utf-8";
/* usually */
body,html {font-family:Microsoft YaHei,sans-serif,Arial,Helvetica;color:#464646;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:#222;}
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;}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
.mr10{margin-right: 10px}
.mr20{margin-right: 20px}
.container,.header{ width:1200px; margin-left: auto; margin-right: auto;overflow: hidden;}
.container h2{background: #00a0b9 url(../images/titbg.png) no-repeat center;font-size: 24px;line-height: 48px;color: #fff;margin: 20px 0}
.container h2 span{color:#fc5019;}
.top { background: #0AA1B6;padding: 10px}
.top p{color: #fff;font-size:21px}
.top p a{color:#fff}
.zxbtn {margin: 20px 0 10px;text-align: center;font-size: 18px;}
.zxbtn a{display: inline-block;background: #FB422A;color: #fff;padding: 5px 20px;border-radius: 5px;margin: 0 10px}
.zxbtn a:last-child{background: #F67106}

.iAbout video{width:400px}
.iAbout .zxbtn a{width:100px;margin:0 10px}
.A ul li{float: left;width: 330px;margin: 10px 20px;background: #b0ebf5;padding: 15px;height:330px;}
.A ul li h4{background: #fff;text-align: center;padding: 5px;color: #00A0B9;font-weight: normal;font-size: 17px}
.A ul li img{margin: 15px 0 10px;max-width: 100%}
.B ul li{border:1px solid #00A0BA;padding: 10px;background: #E1F8FC;float: left;width: 358px;margin: 10px;height: 120px}
.B ul li h4{background:#00A0B9;color: #fff;margin: 5px auto 10px;border-radius: 20px;width: 180px;font-weight: normal;padding:2px 0;text-align: center;}
.C ul {margin-top: 10px}
.C ul li{float: left;width: 370px;margin: 10px 15px}
.C ul li img{max-width: 100%}
.C ul li h5{color: #00A0B9;font-size: 17px;margin: 10px 0 5px}
.D ul li{overflow: hidden;float: left;margin: 0 10px;width: 580px;border-bottom: 1px dashed #bfbfbf;padding: 15px 0}
.hotlist ul li{float: left;width: 278px;text-align: center;border:1px solid #00A0B9;margin:8px 10px;line-height: 35px}
.hotlist ul li a:hover{background:#00A0B9;color: #fff;display: block;}



@media(max-width:900px){
  .container{width:94%;}
  .header{width: 100%}
  .top>img{width:161px;}
  .top p{margin-top: 3px;font-size: 16px}
  .top p img{width: 30px}
  .container h2{font-size: 19px;background: #00a0b9;line-height: 40px;margin: 20px 0 10px}
  .zxbtn{margin: 10px 0 5px;font-size: 16px }
  .A ul li{float: none;width: auto;margin: 10px 0;height: auto;}
  .B ul li{float: none;width: auto;height: auto;margin: 15px 0}
  .C ul li{float: none;width: auto;margin: 10px 0;font-size: 15px}
  .C ul li img{float: left;margin-right: 10px;width: 140px}
  .C ul li h5{margin: 0}
  .D ul li{float: none;width:auto;margin: 0}
  .D ul li p{margin-top: 5px}
  .hotlist ul {margin-top: 20px}
  .hotlist ul li{float: none;width: auto;}
  .iAbout img{float:none;margin:10px 0}

}