@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; }
.fl{ float:left;}
.fr{ float:right;}
.fix:after{ clear:both; content:"."; height:0px; display:block; overflow:hidden; visibility:hidden; }
.fix{*zoom:1;}

body {
    color: #fff;
}
.wrap{
	max-width: 1680px;
	min-width: 1200px;
	margin:0 auto;
}
.wrap .minkuan{ width:1200px; margin:0 auto;}
.wrap .re{ position: relative;}
.wrap .te{ text-align: center;}
.wrap .fl{ float: left;}
.wrap .fr{ float: right;}
.wrap .ov{ overflow: hidden;}
.wrap .pat30{ padding-top: 30px;}
.bglanse{ background:#cce1ff;}

.wrap .bushuijie-kv{ width:100%; height:836px; background: url(../images/kv.jpg) no-repeat top center;}
.wrap .bushuijie-kv .minkuan{ height:836px; width:1100px;}
.wrap .bushuijie-kv .kv-1{ position: absolute; top: 48%; right:5%;}
.wrap .bushuijie-kv .kv-1 ul li{ float: left; width:206px; height:220px; background:url(../images/kv-bg.png) no-repeat; margin-left: -40px; font-size: 22px; color:#0765e6; line-height: 26px; text-align: center; padding-top: 90px; box-sizing: border-box;animation: bounce 3s .2s ease both infinite;
    -webkit-animation: bounce 3s .2s ease both infinite;
    -moz-animation: bounce 3s .2s ease both infinite; }
.wrap .bushuijie-kv .kv-a{ position: absolute; bottom: 0; right:19%;animation: flipInX 5s .2s ease both infinite;
    -webkit-animation: flipInX 5s 0s ease both infinite;
    -moz-animation: flipInX 5s 0s ease both infinite;}

.wrap .bushuijie-topbg{ position: absolute; width:100%; height:45px;background: url(../images/bg-bs.png) no-repeat top center; top: -45px; left: 0;}
.wrap .bushuijie-topbg2{ position: absolute; width:100%; height:45px;background: url(../images/bg-ls.png) no-repeat top center; top: -45px; left: 0;}
.part1 .p1-1{ padding: 50px 0 30px; color:#161616;}
.part1 .p1-1 h2{ font-size: 32px; font-weight: bold;}
.part1 .p1-1 p{ font-size: 18px;}
.part1 .p1-txt1{ position: absolute; top: 10%; left: 0;animation: bounce 3s .2s ease both infinite;
    -webkit-animation: bounce 3s .2s ease both infinite;
    -moz-animation: bounce 3s .2s ease both infinite;}
.part1 .p1-txt2{ position: absolute; top: 10%; right: 0;animation: bounce 3s .2s ease both infinite;
    -webkit-animation: bounce 3s .2s ease both infinite;
    -moz-animation: bounce 3s .2s ease both infinite;}

.wrap .bushuijie-aa{ display:inline-block; padding:15px 45px; font-size: 30px;border-radius: 15px;
  background: -webkit-linear-gradient(#ffb100, #ff8b00); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffb100, #ff8b00); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffb100, #ff8b00); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffb100, #ff8b00); /* 标准的语法 */
}

.part2 .p2-1 ul li{ float: left; width:285px; background:#77a0ec; height:430px; margin-top: 50px; margin-bottom: 45px;}
.part2 .p2-1 ul li h2{ font-weight: bold; text-align: center; padding:10px 0;}
.part2 .p2-1 ul li p{ font-size: 24px; line-height: 36px; padding:0 22px;}
.part2 .p2-1 ul li p span{ color:#ffd200;}
.part2 .p2-1 ul li:not(:last-of-type){ margin-right: 18px;}

.part33{ background:#77a0ec; height:290px; font-size: 22px; line-height: 36px;}
.part33 .minkuan{ padding:45px 0 0 380px; box-sizing: border-box; height:290px;}
.part33 h2{ font-size: 30px; font-weight: bold;}
.part33 .nametu{ position: absolute; bottom: 0; left: 60px;}

.part3 .p3-1{ width:100%; height:694px; background:url(../images/p3-bg1.jpg) no-repeat; margin-top: 50px; padding:0 20px; box-sizing: border-box;}
.part3 .p3-top{ width:777px; height:97px; background:url(../images/p3-1.png) no-repeat; margin:0 auto; font-size: 40px; line-height: 97px;}
.part3 .biaozhi{ position: absolute; top: -15px; right:-15px;}
.part3 .p3-txt p{ font-size: 24px; color:#1e4690; background:#fff; line-height: 80px; width:505px; border-radius: 10px; position: relative; padding:0 15px 0 35px; box-sizing: border-box; margin-top: 35px;}
.part3 .p3-txt p.twohang{ line-height: 34px; padding:10px 15px 10px 35px;}
.part3 .p3-txt p.ls{ background:#9cbcf6;}
.part3 .p3-txt p span{ position: absolute; left: -80px; top: 50%; width:108px; height:108px; border:3px solid #fff; background:#9cbcf6; border-radius: 50%; text-align: center; margin-top: -54px; line-height: 30px; padding-top: 22px; box-sizing: border-box;}
.part3 .p3-txt p span.bs{ background:#fff; border-color: #9cbcf6; color:#333333;}
.part3 .p3-1 .bushuijie-aa{ position: absolute; bottom: 3%; left: 26%;}

.part4{ width:100%; height:1206px; background:url(../images/p4-bg.jpg) no-repeat top center;}
/* 本例子css */
    .part4 .slideBox{ width:1200px; height:720px;  position:relative; margin:30px auto 42px;   }
    .part4 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
    .part4 .slideBox .bd li{ zoom:1; vertical-align:middle; position: relative; }

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .part4 .slideBox .prev,
    .part4 .slideBox .next{ position:absolute; left:0; top:50%; display:block; width:60px; height:226px; background:url(../images/left.png) no-repeat; margin-top: -113px;}
    .part4 .slideBox .next{ left:auto; right:0; background:url(../images/right.png) no-repeat;}
.part4 .bushuijie-aa{ margin:0 40px;}

.part5 .slideBox{ width:1200px; height:846px;  position:relative; margin:30px auto 42px;   }
    .part5 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
    .part5 .slideBox .bd li{ zoom:1; vertical-align:middle; position: relative; }

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .part5 .slideBox .prev,
    .part5 .slideBox .next{ position:absolute; left:0; top:50%; display:block; width:33px; height:53px; background:url(../images/left2.png) no-repeat; margin-top: -46px;}
    .part5 .slideBox .next{ left:auto; right:0; background:url(../images/right2.png) no-repeat;}

    /* 本例子css */
    .part6 .slideBox{ width:1200px; height:615px;  position:relative; padding:45px 0 0 280px; box-sizing: border-box; margin:0 auto; }
    .part6 .slideBox .hd{  position:absolute; left:15px; top:45px; z-index:1; }
    .part6 .slideBox .hd ul{ zoom:1; }
    .part6 .slideBox .hd ul li{   width:250px; height:132px; line-height:34px; text-align:center; background:#fff; cursor:pointer; color:#1f1f1f;font-size: 32px; padding-top: 32px; box-sizing: border-box; }
    .part6 .slideBox .hd ul li.on{ background:#6288de; color:#fff; }
    .part6 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
    .part6 .slideBox .bd li{ zoom:1; vertical-align:middle; position: relative; }

.part7 ul li{ float: left; width:299px; height:299px; background:url(../images/p7-bg1.png) no-repeat; text-align: center; font-size: 30px; line-height: 36px; padding-top: 120px; box-sizing: border-box;}
.part7 ul li.mr{ margin-right: 40px;}
.part7 ul li a{ display:block;}

.part8 .p8-1{ padding:50px 0 80px;}
.part8 .p8-1 a{ display:inline-block; margin:0 5px;}


@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 3deg);
    transform: rotate3d(0, 0, 1, 3deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 3deg);
    transform: rotate3d(0, 0, 1, 3deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

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

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

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

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

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

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

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

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.fadeInUp {
   -webkit-animation:fadeInUp 2s ease-in-out alternate forwards;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -10px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -10px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
  }
}