@charset "utf-8";
/* usually */
body,html {font-family:Microsoft YaHei,sans-serif,Arial,Helvetica;color:#333;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;}
img{vertical-align: top}
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}
.container{ width:1200px; margin-left: auto; margin-right: auto;overflow: hidden;}
.container h2 { font-size:24px; background:#c31e37; margin: 20px 0;text-align: center;color: #fff;position: relative;line-height: 45px}
.container h2::after{content: "";width: 100%;height: 3px;background: #c31e37;top: 50px;left: 0;position: absolute;}
.top{width:1200px; margin-left: auto; margin-right: auto;}
.head { background:#c31e37;padding: 15px}
.head p{color: #fff;font-size:21px}
.zxbtn{margin: 20px 0 10px;font-size: 18px;}
.zxbtn a{display: inline-block;background: #FD8011;color: #fff;padding: 5px 20px;border-radius: 5px;}
.zxbtn a:last-child{background: #F33531}

.A ul li{float: left;width:360px;margin: 10px;background: #F16161;padding: 10px;}
.A ul li h5{text-align: center;color: #fff;font-size: 17px;margin-bottom: 5px}
.A ul li p{background: #fff;padding: 10px;height: 125px}
.B ul li{float: left;background: #FF6678;padding: 10px;width: 260px;margin: 10px;color: #fff;height: 170px}
.B ul li h5{font-size: 17px;text-align: center;border-bottom: 1px solid #FF94A1;padding-bottom: 6px;margin-bottom:6px;color: #fffc00}
.peop li{float: left;width: 360px;margin:10px;padding: 10px;background:#FF6678;color: #fff;height: 130px}
.peop li h5{background: #fff;text-align: center;font-size: 17px;width: 200px;margin: 5px auto 10px;padding: 5px 0;color: #333}

.C ul{margin-top: 25px}
.C ul li{width:258px;margin: 10px;padding: 10px;border:1px solid #F33653;float: left;position: relative;height: 115px}
.C ul li h5{background:#F33653;color: #fff;text-align: center;position: absolute;top: -15px;line-height: 30px;font-size: 16px;width: 150px;left: 50%;margin-left: -75px }
.C ul li p{margin-top: 15px}
table{border-collapse: collapse;border-left:1px solid #C21E36;text-align: center;width: 80%;margin: 20px auto}
table th{background: #C21E36;padding:5px 10px;text-align: center;color: #fff;}
table th:nth-child(1),table th:nth-child(2){border-right: 1px solid #fff}
table td{border:1px solid #C21E36;background:#FEFCE7;padding: 10px}
table td strong{color: #ff0000;font-size: 21px}
.yshi li{float: left;width: 258px;margin:10px;border:1px solid #ccc;padding: 10px}
.yshi li h5{font-size: 17px;color: #C31D36;}
.yshi li img{margin: 8px 0}
.hot ul li{float: left;width: 278px;text-align: center;border:1px solid #CAC9C9;margin:6px 10px;line-height: 35px}
.hot ul li a:hover{background: #F33653;color: #fff;display: block;}



@media(max-width:900px){
  .top{width:100%;}
  .container{width:95%;}
  .banner{margin-bottom: 10px}
  .container h2{font-size: 19px;line-height: 40px;margin: 10px 0 20px}
  .container h2::after{top: 44px}
  .zxbtn{margin:15px 0;font-size: 16px}
  .head{padding: 10px}
  .head>img{width:52%;}
  .head p{font-size: 15px;margin-top: 5px}
  .head p img{width: 30px}
  .A ul li,.B ul li,.C ul li,.peop li{float: none;width: auto;margin-top: 30px;height: auto;}
  .A ul li,.B ul li,.peop li{margin: 15px 0}
  .A ul li p{height: auto;}
  .peop li h5{font-size: 16px;padding: 3px 0}
  table{width: auto;}
  .yshi li{border:0;box-shadow: 0 0 0 1px #ccc;padding: 2%;width: 42%;margin: 2%;font-size: 15px}
  .yshi li h5{font-size: 16px}
  .hot ul li{float: none;width: auto;margin: 10px 5px}

}