.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.absolute {
  position: absolute;
}
.tc {
  text-align: center;
}
.bor {
  border-radius: 50%;
}
.banner {
  height: 664px;
  position:relative;
}
.banner img {
  height: 100%;
  width: 100%;
  vertical-align: top;
}
.banner .vtc {
  width: 408px;
  height: 141px;
  background-image: url(../img/k.png);
  background-size: contain;
  overflow: hidden;
  color: white;
  text-align: center;
  top:370px;
}
.banner .vtc h4 {
  padding-top: 29px;
  font-size: 40px;
  padding-bottom: 15px;
}
.banner .vtc p {
  font-size: 28px;
}
.list-icon {
  background: white;
}
.list-icon .list-top {
  padding: 90px 0 62px 0;
}
.list-icon .bottom {
  padding-bottom: 100px;
  zoom: 1;
}
.list-icon .bottom .item {
  width: 256px;
  padding: 0 22px;
  float: left;
  text-align: center;
}
.list-icon .bottom .item img {
  vertical-align: top;
}
.list-icon .bottom .item h5 {
  line-height: 58px;
  padding-top: 10px;
  font-size: 24px;
}
.list-icon .bottom .item p {
  line-height: 26px;
  color: #4d4d4d;
  font-size: 16px;
}
.list-icon .bottom:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.marketing {
  height: 767px;
  background: -webkit-linear-gradient(left, #266add, #6e32d2);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #266add, #6e32d2);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #266add, #6e32d2);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #266add, #6e32d2);
  /* 标准的语法 */
}
.marketing .marketing-top {
  padding: 60px 0 0 0;
}
.marketing .marketing-top .h-tip {
  color: white;
}
.marketing .marketing-top .h-tip p {
  color: white;
}
.marketing .marketing-top .h-tip .line {
  background: white;
}
.marketing .bottom {
  padding-top: 90px;
  zoom: 1;
}
.marketing .bottom .left {
  float: left;
  width: 614px;
}
.marketing .bottom .right {
  float: right;
  width: 586px;
  color: white;
  zoom: 1;
}
.marketing .bottom .right .item {
  width: 178px;
  padding-right: 26px;
  padding-bottom: 96px;
  float: left;
}
.marketing .bottom .right .item h5 {
  padding: 13px 0 10px 0;
  font-size: 24px;
}
.marketing .bottom .right .item p {
  line-height: 28px;
  font-size: 14px;
}
.marketing .bottom .right .item:nth-of-type(3n) {
  padding: 0;
}
.marketing .bottom .right:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.marketing .bottom:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.core .core-top {
  padding: 94px 0 50px 0;
}
.core .warp {
  position: relative;
}
.core .main {
  position: relative;
  height: 890px;
  overflow: hidden;
}
.core .main .show-pic {
  display: none;
  position: absolute;
  top: 285px;
  left: 297px;
}
.core .main .item {
  position: absolute;
  display: none;
  text-align: center;
}
.core .main .item h4 {
  color: #000000;
  font-size: 20px;
  padding: 16px 0 10px 0;
}
.core .main .item span,
.core .main .item p {
  color: #4d4d4d;
}
.core .main .item p {
  padding-top: 10px;
  padding-bottom: 20px;
}
.core .main .item:nth-of-type(1) {
  left: 53px;
  top: 181px;
}
.core .main .item:nth-of-type(2) {
  left: 362px;
  top: 0px;
}
.core .main .item:nth-of-type(3) {
  left: 740px;
  top: 0px;
}
.core .main .item:nth-of-type(4) {
  left: 1064px;
  top: 196px;
}
.core .btn {
  position: absolute;
  width: 347px;
  height: 58px;
  line-height: 58px;
  border: 2px solid #3643bb;
  text-align: center;
  font-size: 26px;
  color: #3643bb;
  left: 50%;
  transform: translateX(-50%);
  bottom: 90px;
}
.core .btn a {
  color: #3643bb;
  transition: all 0.2s;
}
.core .btn img {
  transition: all 0.2s;
  vertical-align: middle;
}
.core .btn:after {
  content: '';
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 14px;
  background: white;
}
.core .btn:hover img,
.core .btn a {
  transform: scale(1.2);
}