@charset "utf-8";
/*================重置样式部分===============*/
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: 20px;
}
input,
select {
  font-size: 12px;
  line-height: 16px;
}
img {
  border: none;
}
a {
  text-decoration: none;
}
ul,
li,ol {
  list-style-type: none;
}

em,i{ font-style:normal}
.p_hide{ overflow:hidden}
.p_block{display: block}
.in-block{ display: inline-block}
.clearfix{ clear: both}
.tc{ text-align: center}
.tl{ text-align: left}
.font_no{ font-weight: normal}
.patb35{ padding: 35px 0}
.patb20{ padding: 20px 0}
.patb10{ padding: 10px 0}
.patb30{ padding: 30px 0}
.patb40{ padding: 40px 0}
.patb45{ padding: 45px 0}
.pat30{ padding: 30px 0 0}
.paLR20{ padding: 0 20px}
.pab20{ padding-bottom: 20px}
.pa20{ padding: 20px}
.pa10{ padding: 10px}
.font16{ font-size: 16px}
.font18{ font-size: 18px}
.font20{ font-size: 20px}
.font22{ font-size: 22px}
.font24{ font-size: 24px}
.font28{ font-size: 28px !important;}
.font43{ font-size: 43px !important}
.mr0{ margin-right: 0 !important;}
.mt30{ margin-top: 30px}
.line30{line-height: 30px}
.line35{line-height: 35px !important;}
.line40{line-height: 40px}
.p_pr{ position: relative}
.p_pa{ position: absolute}
.p_fl{ float: left}
.p_fr{ float: right}
.bold{ font-weight: bold}



