@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;color:#000;text-align:center;background:#fff;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;}
a:link,a:visited{color:#000;text-decoration:none;}
a:hover{color:#c00;text-decoration:none;}
img{border:none;}
ol,ul,li{list-style:none;} 
em{font-style:normal;}
/*clear*/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
.main{width:100%;min-width:1200px;}
.w1200{width:1200px;}
.w1000{width:1000px;}
.fl{float:left;}
.fr{float:right;}
.white,.white a:link,.white a:visited,.white a:hover{color:#fff;}
/*fm*/
.fm{background:url(images/fmbg.jpg) no-repeat top center;}
.tit1{text-align: center;margin-top: 110px;}
.card{padding-bottom: 200px;}
.card li{float:left;width:380px;height:450px;background:#fff;margin:0 9px;border-radius:14px;margin-top:65px;position: relative;cursor: pointer;box-shadow: 8px 14px 32px 0px rgba(152, 113, 113, 0.7);}
.card li span{display: block;text-align: center;width:310px;
    margin:29px auto 0 auto;padding-bottom: 25px;border-bottom: 1px solid #d2d2d2}
.card li i{display: block;text-align: center;padding-top: 30px;
    font-size:23px;font-style:normal;cursor: pointer;}
.card li i a{text-decoration:none;}
.card li em{position: absolute;top:15px;right:14px;}
/*content*/
.Box{background:#eee;display:none;margin-top: 20px;}
.daoyu{background:url(images/icon3.jpg) no-repeat bottom center #bb2822;height:220px;}
.daoyu .w1000{width:950px;padding:00px 30px 0 20px;}
.daoyu span{float:left;margin-right: 20px;}
.daoyu p{text-indent: 2em;font-size:16px;line-height:32px;font-weight: bold; margin-top:40px;}
.content{height:auto; padding:50px 0 120px 0;background:url(images/liney.jpg) repeat-y top center;}
.content li{position: relative;height:274px;}
.content li a:hovder{ text-decoration:none;}
.content li .pic1{width:278px;height:278px;position: absolute;left:20px;top:0;}
.content li .pic1 img{border-radius: 50%;border:6px solid #fff;}
.content li span{background:url(images/linex.jpg) repeat-x;position: absolute;
width:181px;top:138px;left:312px;height:2px;}
.content li b{position: absolute;background:url(images/dot.png) no-repeat;
width:15px;height:15px;top:133px;left:493px;}
.content li .txt1{position: absolute;right:0px;width:468px;top:39px;}
.content li .txt1 h3{width:432px;height:32px;background:#bb2822;border-radius:8px 8px 0px 0px;
padding:18px;color:#fff;}
.content li .txt1 p{height:96px;width:432px;padding:24px 18px 0 18px;
background:#fff;border-radius:0 0 8px 8px;font-size:16px;line-height:30px;}
.content li .txt1 i{position: absolute;background:url(images/icon4.jpg) no-repeat;
left:-19px;width:19px;height:23px;top:40px;}
.content li#odd1 .pic1{left:695px;}
.content li#odd1 .txt1{left:0;right:auto;}
.content li#odd1 span{left:509px;}
.content li#odd1 .txt1 h3{background:#7d7d7d;}
.content li#odd1 .txt1 i{background:url(images/icon5.jpg) no-repeat;
left:468px;}
/*copyright*/
#copyright{text-align: center;width: 100%;font-family: \5B8B\4F53;padding:50px 0;}
.grey{background:#323232;color:#fff;}
#bottom{ display:none; background:#eee; margin-top:-130px;}
.a01,.a02,.a03{opacity:0;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);opacity: 1
  }
}

.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}