#app{font-family:Microsoft Yahei,Avenir,Helvetica,Arial,sans-serif;height:100%;width:100%}.container{padding:0}.container .row{margin:0}.container .row div{padding:0}.show-animate{opacity:0}.show-animate.animated{opacity:1}
@media (min-width:1001px){.container{min-width:1200px}.container-l{max-width:1200px;margin:auto}}
@media (max-width:1000px){.container{width:100%}}

.desc1{ width:550px; color:#666666; margin-top:80px;}

.cellbg{ background-image:url(../cell/bgz.jpg); background-repeat: no-repeat; background-position-x:right; min-height:666px;   }
.cellz{ width:100%;}

.cellzl{ width:380px; float:left;}
.cellzr{ width:550px; float:left; padding-left:70px;}
.cellzbt{ font-size:30px; line-height:40px; padding-top:20px; text-align:center; font-weight:bold; }
.cellzbt2{ font-size:22px; line-height:40px; text-align:center}
.cellznr img{ width:380px;border-radius:20px;}
.cellcontact{ padding-top:80px;}

.pic img{ width:100%;}

.addressz{width:100%; float:left; margin-bottom:30px;}
.addresszl{ float:left; width:400px; padding-left:20px;}
.addresszl span{ text-align:right;}
.addresszr{ float:right; width:70px;}


html:before {
  content: '';
  display: block;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index: -1;
  background:#f2f2f2;
}



body:before {
  width: 100%;
  height: 100%;
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  background: #fff;
}


@font-face {font-family:"yyhyfont";src: url('../res/font/yyhyfont.woff?92') format('woff'),url('../res/font/yyhyfont.ttf?92') format('truetype')}
.ico{font-family:"yyhyfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display:inline-block;}



.router-link-active i{ font-size:40px; color:#F00}

.beside i{ font-size:80px; color:#fff; float:right; font-weight:100;opacity:0.8;filter:Alpha(opacity=80);}