@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% "Microsoft YaHei"; color:#333;background: #f5f5f5;}
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% "Microsoft YaHei";}
a:link,a:visited{color:#666;text-decoration:none}
a:hover{color:#c00;text-decoration:underline}
img{ border:none}
ol,ul,li{list-style:none;}
i{font-style:normal;}
input,img{vertical-align: middle;}
input[type="button"],input[type="submit"]{vertical-align: middle;cursor: pointer;}
html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
  /*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block; margin:0 auto;}
/*style*/
.w980{width: 980px;margin: 0 auto;position: relative;}
.fl{float: left;}
.fr{float: right;}
.list_14 li{background:url(images/style_dian.jpg) no-repeat left center;padding-left:10px;font-size:14px;padding-top:3px;padding-bottom: 3px;}
.list_12 li{background:url(images/style_dian1.jpg) no-repeat left center;padding-left:10px;font-size:12px;padding-top:3px;padding-bottom: 3px;}
/* clearfix */
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*通用头部*/
.top{width: 100%;height: 36px;background: url(images/top_bg.png) repeat-x top;}
.top_c{width: 100%;margin: 0 auto;}
.top_c img{float: left;margin-left: 10px;}
.top_c span{float: right;margin-top:7px;margin-right:10px;}
.top_c span a{margin:0 10px;}
/*内容部分*/
.animation_content{
  width: 100%;
  height: auto;
  background: #efe6e6 ;
  padding:50px 0;
}
.animation_c{
  width: 95%;
  max-width: 1660px;
  min-width: 980px;
  margin:0px auto;
  height: 41rem;
  position: relative;
}
/*lost content*/
.lt1{
  width: 29.3%;
  height: 10rem;
  background: #46a0ab;
  padding:1.55rem;
  position: absolute;
  top: 0px;
  left: 0px;
}
.ct2{
  width: 29.3%;
  height: 10rem;
  background: #be5270;
  padding:1.55rem;
  position: absolute;
  left: 33.5%;
  top: 0px;
}
.rt3{
  width: 29.3%;
  height: 10rem;
  background: #ef9f4c;
  padding:1.55rem;
  position: absolute;
  right: 0px;
  top: 0px
}
.lc1{
  width: 13.5%;
  height: 11rem;
  background: #645eb4;
  padding:1.05rem;
  position: absolute;
  left: 0;
  top: 13.8rem;
}
.lc2{
  width: 13.5%;
  height: 11rem;
  background: #993399;
  padding:1.05rem;
  position: absolute;
  left: 16.9%;
  top: 13.8rem;
}
.rc3{
  width: 13.5%;
  height: 20rem;
  background: #6f9ea6;
  padding:1.05rem;
  padding-top:5.9rem;
  position: absolute;
  right: 16.9%;
  top: 13.8rem;
}
.rc4{
  width: 13.5%;
  height: 11rem;
  background: #3399cc;
  padding:1.05rem;
  position: absolute;
  right: 0px;
  top: 13.8rem;
}
.cb3{
  width: 13.5%;
  height: 11rem;
  background: #9dc370;
  padding:1.05rem;
  position: absolute;
  right: 0px;
  top: 27.6rem;
}
.lb1{
  width: 29.3%;
  height: 10rem;
  background: #7b186b;
  padding:1.55rem;
  position: absolute;
  left: 0;
  top: 27.6rem;
}
.cb2{
  width: 29.3%;
  height: 10rem;
  background: #074b90;
  padding:1.55rem;
  position: absolute;
  left: 33.5%;
  top: 27.6rem;
}
/*通用样式*/
.box{
  opacity: 0;
}
.box h2{
  font-size: 2.3rem;
  font-weight: normal;
  color: #fff;
  padding:.8rem 0 1.55rem 0;
}
.box span{
  display: inline-block;
  width: 1.8rem;
  height: 2rem;
  background:url(images/at1.png) no-repeat;
  background-size:100% 100%;
  vertical-align: middle;
  position: absolute;
  left: 0;
}
.box p{
  width: auto;
  position:relative;
  padding: 0 0 0 1.7rem;
  line-height:210%;
}
.box a{
  font-size: 1.5rem;
  color: #fff;
  margin:0 .5rem;
}
.box_s a{
  font-size: 1rem;
}
/*m content*/
.m{
  width: 33%;
  height: 13rem;
  background:url(images/m_bg.jpg) no-repeat;
  -webkit-background-size:100% 100%;
  background-size:100% 100%;
  position: absolute;
  left: 33.6%;
  top: 13.8rem;
  z-index: 999;
}
.wenzi{
  display: inline-block;
  width: 11rem;
  height: 6rem;
  background:url(images/wenzi.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  position: absolute;
  top:0.3rem;
  left: 1rem;
  z-index: 10;
  opacity: 0;
}
.at{
  display: inline-block;
  width: 10rem;
  height: 10rem;
  background:url(images/at.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  position: absolute;
  top: 2rem;
  left: 9.5rem;
  z-index: 9;
  opacity: 0;
}
.ni{
  display: inline-block;
  width: 7rem;
  height: 7.6rem;
  background:url(images/ni.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  position: absolute;
  top:5.5rem;
  right:3.0rem; 
  opacity: 0;
}
/*留言板块*/
 .note{
  width: 980px;
  margin:20px auto;
 }
 .note_c{
  width: 550px;
  float: left;
 }
 .note_c p{
  font-size: 16px;
  padding:5px 0;
 }
 .note_c p b{
  font-weight: normal;
  display: inline-block;
  width: 70px;
 }
 .note_c p textarea{
  width: 464px;
  height: 220px;
  vertical-align: top;
  border: 1px solid #ccc;
 }
 .note_c p input{
  width: 200px;
  height: 30px;
  border: 1px solid #ccc;
 }
 .note_c p.tr{
  text-align: right;
  padding-right:30px;
 }
 .note_c p.tr img{
  margin:0 4px;
 }
 .note_list{
  width: 425px;
  float: right;
 }
 .note_list dl{
  padding:10px 0;
  background:url(images/style_dian.jpg) repeat-x bottom;
 }
 .note_list dl dt{
  color: #cc6666;
 }
 .note_list dl dd p{
  text-align: right;
  color: #999999;
 }
 /*动画效果*/
 .wenzi_right{
  -webkit-animation:wenzi_right .9s ease-in-out forwards;
  -ms-animation:wenzi_right .9s ease-in-out forwards;
  -moz-animation:wenzi_right .9s ease-in-out forwards;
  animation:wenzi_right .9s ease-in-out forwards;
}
@-webkit-keyframes wenzi_right{
  0%{-webkit-transform:translate3d(1200px,0,0);opacity:0}
  100%{-webkit-transform:translate3d(0px,0,0);opacity:1}
}
@-ms-keyframes wenzi_right{
  0%{-ms-transform:translate3d(1200px,0,0);opacity:0}
  100%{-ms-transform:translate3d(0px,0,0);opacity:1}
}
@-moz-keyframes wenzi_right{
  0%{-moz-transform:translate3d(1200px,0,0);opacity:0}
  100%{-moz-transform:translate3d(0px,0,0);opacity:1}
}
@keyframes wenzi_right{
  0%{transform:translate3d(1200px,0,0);opacity:0}
  100%{transform:translate3d(0px,0,0);opacity:1}
}
 .wenzi_top{
  -webkit-animation:wenzi_top .9s ease-in-out forwards;
  -ms-animation:wenzi_top .9s ease-in-out forwards;
  animation:wenzi_top .9s ease-in-out forwards;
}
@-webkit-keyframes wenzi_top{
  0%{-webkit-transform:translate3d(0,-500px,0);opacity:0}
  100%{-webkit-transform:translate3d(0px,0,0);opacity:1}
}
@-ms-keyframes wenzi_top{
  0%{-ms-transform:translate3d(0,-500px,0);opacity:0}
  100%{-ms-transform:translate3d(0px,0,0);opacity:1}
}
@keyframes wenzi_top{
  0%{transform:translate3d(0,-500px,0);opacity:0}
  100%{transform:translate3d(0px,0,0);opacity:1}
}
 .wenzi_flash{
  -webkit-animation:wenzi_flash .9s ease-in-out forwards;
  -ms-animation:wenzi_flash .9s ease-in-out forwards;
  animation:wenzi_flash .9s ease-in-out forwards;
}
@-webkit-keyframes wenzi_flash{
  0%{opacity:0}
  100%{opacity:1}
}
@-ms-keyframes wenzi_flash{
  0%{opacity:0}
  100%{opacity:1}
}
@keyframes wenzi_flash{
  0%{opacity:0}
  100%{opacity:1}
}
 .wenzi_flash1{
  -webkit-animation:wenzi_flash1 .1s  forwards;
  -ms-animation:wenzi_flash1 .1s  forwards;
  animation:wenzi_flash1 .1s  forwards;
}
@-webkit-keyframes wenzi_flash1{
  0%{opacity:0}
  20%{opacity:.5}
  40%{opacity:.1}
  60%{opacity:.7}
  80%{opacity:.4}
  100%{opacity:0}
}
@-ms-keyframes wenzi_flash1{
  0%{opacity:0}
  20%{opacity:.5}
  40%{opacity:.1}
  60%{opacity:.7}
  80%{opacity:.4}
  100%{opacity:0}
}
@keyframes wenzi_flash1{
  0%{opacity:0}
  20%{opacity:.5}
  40%{opacity:.1}
  60%{opacity:.7}
  80%{opacity:.4}
  100%{opacity:0}
}
 .wenzi_flash2{
  -webkit-animation:wenzi_flash2 .2s  forwards;
  animation:wenzi_flash2 .2s  forwards;
}
@-webkit-keyframes wenzi_flash2{
  0%{opacity:0}
  100%{opacity:1}
}
@keyframes wenzi_flash2{
  0%{opacity:0}
  100%{opacity:1}
}
 /*版权模块*/
 .copyright{
  width: 100%;
  padding:30px 0;
  text-align: center;
  color: #333;
 }