img{ max-width: 100%; height: auto; }
.table{ display: table; width: 100%; }
.table>.middle{ display: table-cell; vertical-align: middle; }
html{
  display: table;
  height: 100%;
  width: 100%;
  text-align: center;
}

.index_loading {
    width: 100%;
    text-align:  center;
    margin-bottom:  60px;
}

.index_loading .logo {
    display:  inline-block;
    width:  80%;
}

.index_loading .lang {
    display: block;
    font-size:  0;
    margin-top: 20px;
}

.index_loading .lang a {
    display:  inline-block;
    vertical-align:  top;
    font-size:  18px;
    height:  48px;
    line-height:  48px;
    width:  128px;
    border: 1px solid #231815;
    color:  #000;
    text-decoration:  none;
    margin:  0 20px;
    transition:  .5s;
    background: transparent;
}

.index_loading .lang a:hover {
    border: 1px solid #1c8374;
    background: #1c8374;
    color:  #fff;
}

html.loading-lock {}
body{
  display: table-cell; vertical-align: middle;
}
.fullscreen{
  position: fixed; left: 0; top: 0; width: 100%; height: 100%;
}
.fullscreen .table{
  height: 100%;
}
.loading-fullscreen{
   /* display: none;  */
  background: #fff;
  z-index: 99;
}
.loading-fullscreen img{
  /* background-image: url('../color.png'); */
  /* border: 0 none transparent; */
  /* margin-bottom: 82px; */
}
.brand{
  background: #8a132f url('../line.png');
  color: #fff;
  z-index: 98;
}
.brand .lang_choose{
  margin-top: 60px; text-align: center; font-size: 15px;
}
.brand .lang_choose .border{
  height: 12px; border-left: 1px solid; width: 0;
}
.brand .lang_choose>*{
  display: inline-block; vertical-align: middle;
}
.brand .lang_choose a{
  min-width: 70px; padding: 0 10px; color: inherit; text-decoration: none;
}
.brand .lang_choose a:hover{
  text-decoration: underline;
}
.inner{
  margin: 0 auto; max-width: 1200px;
  font-size: 0; display: none;
}
.inner .item{
  width: 50%;
  display: inline-block;
}
.inner .item .column{
  display: inline-block;
  background: #fff;
  position: relative;
  margin: 0 auto;
  max-width: 500px;
  width: 96%;
  box-shadow:0px 0px 0px 1px rgba(181, 181, 181, 0.3);
  overflow:hidden;
}
.animation{
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.inner .item .column:hover{
  box-shadow:0px 0px 50px 5px rgba(0,0,0,0.3);
}
.inner .item .column .shade{
  height: 200px;
  background: rgba(255, 255, 255, 0.5);
}
.inner .item .column .table{
  height: 100%;
}
@media screen and (max-height:600px){
  .inner .item .column .shade{
    position: absolute; left: 0; top: 0; height: 100%; width: 100%;
    padding:10px 0; margin: -10px 0;
  }
}
@media screen and (max-width:800px){
  .inner .item .column .shade{
    position: absolute; left: 0; top: 0; height: 100%; width: 100%;
    padding:10px 0; margin: -10px 0;
  }
  .inner .item {
    width:auto;
    margin:3vmin;
  }
}
/* clear */
body,h1,h2,h3,h4,h5,h6,dl,dt,li,ol,ul,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0;background:  url(../index_bj.jpg) no-repeat;background-size:  cover;}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{border:0;max-width: 95%;}
button,input,select,textarea{font-size:100%}
a{text-decoration:none;}