@charset "UTF-8";

.main{
  width: 1200px;
  margin: 0 auto;
}
.container{
  background: url(/images/kuai.jpg) no-repeat center;
  height: 990px;
  margin-top: -120px;
  background-size:cover;
 
}
.container .main{
   position: relative;
}
.container-txt{
  position: relative;
}
.container-txt img{
  position: absolute;
  left: 0;
  top: 180px;
}
.container .bx1 {
    top: 770px;
    left: 0px;
}
.container .box {
    width:600px;
    position: absolute;
    z-index: 4;
}
.container .bx1 .item.i1 {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.container.animate .item, .container.animate .box1 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.container .item, .container .box1 {
    -webkit-transition: all 4s cubic-bezier(.08, .82, .17, 1);
    transition: all 4s cubic-bezier(.08, .82, .17, 1);
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    visibility: hidden;
}
.container a{
  color: #fff
}
.container .item {
    width: 300px;
    height: 216px;
    overflow: hidden;
    background: #5cb2bb;
    color: #fff;
    text-align: center;
    float: left;
}
.container .item .middle {
    width: 100%;
    height: 100%;
}
.middle-cont {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    letter-spacing: 0;
}
.container .item .img {
    width: 85px;
    height: 85px;
    margin: 0 auto;
}
.container .item .img img{
  width: 100%;
}
.container .item .img svg {
    width: 100%;
}
.container .item .text {
    margin-top: 10px;
}
.container .item .tit {
    font-size: 20px;
    font-weight: bold;
}
.container .item .tit1 {
    font-size: 14px;
    font-family: Arial;
    margin-top: 5px;
}

.container .bx1 .item.i2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.container .bx1 .item.i2 {
    background: url(../images/bg1_04.jpg);
}
.container .bx1 .item.i3 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.container .bx1 .item.i3 {
    background: #b8c489;
}
.container .bx1 .item.i4 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.container .bx1 .item.i4 {
    background: #bdaa82;
}
.container .bx2 {
    top:343px;
    right: 0;
}
.container .bx2 .item.i1 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.container .bx2 .item.i1 {
    background: #466c9a;
}
.container .bx2 .item.i2 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}
.container .bx2 .item.i2 {
    background: url(../images/bg2_12.jpg) no-repeat 0 0;
    background-size: cover;
}
.container .bx2 .item.i3 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
.container .bx2 .item.i3 {
     background: url(../images/bg3_12.jpg) no-repeat 0 0;
}
.container .bx2 .item.i4 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
.container .bx2 .item.i4 {
    background: #83b369;
    float: right;
}
.container .box1{
  background: url(../images/b5.jpg);
  background-size: 100%;
  width: 600px;
    height: 432px;
    position: absolute;
    top: 985px;
    right: 0px;
    z-index: 4;
    color: #fff;
}
.container .box1 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
.container .box1:last-child{
  -webkit-transition: all 1s cubic-bezier(.08, .82, .17, 1)!important;
    transition: all 1s cubic-bezier(.08, .82, .17, 1)!important;
}
.box-left{
  width: 300px;
  float: left;
  margin-top: 108px;  
}
.box-right{
  width: 300px;
  float: left;
}
.middle {
    font-size: 0;
}
.middle:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.iconhover{
  position: relative;
}
.iconhover1:hover .ho-img1{
  display: block;
}
.iconhover2:hover .ho-img2{
  display: block;
}
.middle-cont {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    letter-spacing: 0;
}
.container-txt .svgimg{
  top: 140px;
}
.st0 {
          fill: none;
          stroke: #FFFFFF;
          stroke-width: 3;
          stroke-miterlimit: 10;
        }

        .st1 {
          fill: none;
          stroke: #FFFFFF;
          stroke-width: 2.5;
          stroke-miterlimit: 10;
        }

        .st2 {
          fill: none;
          stroke: #FFFFFF;
          stroke-width: 3;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-miterlimit: 10;
        }


    .st0,
    .st1,
    .st2 {
      stroke-dasharray: 320;
      stroke-dashoffset: 0;
    }
 
	
	.newsbox{
  width: 100%;
  height: 432px;
  background: #fff url(../images/bg6_03.jpg) no-repeat top center;
  background-size:cover;
  position: relative;
  padding-top: 30px
}
.mewsbg{
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0
}