/*================重置样式部分===============*/
html,
body,
div,
span,
object,
iframe,
table,
tr,
th,
td,
em,
img,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
dl,
dt,
dd,
ul,
li,
ol,
form,
label {
  border: 0 none;
  font-family: inherit;
  font-style: inherit;
  margin: 0;
  padding: 0;
}
body {
  color: #000;
  font-family: "微软雅黑";
  font-size: 18px;
}
input,
select {
  font-size: 12px;
  line-height: 16px;
}
img {
  border: none;
  display: block;
}
a {
  text-decoration: none;
}
ul,
li,ol {
  list-style-type: none;
}

em,i{ font-style:normal}
.tc{ text-align: center}
.line28{line-height: 28px}
.line30{line-height: 30px}
.line35{line-height: 35px}
.line40{line-height: 40px}
.pr{ position: relative}
.fl{ float: left}
.fr{ float: right}
.auto{margin: 0 auto}
.ov{ overflow: hidden}
.mr0{ margin-right: 0 !important;}

.pat20{ padding-top: 20px}
.patb30{ padding: 30px 0}
.patb45{ padding: 45px 0}
.patb20{ padding: 20px 0}

.warp{ max-width: 1680px; min-width: 1300px; overflow: hidden; font-size: 22px;}
.wi{ width: 1200px;margin:0 auto;}