.col_white{ color: #fff}
.col_black{ color: #000}
.col_yel{ color: #ffff00}


.bg_white{ background: #fff}
.bg_black{ background: #505050}
.bg_brown{ background: #bb8b4d}
.bg_green{ background: #2e9e6c}
.bg_pink{ background: #921ebd}
.bg_red{ background: #d56387}
.bg_blue{ background: #339dab}


.wi{ width: 1200px}
.auto{ margin: 0 auto}

.ti{ color: #666; font-size: 54px}
.ti p{ font-size: 16px}

.btn a{ display: inline-block; padding: 0 50px; background: -webkit-gradient(linear, left top, left bottom, from(#e444a0), to(#db0680));
  background: -moz-linear-gradient(top, #e444a0, #db0680); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e444a0', endColorstr='#db0680'); color: #fff; border-radius: 10px;line-height: 60px; font-size: 25px;}

.banner{ width: 100%; height: 696px; background: url("../images/banner.jpg") no-repeat top center;}
.banner .btn{ padding: 575px 0 0 222px}
.banner .ban_jp{ position: absolute; left: 647px; top: -30px;
  -webkit-animation: go 2s ease-in-out alternate infinite;
  -moz-animation: go 2s ease-in-out alternate infinite;
  animation: go 2s ease-in-out alternate infinite;
}

.p1{ width: 100%; height: 335px; padding: 60px 0; background: url("../images/pic_02.jpg") no-repeat top center;}
.p1 dl{ font-size: 31px; width: 591px; line-height: 50px; margin-left: 100px}

.con{ color: #fff; padding: 20px 40px; background: #e862af}
.p2 ul.p2_list{ padding: 45px 0;}
.p2 ul.p2_list li{ display: inline-block; position: relative; margin-right: 120px}
.p2 ul.p2_list li p{ position: absolute; top:0; left: 0; right: 0; margin: auto; text-align: center; font-size: 39px; color: #fff; line-height: 225px}
.p2 ul.p2_list li i{ display: block; width: 75px; height: 30px; background: url("../images/jt.png") no-repeat; position: absolute; right: -101px; top:100px}
.p2 ol li{ padding: 30px; border: 1px dashed #312f8d; display: inline-block; width: 220px; margin-right: 65px}
.p2_db{ background: url("../images/p2_bg.jpg") no-repeat center; height: 419px}
.p2_db li{ width: 168px; height: 68px; color: #fff; border-radius: 50%; text-align: center; padding: 70px 20px; font-size: 25px; position: absolute;
  -webkit-animation: float 3s linear normal both infinite;
  -o-animation: float 3s linear normal both infinite;
  animation: float 3s linear normal both infinite;
}
.p2_db li:nth-child(1),.p2_db li:nth-child(5){
  -webkit-animation: movement 2s linear normal both infinite;
  -o-animation: movement 2s linear normal both infinite;
  animation: movement 2s linear normal both infinite;
}
.p2_db li:nth-child(3),.p2_db li:nth-child(6){
  -webkit-animation: movement1 3s linear normal both infinite;
  -o-animation: movement1 3s linear normal both infinite;
  animation: movement1 3s linear normal both infinite;
}
.p2_db li a{ color: #fff; display: block}
.p2_db li.i1{left: 0px; top:85px}
.p2_db li.i2{left: 210px; top:189px; width: 150px; height: 70px;padding: 60px 20px;}
.p2_db li.i3{left: 397px; top:83px; width: 150px; height: 70px;padding: 60px 20px;}
.p2_db li.i4{left: 580px; top:136px}
.p2_db li.i5{right:247px; top:74px;width: 135px; height: 75px;padding: 50px 20px;}
.p2_db li.i6{right:40px; top:130px}

.p3 ul li{ position: relative; margin-right: 60px; float: left}
.p3 ul li p{ position: absolute; top:130px; left: 0; display:block;text-align: center; font-size: 22px; width: 100%; color: #fff; line-height: 80px; background: rgba(0,0,0,0.5)}

.p4{ background: url("../images/bg1.jpg") no-repeat top center}
.p4 ul li{ position: relative; margin-right: 65px; float: left; font-size: 20px}
.p4 ul li h3{ color: #ffff00; font-weight: normal; text-align: center; font-size: 23px; line-height: 50px}
.p4 ul li span{ position: absolute; text-align: left; bottom:0; left: 0; display:block; font-size: 22px; width: 92%; padding: 4%; color: #fff; line-height: 35px; background: rgba(0,0,0,0.7)}

.p5 .p5_con{ height: 575px}
.p5 .p5_con .btn{ position: absolute; bottom: 30px; left: 200px}
.p5 .db{ background: #e862af; width: 560px; padding:30px 40px; color: #fff; line-height: 35px}
.p5 .db i.dot{ margin-right: 10px}
.p5 .db em{ display: inline-block; background: #fff; padding: 0 5px; color: #000}
.p5 img.expert{ position: absolute; left: 80px; bottom:0}
.p5 img.expert_name{ position: absolute; left: 55px; bottom:128px}

.p6 dl{ border: 1px dotted #535353; padding: 10px 15px; overflow: hidden; margin-bottom: 30px}
.p6 dl img{ border-radius: 50%; vertical-align: bottom}
.p6 dl dt{ width: 130px; text-align: center; margin: 0 20px}
.p6 dl dt h3{ color: #55a5ff; font-size: 41px; font-weight: normal; margin-top: 30px}
.p6 dl dd{ margin-top: 10px; width: 840px}

.p7{ width: 100%; height: 413px; background: url("../images/p7.jpg") no-repeat top center;}
.p7 .btn{ padding: 280px 0 0}

@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 float {
  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 float {
  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 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 go {
  0% {
    -webkit-transform: rotate(30deg);
    -webkit-transform-origin: top center;
    -moz-transform: rotate(30deg);
    -moz-transform-origin: top center;
    transform: rotate(30deg);
    transform-origin: top center;
  }
  100% {
    -webkit-transform: rotate(-30deg);
    -webkit-transform-origin: top center;
    -moz-transform: rotate(-30deg);
    -moz-transform-origin: top center;
    transform: rotate(-30deg);
    transform-origin: top center;
  }
}