.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden

}





.table {

    display: table;

    width: 100%;

    height: 100%;

}



.table-cell {

    display: table-cell;

    vertical-align: middle;

}

.flex, .ex, .t_flex{

    display: flex;

   justify-content: center;

   align-items: center;

   flex-wrap: wrap;

   align-content: center;

}

.ux{

    display: flex;

   justify-content: left;

   align-items: center;

   flex-wrap: wrap;

   align-content: center;

}

a.link {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 9

}

.mon{text-align: left;line-height: 1.8}

.mc{

    width:100%;

     -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;





}



.grd_tit{

      font-size: 30px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 1.2;

    font-family: 'black arial';

    color: #333;

    text-align: left;



}

.taito{

  font-size: 24px;

    color: #000;

    padding-bottom: 25px;

}

.ma_xhe, .ma_xzh{

     width: 19.46666%;

    padding: 20px 0;

    text-align: center;

    font-size: 16px;

    background: #9e3a2b;

    border-right: 8px solid #fff;

    border-bottom: 8px solid #fff;

    float: left;

    -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.ma_xzh{

  background: #ccc;

  padding: 0 4px;

  font-size: 14px;

    height: 120px;

}

.ma_xhe{color: #fff}

.ma_xhe:nth-child(5n), .ma_xzh:nth-child(5n){border-right: 0px}

.ma_xzh:nth-child(1){

  background: #cd9f5c;

  color: #fff;font-size: 16px



}

.ma_i {

    display: table;

    width: 100%;

    height: 100%;

}



.i-cell {

    display: table-cell;

    vertical-align: middle;

}

.ma_xzh:nth-child(1) p:nth-child(2){opacity: 0;filter: alpha(opacity=0)}

.ma_xzh:nth-child(1) p{position: relative;top: 12px}

.mc h2{font-size: 20px;color: #333;font-weight: 700;padding: 40px 0 20px 0}

.hd p{text-indent: 25px}

.hd{ color: #666;

    font-size: 14px;}

    .uil{padding-top: 40px}



.grd_tit em{font-size: 70px;font-weight: bold;font-style:normal!important;vertical-align: baseline;}

.encas{

  border-top: 2px solid #ccc;

  border-bottom: 2px solid #ccc;

  padding: 10px 0px;

  font-weight: 700;

      margin-bottom: 17px;

}

.encas h3{

      font-size: 40px;

    font-weight: 700;

}

.encas p{font-size: 18px}

.mcx {

    width: 23.3333%;

    float: left;

    margin-right: 2%;

    margin-top: 70px;

}

.mcx:nth-child(4n){margin-right: 0}

.trou{

  padding-bottom: 20px;

  border-bottom: 2px solid #ccc;

  margin-bottom: 40px



}

.trou:last-child{border-bottom: 0px}

.trou h4{font-size: 18px;color: #333;font-weight: 700;padding-bottom:15px;}

.trou>div{

  line-height: 1.8;

  font-size: 14px;

}





.trou_c{

      width: 87%;

    float: right;

}



.trou_pic{

      width: 10%;

    float: left;

}

.trou_pic img{width: 100%}



.trou:last-child {

    border-bottom: 0px;

    margin-bottom: 0;

}



.content{

  height: 1350px!important

}



#content7{height: 1720px!important}



@media(max-width: 1300px){

  .grd_tit em {

    font-size: 61px;}

}







@media(max-width: 1200px){

 .ma_xhe, .ma_xzh {

    width: 19.5%;

    border-right: 4px solid #fff;

    border-bottom: 4px solid #fff;

}

}

@media(max-width: 1100px){

  .grd_tit {

    font-size: 26px;

}

.mc h2 {

    font-size:18px;

    padding: 20px 0 20px 0;

}

.uil {

    padding-top: 30px;

}



.encas h3 {

    font-size: 30px;



}



.grd_tit em {

    font-size: 50px;

}



.mcx {

    width: 48%;

    float: left;

    margin-right: 0;

    margin-top:40px;

}

.mcx:nth-child(even){

  margin-left: 2%

}



#content7 {

    height: 1400px;

}



#content8{height: 1400px}





}

@media(max-width: 980px){

  .mcx:nth-child(even) {

    margin-left: 8%;

}

.mcx {

    width: 46%;



}

}

@media(max-width: 750px){

  .ma_xhe, .ma_xzh {

    width: 19.7%;

    border-right: 1px solid #fff;

    border-bottom: 1px solid #fff;

   



}



 .ma_xhe{height: 64px;padding: 0 5px}

.ma_xzh{font-size: 12px}

.ma_xzh{

      height: 250px;

}



}

@media(max-width: 600px){

  .mcx {

    width: 100%;

    float: none;

    margin-left: 0!important

}

  .mcx:nth-child(even) {

    margin-left: 0%;

}

#content8 {

    height: 1900px!important;

}

  #content6 {

    height: 1800px!important;





}

  #content10{position: relative;

    height: 1493px!important;

    width: 100%;}

}

@media(max-width: 425px){

#content7 {

    height: 1548px!important;

}



}