@charset "utf-8";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {margin: 0; padding: 0; } 
fieldset, img {border: none; }
img{vertical-align: middle;}
ul, ol {list-style: none; }
input {padding-top: 0; padding-bottom: 0; font-family: "SimSun", "宋体"; }
select, input {vertical-align: middle; }
select, input, textarea {font-size: 12px; margin: 0; }
textarea {resize: none; }
table {border-collapse: collapse; }
body {font: 21px '微软雅黑'; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1,h2,h3 ,h4 ,h5 ,h6{font-weight:normal; }
i,em{font-style: normal;}
a {color: #fff; text-decoration: none; }
/*a:hover {color:  #000; }*/

.caignenfu{
	max-width: 1680px;
	min-width: 1200px;
	margin:0 auto;
}
.caignenfu .wrap{
	width:1200px;
	margin:0 auto;
}
.caignenfu .te{
	text-align: center;
}
.caignenfu .re{
	position: relative;
}
.caignenfu .auto{
	margin:0 auto;
}
.caignenfu .fl{
	float: left;
}
.caignenfu .ov{
	overflow: hidden;
}

.caignenfu-kv{
  width:100%;
  height:801px;
  background: url(../images/kv.jpg) no-repeat top center;
}
.caignenfu-kv .wrap{
  height:801px;
  
}
.caignenfu-kv .wrap .kv-zi1{
  position:absolute;
  top: 98px;
  left:15px;
  animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
  webkit-animation-name: bounceinL;
    -moz-animation-name: bounceinL;
    -ms-animation-name: bounceinL;
    animation-name: bounceinL;
    -webkit-animation: bounceinL 3s ease-in-out 0s 1 alternate forwards;
    -moz-animation: bounceinL 3s ease-in-out 0s 1 alternate forwards;
    -ms-animation: bounceinL 3s ease-in-out 0s 1 alternate forwards;
    animation: bounceinL 3s ease-in-out 0s 1 alternate forwards;

}
.caignenfu-kv .wrap .kv-zi2{
  position:absolute;
  top: 435px;
  left:160px;
  animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
  webkit-animation-name: bounceinL;
    -moz-animation-name: bounceinL;
    -ms-animation-name: bounceinL;
    animation-name: bounceinL;
    -webkit-animation: bounceinL 5s ease-in-out 0s 1 alternate forwards;
    -moz-animation: bounceinL 5s ease-in-out 0s 1 alternate forwards;
    -ms-animation: bounceinL 5s ease-in-out 0s 1 alternate forwards;
    animation: bounceinL 5s ease-in-out 0s 1 alternate forwards;

}
.caignenfu-kv .wrap a{
  position:absolute;
  bottom: 100px;
  left:160px;
      webkit-animation: jump2 3s linear normal both infinite;
    -o-animation: jump2 3s linear normal both infinite;
    animation: jump2 3s linear normal both infinite;
}
.caignenfu-top1{
  padding-top: 25px;
}
.caignenfu-p1-1{
  width:100%;
  height:248px;
  background:url(../images/bg1.png) no-repeat;
  background-size: 100%;
  margin: 30px 0 0;
  padding: 42px 112px 0 355px;
  box-sizing: border-box;
  line-height: 32px;
  font-size: 22px;
  color:#fff;
}

.p1-lunbo1 .tabs {
  position:absolute;
  left:60px;
  z-index: 10000;
  top: 95px;
}
.p1-lunbo1 .tabs a {
  display: block;
  width:255px;
  height:150px;
  text-align: center;
  background: #fff;
  text-decoration: none;
  padding-top: 46px;
  box-sizing: border-box;
  box-shadow: 0px 2px 20px #ccc;
}
.p1-lunbo1 .tabs a .tu1{
  display:none;
}

.p1-lunbo1 .tabs a.active {
  background: #39aed4;
}
.p1-lunbo1 .tabs a.active .tu1{
  display:block;
  margin: 0 auto;
}
.p1-lunbo1 .tabs a.active .tu2{
  display:none;

}


.p1-lunbo1 .swiper-container {
  width:803px;
 height:650px;
  border-top: 0;
  margin-left: 400px!important;
  position: relative;
}
.p1-lunbo1 .swiper-container a{
  position:absolute;
  bottom: 10px;
  right: 65px;
  z-index: 10000;
   webkit-animation: jump2 3s linear normal both infinite;
    -o-animation: jump2 3s linear normal both infinite;
    animation: jump2 3s linear normal both infinite;
}


.caignenfu-p1-2{
  background:#39aed4;
  margin-top: 85px;
  color:#fff;
}
.caignenfu-p1-2 .wrap{
  height:165px;
  padding:25px 0 0 410px;
  box-sizing: border-box;
}
.caignenfu-zj{
  position:absolute;
  bottom: 0;
  left:132px;
}
.caignenfu-p1-2 h2{
  font-size: 30px;
  margin-bottom: 6px;
}
.caignenfu-p1-2 p{
  font-size: 22px;
  line-height: 32px;
}
.caignenfu-part2{
  width:100%;
  height:936px;
  box-sizing: border-box;
  background:url(../images/bg2.jpg) no-repeat top center;
  padding-top: 20px;
}
.a-dong img{
  webkit-animation: jump2 3s linear normal both infinite;
    -o-animation: jump2 3s linear normal both infinite;
    animation: jump2 3s linear normal both infinite;
}
.caignenfu-part2 .wrap ul li{
  float: left;
  margin:28px 0;
  position: relative;
}
.caignenfu-part2 .wrap ul li p{
  position: absolute;
  bottom: 65px;
  left:50%;
  margin-left: -130px;
  font-size: 26px;
  line-height: 35px;
  color:#fff;
  text-align: center;
}

.caignenfu-part3 .pp1{
  font-size: 22px;
  line-height: 37px;
  color:#135661;
  text-align: center;
  margin:20px auto;
}


.caignenfu-p3-list ul li{
  float: left;
  width:25%;
  position: relative;
  color:#fff;
  cursor: pointer;
}
.caignenfu-p3-list ul li img{
  width:100%;
}
.caignenfu-p3-list ul li span{
      width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    left: 0;
    top: 78%;
    padding: 8% 0 0;
    box-sizing: border-box;
}
.caignenfu-p3-list ul li:hover span{
  top:0;
  padding: 20% 0 0;
}
.caignenfu-p3-list ul li span h2{
  font-size: 32px;
  text-align: center;


}
.caignenfu-p3-list ul li span p{
  font-size: 22px;
  text-align: left;
  padding: 4% 4% 15%;
  line-height: 36px;
}
.caignenfu-p3-list ul li span a{
  font-size: 24px;
  padding:10px 20px;
  display:inline-block;
  border:1px solid #50c7da;
  border-radius: 40px;
}
.caignenfu-part4{
  width:100%;
  height:995px;
  background:url(../images/p4-bg.jpg) no-repeat top center;
  
}
/* 本例子css */
    /*.slideBox2{width:1200px;  position:relative; margin:30px auto; }
    .slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
    .slideBox2 .bd li{ zoom:1; vertical-align:middle;box-shadow: 0 0px 20px #5f9aa1;position:relative; color:#5e5e5e;}*/
    
    /*.slideBox2 .bd img{ display:block;  }*/

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    /*.slideBox2 .prev,
    .slideBox2 .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:55px; height:140px;background:rgba(0, 0, 0, 0.4); text-align: center;
    box-sizing: border-box;
    padding-top: 46px;}
    .slideBox2 .next{ left:auto; right:0;  }*/
    .p4-lunbo2 .swiper-container{
      height:610px;
      margin:0 auto 30px!important;
      padding-top: 38px;
    }
    .p4-lunbo2 .swiper-slide{position:relative;}
    .p4-lunbo2 .arrow-left {
  position: absolute;
  background:rgba(0, 0, 0, 0.4);
  left: 0;
  top: 50%;
  margin-top: -70px;
  width: 55px;
  height: 140px;
  z-index: 10000;
  text-align: center;
  padding-top: 46px;
  box-sizing: border-box;
}
.p4-lunbo2 .arrow-right {
  position: absolute;
  right: 0;
  background:rgba(0, 0, 0, 0.4);
  top: 50%;
  margin-top: -70px;
  width: 55px;
  height: 140px;
  z-index: 10000;
  text-align: center;
  padding-top: 46px;
  box-sizing: border-box;
}
.p4-lunbo2 .slideBox2-txt{ position: absolute; top: 135px; left:285px; font-size: 20px;color:#5e5e5e;}
    .p4-lunbo2 .slideBox2-txt span{ padding:2px 10px; background:#50c7da; color:#fff;margin-bottom: 10px; display:inline-block;}
    .p4-lunbo2 .slideBox2-txt p{ margin-bottom: 20px; width:358px; line-height: 25px;margin-left: 5px;}
    .p4-lunbo2 .slideBox2-pf{ position:absolute; top: -35px; right: 25px;animation: bianda 3s .2s ease both infinite;
    -webkit-animation: bianda 3s .2s ease both infinite;
    -moz-animation: bianda 3s .2s ease both infinite;}

.caignenfu-part5{
  width:100%;
  height:1122px;
  background:url(../images/p5-bg.jpg) no-repeat top center;
}
.caignenfu-part5 p{
  font-size: 26px;
  line-height: 33px;
  color:#565656;
  text-align: center;
  margin:710px 0 30px;
}
.caignenfu-part5 a{
  margin-right: 20px;
}
.caignenfu-part6{
  width:100%;
  height:888px;
  background:url(../images/p6-bg.jpg) no-repeat top center;
}
.caignenfu-part6 .caignenfu-top1{
  margin-bottom: 510px;
}

.caignenfu-part7 .swiper-container {
  width: 100%;
  height: 380px;
  text-align: center;
  margin-top: 30px!important;
}
.caignenfu-part7 .swiper-slide {
  height: 100%;
  opacity: 0.4;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
.caignenfu-part7 .swiper-slide-active {
  opacity: 1;
}


.caignenfu-part7 .swiper-slide .title {
  margin:0 35px;
}
.caignenfu-part7 .swiper-slide .title img{
  width:100%;
}
.p7-lunbo3 .arrow-left {
  background:rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 23.5%;
  top: 50%;
  margin-top: -70px;
  width: 50px;
  height: 140px;
  z-index: 10000;
  text-align: center;
  padding-top: 45px;
  box-sizing: border-box;
}
.p7-lunbo3 .arrow-right {
  background:rgba(0, 0, 0, 0.4);
  position: absolute;
  right: 23.5%;
  top: 50%;
  margin-top: -70px;
  width: 50px;
  height: 140px;
  z-index: 10000;
  text-align: center;
  padding-top: 45px;
  box-sizing: border-box;
}







.caignenfu-part8{
  background:#ade8eb;
  margin-top: 30px;
}
.caignenfu-part8 .caignenfu-top1{
  margin-bottom: 30px;
}
.caignenfu-part8 a{
  padding:15px 426px;
  position:absolute;
  left:50%;
  bottom: 12px;
  margin-left: -480px;
  background:#f85251;
  border-radius: 426px;
  font-size: 18px;
  display:inline-block;
}
.caignenfu-part8 .re{
  width:1160px;
  margin:0 auto;
}
.caignenfu-part8 p{
  font-size: 18px;
  line-height: 27px;
  position:absolute;
}
.caignenfu-part8 p:nth-of-type(1){
  top: 11%;
  left:11%;
}
.caignenfu-part8 p:nth-of-type(2){
  top: 20%;
    right: 14%;
}
.caignenfu-part8 p:nth-of-type(3){
  top: 37.6%;
  left:11%;
}
.caignenfu-part8 p:nth-of-type(4){
  top: 47%;
    right: 14%;
}
.caignenfu-part8 p:nth-of-type(5){
  top: 60.6%;
  left:11%;
}
.caignenfu-part8 p:nth-of-type(6){
  top: 70%;
    right: 14%;
}
.caignenfu-part9{
  padding-top: 20px;
}

.p9-lunbo4{
  width:1200px;
  margin:0 auto;
  padding-bottom: 50px;
}
.p9-lunbo4 .title{
  text-align: center;
}
.p9-lunbo4 .title p{
  font-size: 24px;
  color:#404040;
  margin-top: 10px;
}
.p9-lunbo4 .swiper-container {
  width: 1085px;
  height: 250px;
  color: #fff;
  margin-top: 30px!important;
  text-align: center;
}
.p9-lunbo4 .arrow-left {
  background:rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 34%;
  margin-top: -70px;
  width: 50px;
  height: 140px;
  z-index: 10000;
  text-align: center;
  padding-top: 45px;
  box-sizing: border-box;
}
.p9-lunbo4 .arrow-right {
  background:rgba(0, 0, 0, 0.4);
  position: absolute;
  right: 0;
  top: 34%;
  margin-top: -70px;
  width: 50px;
  height: 140px;
  z-index: 10000;
  text-align: center;
  padding-top: 45px;
  box-sizing: border-box;
}










@-webkit-keyframes bianda {
  0%{ -webkit-transform:scale(0.9);
  -moz-transform:scale(0.9);
  -o-transform:scale(0.9);}
  100%{
    -webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-o-transform:scale(1.05);
  }
}
@media screen and (min-width: 1200px) {
  .caignenfu-p3-list ul li span{
    top: 73%;
  }
  
}

@media screen and (min-width: 1270px) {
  .caignenfu-p3-list ul li span{
    top: 75%;
  }
}
@media screen and (min-width: 1450px) {
  .caignenfu-p3-list ul li span{
    top: 78%;
  }
}
@media screen and (min-width: 1450px) {
    .caignenfu-p3-list ul li span p {
    font-size: 26px;
    text-align: left;
    padding: 4% 8% 10%;
    line-height: 45px;
}

}


@media screen and (min-width: 1450px) {
  .caignenfu-part7 .swiper-container{
    height:460px;
  }
}


@-webkit-keyframes bounceinL {
0% {
opacity:0;
-webkit-transform:translateX(-200px)
}
60% {
-webkit-transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px)
}
100% {
  opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes bounceinL {
0% {
opacity:0;
-webkit-transform:translateX(-200px)
}
60% {
-webkit-transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px)
}
100% {
  opacity:1;
-webkit-transform:translateX(0)
}
}
@-ms-keyframes bounceinL {
0% {
opacity:0;
-webkit-transform:translateX(-200px)
}
60% {
-webkit-transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px)
}
100% {
  opacity:1;
-webkit-transform:translateX(0)
}
}
@keyframes bounceinL {
0% {
opacity:0;
-webkit-transform:translateX(-200px)
}
60% {
-webkit-transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px)
}
100% {
  opacity:1;
-webkit-transform:translateX(0)
}
}

@keyframes  jump2{
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(10px);
    }
    100%{
        transform: translateY(0);
    }
}