@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: 1000px;
	margin:0 auto;
}
.wrap .minkuan{ width:1000px; 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 .mrt{ margin-top: 45px;}
.wrap .pat{ padding-top: 42px;}

.wrap .wangbin-kv{ width:100%; height:776px;background: url(../images/kv.jpg) no-repeat top center;}
.wrap .wangbin-kv .minkuan{ height:100%;}
.wrap .wangbin-kv .minkuan .kv-a{ position: absolute; right:105px; bottom:125px;}
.wrap .wangbin-aa{ display:inline-block; padding:15px 50px; border-radius: 30px; font-size: 32px; color:#fff; background: -webkit-linear-gradient(left, #ffae36 , #fe7297); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ffae36 , #fe7297); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ffae36 , #fe7297); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ffae36 , #fe7297); /* 标准的语法 */}

.part1{font-size: 20px; line-height: 36px; width:100%; height:708px;background: url(../images/p1.jpg) no-repeat top center; color:#000;}
.part1 h2{ background:url(../images/p1-1.png) no-repeat top left;padding-left: 22px; height:86px; line-height: 95px; font-size: 30px; color:#4a59b4; margin:30px 0 20px 10px;}
.part1 p{ position: relative; padding-left: 15px;}
.part1 p:before{ position: absolute; content:'.'; font-size: 40px; left:0; top: -15px;}
.part1 span{ width:30%; display:block;}
.part2{ width:100%; height:828px;background: url(../images/p2.jpg) no-repeat top center;}
.part2 ul{ padding:45px 0 60px;}
.part2 ul li{ display:inline-block;overflow: hidden; width:227px; height:227px; background: url(../images/p1-2.png) no-repeat top center; color:#333333;padding-top: 65px;font-size: 22px;margin:0 30px; line-height: 30px; box-sizing: border-box;}
.part2 ul li h2{ font-size: 36px; font-weight: bold; color:#4a59b4; margin-bottom: 10px; }
.part3{ width:100%;padding-bottom: 35px; height:auto;background: url(../images/bg.jpg) repeat; color:#000;}
.part3 .p3-1{ margin:35px 0 0;}
.part3 .p3-1 p{ font-size: 22px; position: absolute; left:75px; top: 0; width:91%;}
.part3 ul li{margin-top: 35px;position: relative; width:195px; height:195px;padding-top: 15px; box-sizing: border-box; border-radius: 50%; color:#fff; font-size: 20px; line-height: 30px; background: -webkit-linear-gradient(#81e6fe, #66a6ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#81e6fe, #66a6ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#81e6fe, #66a6ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(#81e6fe, #66a6ff); /* 标准的语法 */}
.part3 ul li:nth-of-type(2){background: -webkit-linear-gradient(#a5b4ee, #66a6ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#a5b4ee, #66a6ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#a5b4ee, #66a6ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(#a5b4ee, #66a6ff); /* 标准的语法 */}
  .part3 ul li:nth-of-type(3){background: -webkit-linear-gradient(#81e4fe, #66a6ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#81e4fe, #66a6ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#81e4fe, #66a6ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(#81e4fe, #66a6ff); /* 标准的语法 */}
.part3 ul li p{ padding:5px 20px;}
.part3 .p3-2{ width:83%;border-radius: 10px; background:#ededed; margin:50px 0 0 -30px; padding:45px 0 45px 80px; box-sizing: border-box;box-shadow: 0px 0px 20px #ccc; }
.part3 .p3-2 p{ font-size: 22px; line-height: 32px; margin-bottom: 35px;}
.part3 .p3-2 p b{ color:#4a59b4;}
.part3 .p3-3{ background:#a7aeb8; margin-top: -13px; padding-top: 25px; }
.part3 .p3-3 p{width:138px; height:138px; background:#c7f3ff; font-size: 22px; line-height: 30px; position: absolute; border-radius: 50%; color:#333333; padding-top: 42px; box-sizing: border-box;}

.part4{ width:100%; height:1118px;background: url(../images/p3.jpg) no-repeat top center;}
/* 本例子css */
        .part4 .slideBox{ width:999px; margin:15px auto; height:769px; overflow:hidden; position:relative;}
        .part4 .slideBox .hd{ overflow:hidden; position:absolute; top:0; right:5px; z-index:1; }
        .part4 .slideBox .hd ul{ overflow:hidden; zoom:1; }
        .part4 .slideBox .hd ul li{  text-align:center;margin-bottom: 15px; cursor:pointer; position: relative;}
        .part4 .slideBox .hd ul li:before{ position: absolute;content:''; width:100%; height:100%; border-radius: 50%; background:rgba(0,0,0,0.4); left:0; top: 0;}
        .part4 .slideBox .hd ul li.on:before{ display:none; }
        .part4 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
        .part4 .slideBox .bd li{ zoom:1; vertical-align:middle; position: relative; }
        .part4 .p4-txt{ position: absolute; left:38%; top: 3%; color:#333;}
        .part4 .p4-txt h2{ font-size: 24px;}
        .part4 .p4-txt span{ font-size: 24px; display:inline-block; background:#6c90eb; padding:2px 5px; color:#fff; margin:10px 0 5px;}
        .part4 .slideBox .bd img{ width:999px; display:block;  }
.part5{ background:#3e3e48; padding-bottom: 35px;}
.part5 .p5-1{ margin:45px 0 0;}
.part5 .p5-txt{ height:266px; position: absolute; width:364px;background: -webkit-linear-gradient(left, #a7b4ee , #66a6ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #a7b4ee , #66a6ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #a7b4ee , #66a6ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #a7b4ee , #66a6ff); /* 标准的语法 */}
.part5 .p5-txt h2{ font-size: 24px;padding:45px 0 10px; font-weight: bold; text-align: center; }
.part5 .p5-txt p{ font-size: 20px; line-height: 32px; padding:0 12px;}

.part6{ width:100%; height:745px;background: url(../images/p4.jpg) no-repeat top center; font-size: 20px; line-height: 30px;}
.part6 .minkuan{ padding:0 180px; box-sizing: border-box;}
.part6 .p6-1 p{ line-height: 60px; padding-left: 20px; background:#313239; width:450px; margin-left: 25px; border-radius: 10px; position: relative;}
.part6 .p6-1 p:before{ position: absolute; content:''; width:10px; height:15px; background:url(../images/sj1.png) no-repeat; left: -9px; top: 20px;}
.part6 .p6-2 p{  padding:15px 20px; background:#6c90eb; width:450px; margin-right: 15px; border-radius: 10px; position: relative; margin-bottom: 25px;}
.part6 .p6-2 p:before{ position: absolute; content:''; width:10px; height:17px; background:url(../images/sj2.png) no-repeat; right: -9px; top: 20px;}
.part6 .p6-2 p a{ color:#ffee30; text-decoration: underline;}




@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-3px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-6px,0)}90%{transform:translate3d(0,-2px,0)}}
.bounce{
    -webkit-animation: bounce 3s linear normal both infinite;
    -o-animation: bounce 3s linear normal both infinite;
    animation: bounce 3s linear normal both infinite;
}
.move{
    -webkit-animation: movement 3s linear normal both infinite;
    -o-animation: movement 3s linear normal both infinite;
    animation: movement 3s linear normal both infinite;
}
.move1{
    -webkit-animation: movement1 3s linear normal both infinite;
    -o-animation: movement1 3s linear normal both infinite;
    animation: movement1 3s linear normal both infinite;
}
.move2{
    -webkit-animation: movement2 3s linear normal both infinite;
    -o-animation: movement2 3s linear normal both infinite;
    animation: movement2 3s linear normal both infinite;
}
.move3{
    -webkit-animation: movement3 3s linear normal both infinite;
    -o-animation: movement3 3s linear normal both infinite;
    animation: movement3 3s linear normal both infinite;
}

@keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% { -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@-webkit-keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@keyframes movement1 {
    0% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(-6px,-10px);  transform: translate(-6px,-10px);  }
    75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
}
@-webkit-keyframes movement1 {
    0% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(-6px,-10px);  transform: translate(-6px,-10px);  }
    75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
}
@keyframes movement2 {
    0% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
}
@-webkit-keyframes movement2 {
    0% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
}

@keyframes movement3 {
    0% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
    25% {  -webkit-transform: translate(-4px,6px);  transform: translate(-4px,6px);  }
    50% {  -webkit-transform: translate(2px,8px);  transform: translate(2px,8px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
}
@-webkit-keyframes movement3 {
    0% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
    25% {  -webkit-transform: translate(-4px,6px);  transform: translate(-4px,6px);  }
    50% {  -webkit-transform: translate(2px,8px);  transform: translate(2px,8px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
}
@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.15,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}