.warp .btn{ text-align: center}
.warp .btn a{ display: inline-block; border-radius: 50px; line-height: 70px; 
	padding: 0 30px; font-size: 30px; color: #fff;
	animation: tada 3s infinite; -webkit-animation: tada 3s infinite;
	background:#ff605b;
  background: -webkit-linear-gradient(top, #ff8b87 , #ff615c);
  background: -o-linear-gradient(bottom, #ff8b87 , #ff615c);
  background: -moz-linear-gradient(bottom, #ff8b87 , #ff615c);
  background: linear-gradient(to bottom,#ff8b87 , #ff615c); 
}
.warp .btn a::after{ content: ""; display: inline-block; margin-left: 10px; width: 48px; height: 36px; 
	background: url(../images/cur.png) no-repeat; vertical-align: middle}

.warp .ti{ text-align: center; width: 1200px; margin:0 auto; }
.warp .ti img{ display: inline-block}
.warp .ti h3{ font-size: 50px; padding: 10px 0}
.warp .ti p{ font-size: 24px; line-height: 35px; color: #666}
.warp .ti-w{ color: #fff}
.warp .ti-w p{ color: #fff}
.warp .animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.kv a{ width: 11%; display: block;position: absolute; left:50%; bottom:5%; margin-left: 6%;
  animation: tada 3s infinite; -webkit-animation: tada 3s infinite
}

.p1{ padding-top:45px; background: url(../images/bg1.jpg) no-repeat; background-size:cover}
.p1 dt{ width: 670px; padding-bottom: 30px}
.p1 dt span{ display: block; width:546px; height:264px; padding: 150px 0 0 90px;
	background: url(../images/p1-pic.jpg) no-repeat }
.p1 dt span h3{ font-weight: normal}
.p1 dt span p{ padding: 30px 0 0; line-height: 40px}
.p1 dt ul{ padding: 20px 0; overflow: hidden;}
.p1 dt ul li{ float: left; width:315px; border: 5px solid #d2daff; margin-right: 10px}
.p1 dd{ width:500px; position: absolute; right:50px; bottom:0;}
.p1 dd li{ width:130px; height:130px; text-align: center; color:#fff;
background:#7679d6;
background: -webkit-linear-gradient(left, #7679d6, #dd8296);
background: -o-linear-gradient(right, #7679d6, #dd8296);
background: -moz-linear-gradient(right, #7679d6, #dd8296);
background: linear-gradient(to right,#7679d6, #dd8296);
border-radius:50%; overflow: hidden;
position: absolute
}
.p1 dd li:nth-child(1){ width:145px; height:145px;}
.p1 dd li p{ font-size: 24px;
display: block; position: absolute; left: 0; top: 50%; right: 0; margin: 0 auto; -webkit-transform: translateY(-50%); 
-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); 
}
.p1 dd li:nth-child(1){ left:53px; top:300px}
.p1 dd li:nth-child(2){ left:143px; top:517px}
.p1 dd li:nth-child(3){ left:450px; top:450px}
.p1 dd li:nth-child(4){ left: 408px;top: 650px;}


.p2{ background: url(../images/bg2.jpg) no-repeat left top #1c1f79; padding: 30px 0}
.p2 .con{ padding: 130px 0; text-align: center; position: relative}
.p2 .con img{ display: inline-block}
.p2 ul li{ width:207px; height:147px; background: #09cffd; border-radius: 50%; 
	color: #fff; padding:30px 0; position: absolute;}
.p2 ul li span{ padding: 0 20px;
display: block; position: absolute; left: 0; top: 50%; right: 0; margin: 0 auto; -webkit-transform: translateY(-50%); 
-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); 
}
.p2 ul li h3{ font-weight: normal}
.p2 ul li p{ padding: 10px 0; font-size: 22px;}
.p2 ul li:nth-child(1){ left:60px; top:0;box-shadow:0 0 0 10px rgba(9,207,253,0.4);}
.p2 ul li:nth-child(2){ left:485px; top:50px;background: #ff9f00;box-shadow:0 0 0 10px rgba(255,159,0,0.4);}
.p2 ul li:nth-child(3){ right:33px; top:0;background: #878aea;box-shadow:0 0 0 10px rgba(135,138,234,0.4);}
.p2 ul li:nth-child(4){ left:20px; top:380px;background: #878aea;box-shadow:0 0 0 10px rgba(135,138,234,0.4);}
.p2 ul li:nth-child(5){ left:480px; top:350px;background: #09cffd;box-shadow:0 0 0 10px rgba(9,207,253,0.4);}
.p2 ul li:nth-child(6){ right:55px; top:380px;background: #ff9f00;box-shadow:0 0 0 10px rgba(255,159,0,0.4);}

.p3{ background: url(../images/bg3.jpg) no-repeat left top #1c1f79; background-size:cover; padding: 30px 0}
.p3 .con{ width:1184px; margin:0 auto;}
.p3 ul li{ width: 248px; height:277px; position: absolute; background: #4c4fb1; padding: 30px 20px; font-size: 20px}
.p3 ul li:nth-child(1){ left:-15px; top:-20px; color:#fff;height:237px;padding: 50px 20px;}
.p3 ul li:nth-child(2){ right:0; top:-20px;border: 2px solid #000; background:none;height:237px;padding: 50px 20px;}
.p3 ul li:nth-child(3){ left:325px; top:445px; border: 2px solid #000; background:none; height: 210px;}
.p3 ul li:nth-child(4){ right:250px; top:520px; color:#fff; height: 200px;padding: 50px 20px;}
.p3 ul li h3{ font-size: 24px; text-align: center}
.p3 ul li p{ padding: 20px 0; line-height: 30px}

.p4{ background: url(../images/bg4.jpg) no-repeat left top #5b5eb9; background-size:cover; padding: 30px 0}
.p4 .ti p{ line-height: 40px; padding: 20px 0}

.p5{background: url(../images/bg5.jpg) no-repeat center top #1c1f79; padding: 30px 0}
.p5 .ti p{ font-size: 30px}
.p5 .con{ width: 1102px; margin-left: 80px; position: relative; font-size: 24px}
.p5 .con span{ display: block; width:330px; position: absolute; right:122px; top:95px; color: #fff; padding: 0 30px}
.p5 .con span h3{ font-size: 30px; font-weight: normal; padding-bottom: 10px}
.p5 .p5-slider{ width: 1200px; margin:30px auto 0; overflow: hidden;}
.p5 .p5-slider ul li{ float: left; cursor: pointer; width:197px; height: 533px; 
	overflow: hidden; position: relative; opacity:0.7; background: #000 }
.p5 .p5-slider ul li.first{ width: 601px}
.p5 .p5-slider ul li.on{ opacity: 1}


.p6{ padding: 20px 0 50px; background: url(../images/bg1.jpg) repeat-y;}
.p6 dl{ padding: 30px 0; overflow: hidden;}
.p6 dt{ width: 660px; float: left; position: relative}
.p6 dt::before{ content: ""; display: block; width: 570px; height:380px; position: absolute; right:0; bottom:-20px; background: #4f52b4}
.p6 dt img{ position: relative; z-index: 1}
.p6 dd{ width: 500px; float: right; line-height: 40px; font-size: 24px; padding-top: 80px}
.p6 dt .view{width: 644px}
.p6 dt .view i{ display: block; width:114px; height: 114px; position: absolute; top:0; right:0; bottom:0; left: 0; margin:auto; }
.p6 .shipin{ width:644px; height: 409px; position: absolute; left: 0; top: 0; display: none;z-index: 3}
.p6 .con{ width: 997px; position: relative; font-size: 24px; margin:0 auto;}
.p6 .con span{ display: block; width:300px; position: absolute; left:0; top:155px; color: #fff; padding: 0 30px; line-height: 40px}

.p7{ background: #4f52b4; padding: 30px 0 50px}
.p7 .con img{ display: inline-block}
.p7 ul{ position: absolute; top:385px; left:0; width: 100%}
.p7 ul li{ width: 45%; margin-right: 7%; float: left; margin-bottom: 40px; font-size: 25px; text-align: right}
.p7 ul li:nth-child(even){ margin-right: 0; text-align: left}
.p7 ul li a{ color: #fff}
.p7 ul li:hover a{ color: #ff5d58}
.p7 ul li:nth-last-child(1) a{color: #ff5d58}


@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-1deg);transform:scale(0.9) rotate(-1deg)}30%,50%,70%,90%{-webkit-transform:scale(1) rotate(1deg);transform:scale(1) rotate(1deg)}40%,60%,80%{-webkit-transform:scale(1) rotate(-1deg);transform:scale(1) rotate(-1deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-1deg);-ms-transform:scale(0.9) rotate(-1deg);transform:scale(0.9) rotate(-1deg)}30%,50%,70%,90%{-webkit-transform:scale(1) rotate(1deg);-ms-transform:scale(1) rotate(1deg);transform:scale(1) rotate(1deg)}40%,60%,80%{-webkit-transform:scale(1) rotate(-1deg);-ms-transform:scale(1) rotate(-1deg);transform:scale(1) rotate(-1deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}
.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);  }
  }