@charset "UTF-8";
/*公共头部部分*/
.mod-top{
  width:100%;
  background:#305dc4;
  margin:0 auto;
}
.mod-top-1{
  width:1200px;
  margin:0 auto;
}
.mod-top-1 span{
  color:#fff;
  font-size:12px;
  line-height:
   35px;
  margin:0 0 0 10px;
}
.mod-top-1 .fr span{
   background:url(../images/call.png) 0 center no-repeat;
   padding-left: 22px;
}
.mod-top-1 .fr span+span{
  background:url('../images/mail.png') 0 center no-repeat!important;
}

/*公共导航部分*/
.mod-nav{
  width:1200px;
  margin:0 auto;
  padding:10px 0;
  height:148px;
}
.mod-nav-1{
  margin:65px 0 0 20px;
}
.mod-nav-1>li{
  float:left;
  position:relative;
}
.mod-nav-1 a{
  /*color:#353130;*/
  font-size: 16px;
  display: inherit;
  width:90px;
  line-height:35px;
  text-align: center;
  margin:0 11px;
}
.mod-nav .on,.mod-nav-1 a:hover{
  background: #305dc4;
  border-radius: 5px;
  color: #fff;
}
.mod-nav-1 li:hover ul{
  display: block!important;
}
.mod-nav-1 ul{
  position:absolute;
  top:35px;
  width:100%;
  text-align:center;
  display:none;
  z-index: 9999;
}
.mod-nav-1 ul a{
  font-size:14px;
  background: rgba(255,255,255,0.5);
}

/*公共背景部分*/
.index-container{
  position:relative;
}
.mod-background{
  position:absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  min-height:860px;
}
@-webkit-keyframes STAR-MOVE {
from {
background-position:0% 0%
}
to {
background-position: 600% 0%
}
}
@keyframes STAR-MOVE {
from {
background-position: 0% 0%
}
to {
background-position: 600% 0%
}
}
div#mod-background-1{
  background: url('../images/background.png') repeat-x 5% 0%;
  -webkit-animation: STAR-MOVE  200s linear infinite;
  -moz-animation: STAR-MOVE  200s linear infinite;
  -ms-animation: STAR-MOVE  200s linear infinite;
  animation: STAR-MOVE  200s linear infinite;
}
div#mod-background-2{
  background:url('../images/midground.png')repeat 20% 0%;
  z-index: 1;
  -webkit-animation: STAR-MOVE  100s linear infinite;
  -moz-animation: STAR-MOVE  100s linear infinite;
  -ms-animation: STAR-MOVE  100s linear infinite;
  animation: STAR-MOVE  100s linear infinite;
}
div#mod-background-3{
  background:url('../images/foreground.png')repeat 35% 0%;
  z-index: 2;
  -webkit-animation: STAR-MOVE  50s linear infinite;
  -moz-animation: STAR-MOVE  50s linear infinite;
  -ms-animation: STAR-MOVE  50s linear infinite;
  animation: STAR-MOVE  50s linear infinite;
}

/*banner*/
.swiper-container {
  width: 100%;
}
.swiper-slide {
  width：100%;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img{width:100%}
.index-container{
  position:relative;
}
.index-mod-bottom{
 /* position:absolute;*/
  /*top:1985px;*/
   top:1396px;
  bottom:0;
  width:100%;
  z-index: 999999;
  background:#305dc4;
  height:90px;
}
.index-mod-bottom .bottom1{
  height:12px;
  background:#81a7ff;
  margin-bottom: 20px;
}
.index-mod-bottom .bottom-nav{
  width:656px;
  margin:0 auto;
}
.index-mod-bottom .bottom-nav li{
  float:left;
  line-height: 14px;
}
.index-mod-bottom .bottom-nav li+li{
  border-left:1px solid #fff
}
.index-mod-bottom .bottom-nav a{
  padding:0 12px;
  color:#fff;
  font-size:12px;
}
.index-mod-bottom h3{
  font-size:12px;
  color:#fff;
  text-align: center;
  padding-top:10px;
}