/*reset*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
p,
select,
textarea {
  margin: 0;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  color: #333;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
}

audio,
canvas,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border: 0;
  display: block;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input,
button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

textarea {
  resize: none;
  border: 1px solid #ccc;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

del {
  text-decoration: line-through;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

.clearfix:after {
  display: block;
  content: '';
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  clear: both;
}

html {
  font-size: 12px;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Microsoft YaHei", Arial, SimSun, SimHei, sans-serif;
  font-size: 14px;
  color: #333;
  background: #fff;
  overflow-x: hidden;
}

.pullL {
  float: left;
}

.pullR {
  float: right;
}

.content100 {
  width: 100%;
}

.wrapper {
  width: 1200px;
  margin: 0 auto;
}

.wrap{
  width: 1000px;
  margin:0 auto;
}




.banner{background: url(../images/banner.jpg) no-repeat top center;width: 100%;height: 455px;}


.part1 .column{display: flex;justify-content: space-between;width: 890px;margin: 0 auto;}
.part1 .column .item{width: 278px;background: #1266ff;border-radius: 10px;box-shadow: 0 0 10px 0 rgba(206, 206, 206, 1);}
.part1 .column .item .white_bg{width: 100%;margin-top: 6px;background: #fff;text-align: center;padding-bottom: 30px;transition: 0.3s;}
.part1 .column .item .white_bg h4{font-size: 28px;font-weight: normal;padding: 36px 0 16px;}
.part1 .column .item .white_bg img{margin: 0 auto;}

.part1 .column .item .white_bg:hover{margin-top: 0px;transition: 0.3s;}


.part2 .wrapper{display: flex;justify-content: space-between;}
.part2 .wrapper .item{width: 278px;box-shadow: 0 0 10px 0 rgba(206, 206, 206, 1);text-align: center;padding-bottom: 30px;border-radius: 10px;transition: 0.3s;}
.part2 .wrapper .item h4{font-size: 28px;padding: 30px 0 10px;font-weight: normal;}
.part2 .wrapper .item p{font-size: 18px;line-height: 26px;margin-bottom: 14px;}

.part2 .wrapper .item:hover{transition: 0.3s;transform: rotate(4deg);}


.part3 .wrapper{width: 1040px;height: 223px; background: url(../images/p3_bg.png) no-repeat;margin-top: 40px;position: relative;display: flex;justify-content: space-between;}
.part3 .wrapper::before{content: "";position: absolute; left: 490px; top: 90px; background: url(../images/vs.png) no-repeat;width: 70px;height: 71px;}
.part3 .wrapper .item{width: 466px;}
.part3 .wrapper .item .toptxt{display: flex;justify-content: center;align-items: center; height: 70px;}
.part3 .wrapper .item .toptxt p{font-size: 28px;margin-right: 20px;font-weight: bold;transition: 0.3s;}
.part3 .wrapper .item .toptxt em{font-style: normal;color: #d8d8d8;font-size: 30px;}
.part3 .wrapper .item ul{margin-left: 96px;margin-top: 24px;}
.part3 .wrapper .item li{font-size: 18px;position: relative;line-height: 36px;}
.part3 .wrapper .item li::before{content: "";position: absolute;width: 4px;height: 4px;background: #333;border-radius: 50%;left: -14px;top: 50%;transform: translateY(-50%);}
.part3 .wrapper .item_even .toptxt p{color: #fff;}
.part3 .wrapper .item_even .toptxt em{color: #378ef2}
.part3 .wrapper .item_even li::before{background: #1266ff;}
.part3 .wrapper .item:hover p{margin-right: 10px;transition: 0.3s;}




.part4 .topImg{display: flex;justify-content: space-between;text-align: center;}
.part4 .topImg p{font-size: 20px;margin-top: 10px;}
.part4 .botIcon{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;height: 244px;align-content: space-between;}
.part4 .botIcon .item::before{content: "";position: absolute;background: url(../images/man.png);width: 100px;height: 115px;bottom: -18px;left: -6px;}
.part4 .botIcon .item{display: flex;align-items: center;justify-content: space-between; font-size: 28px;color: #fff;padding-left: 74px;padding-right: 40px; line-height: 30px;width: 584px;height: 108px;background: linear-gradient(to right, #015fea, #00bffa);border-radius: 10px;overflow: hidden;position: relative;box-sizing: border-box;transition: 0.3s;}
.part4 .botIcon .item span{font-size: 18px;}
.part4 .botIcon .item a{width: 124px;height: 34px;background: #ffeb11;font-size: 18px;color: #1266ff;border-radius: 40px;text-align: center;line-height: 34px;}

.part4 .botIcon .item:hover{padding-right: 30px;transition: 0.3s;}



.part5 .column{width: 1200px;}
.part5 .column p{font-size: 18px;line-height: 24px;margin-bottom: 10px;}




.part6{background: url(../images/p6_bg.jpg) no-repeat top center;height: 694px;margin-top: 40px;}

.part6 .title h3{color: #fff;padding-top: 42px;}

.part6 .title i{color: #fff;}
.part6 .title h3::before{background: #ff6600;}
.part6 .wrapper{width: 1310px;height: 455px;background:url(../images/line.png) no-repeat center #fff;margin-top: 32px;position: relative;}
.part6 .sun p{font-size: 22px;color: #ff6600;transition: 0.3s;}
.part6 .sun img{margin: 10px auto 0;animation: cir 3s linear infinite}



.part6 .sun{position: absolute;left: 85px;top: 72px;text-align: center; }
.part6 .sun2{left: 255px;}
.part6 .sun3{left: 420px;}
.part6 .sun4{left: 624px;}
.part6 .sun5{left: 680px;}
.part6 .sun6{left: 1110px;}
.part6 .sun7{left: 1160px;top: 247px;}
.part6 .sun7 img{position: relative;left: 50px;top: -35px;}
.part6 .sun8{left: 1138px;top: 279px;}
.part6 .sun9{left: 806px;top: 312px;}
.part6 .sun9 img{margin-bottom: 6px;}
.part6 .sun10{left: 515px;}
.part6 .sun11{left: 248px;}
.part6 .sun12{left: 84px;}

.part6 .dec{position: absolute;text-align: center;left: 137px;top: 66px;}
.part6 .dec img{margin: 0 auto;}
.part6 .dec p{font-size: 20px;margin-top: 10px;transition: 0.3s;}
.part6 .dec2{left: 306px;}
.part6 .dec3{left: 492px;}
.part6 .dec4{left: 874px;}
.part6 .dec5{left: 1164px;top: 132px;}
.part6 .dec5 p{position: relative;left: -86px;top: -84px;}
.part6 .dec6{left: 960px;top: 276px;}
.part6 .dec7{left: 612px;}
.part6 .dec8{left: 338px;}
.part6 .dec9{left: 142px;}

.part6 .wrapper:hover .dec p{margin-top: 4px;transition: 0.3s;}



@keyframes cir {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }  
}



.part7 .wrapper{width: 1140px;height: 591px; position: relative;}
.part7 .wrapper::before{content: "";position: absolute;background: url(../images/cir1.png) no-repeat;width: 310px;height: 257px;position: absolute;left: 50%;top: 50%;margin-left: -155px; margin-top: -128px; z-index: 3;animation: cir 5s linear infinite;}
.part7 .wrapper .item{position: absolute;background: url(../images/cir2.png) no-repeat;width: 591px;height: 591px;left: 0;top: 0;}
.part7 .wrapper .item_r{right: 0;left: auto;}
.part7 .wrapper .eight{position: absolute;font-size: 36px;color: #fff;left: 482px;top: 250px;z-index: 4;text-align: center;line-height: 42px;}
.part7 .wrapper .eight b{font-size: 72px;}


.part7 .wrapper .item .txtBox{width: 436px;height: 100px;border-radius: 100px;background: #fff;position: absolute;top: 55px;left: 20px; box-shadow: 0px 0px 18px 0 rgba(18, 102, 255, 0.06);}
.part7 .wrapper .item .txtBox .blue_bg{width: 100px;height: 100px;background: #1266ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;}
.part7 .wrapper .item .txt{margin-left: 118px;}
.part7 .wrapper .item .txtBox p{font-size: 24px;color: #1266ff;padding-top: 6px;margin-bottom: 4px;}
.part7 .wrapper .item .txtBox p.pad{padding-top: 22px;}
.part7 .wrapper .item .txtBox span{font-size: 18px;position: relative;}
.part7 .wrapper .item .txtBox span::before{content: "";position: absolute;background: url(../images/tick.png) no-repeat;width: 21px;height: 21px;top: 2px;}
.part7 .wrapper .item .txtBox2{left: -44px;top: 180px;}
.part7 .wrapper .item .txtBox3{left: -44px;top: 308px;}
.part7 .wrapper .item .txtBox4{left: 20px;top: 434px;}


.part7 .wrapper .item_r .txtBox .blue_bg{right: 0;left: auto;}
.part7 .wrapper .item_r .txtBox{left: auto;}
.part7 .wrapper .item_r .txtBox1,.part7 .wrapper .item_r .txtBox4{right: 20px;} 
.part7 .wrapper .item_r .txtBox2,.part7 .wrapper .item_r .txtBox3{right: -44px;} 
.part7 .wrapper .item_r .txt{text-align: right;margin-left: 0px;margin-right: 118px;}



.part8{background: url(../images/p8_bg.jpg) no-repeat top center;height: 990px;margin-top: 30px;}
.part8 .center{display: flex;justify-content: space-between;margin-top: 30px;flex-wrap: wrap;width: 1200px;margin: 0 auto;}
.part8 .center li{margin-bottom: 28px;transition: .3s;}
.part8 .center ul:last-child{display: flex;justify-content: space-between;width: 100%;}
.part8 .center li:hover{transform: rotate(-6deg);transition: .3s;}





.title{text-align: center;padding-top: 34px;}
.title span{font-size: 60px; color: #f4f4f4;}
.title h3{font-size: 36px;margin-top: -46px;position: relative;margin-bottom: 52px;}
.title h3::before{content: "";position: absolute;width: 110px;height: 6px;background: #1266ff;left: 50%;bottom: -12px;transform: translateX(-50%);}
.aBtn{display: flex;justify-content: center;align-items: center; width: 226px;height: 56px;border: 2px solid #1266ff;color: #1266ff;font-size: 24px;border-radius: 40px;margin: 20px auto 0;transition: 0.3s;}
.title i{font-size: 20px;font-style: normal;}
.title .has_i{margin-bottom: 26px;}
.aBtn span{background: url(../images/arrow1.png) no-repeat right center;padding-right:24px;}
.aBtn:hover{background: #1266ff;color: #fff;transition: 0.3s;}
.aBtn:hover span{background-image: url(../images/arrow2.png);transition: 0.3s;}