@import url("./common.css");
/*vi*/
.vi_con01 {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}

.vi_con01 .vi_con01_div {
  padding-bottom: 32px;
}

.vi_con01 .vi_con01_div ul li {
  width: 33.33%;
  height: 242px;
  float: left;
  padding: 10px;
  margin-bottom: 10px;
}

.vi_con01 .vi_con01_div ul li a {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  color: white;
  font-size: 18px;
  background: url("../img/images/vi_03.jpg") no-repeat center;
  background-size: cover;
}

.vi_con01 .vi_con01_div ul li a p {
  width: 100%;
  height: 100%;
  line-height: 242px;
  background: rgba(0, 0, 0, 0.5) no-repeat center;
}

.vi_con01 .vi_con01_div ul li a:hover p {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPMAAACiCAYAAACUJPttAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYxQzc0QjVDNkVFOTExRThBQzFEODI2MTc0Q0FBMzE5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYxQzc0QjVENkVFOTExRThBQzFEODI2MTc0Q0FBMzE5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjFDNzRCNUE2RUU5MTFFOEFDMUQ4MjYxNzRDQUEzMTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjFDNzRCNUI2RUU5MTFFOEFDMUQ4MjYxNzRDQUEzMTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6IRJydAAARkUlEQVR42uyd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") no-repeat center;
}

.vi_con01 .vi_con01_div ul li.on01 a {
  background-image: url(../img/images/vi_03.jpg);
}

.vi_con01 .vi_con01_div ul li.on02 a {
  background-image: url(../img/images/vi_06.jpg);
}

.vi_con01 .vi_con01_div ul li.on03 a {
  background-image: url(../img/images/vi_08.jpg);
}

.vi_con01 .vi_con01_div ul li.on04 a {
  background-image: url(../img/images/vi_14.jpg);
}

.vi_con01 .vi_con01_div ul li.on05 a {
  background-image: url(../img/images/vi_17.jpg);
}

.vi_con01 .vi_con01_div ul li.on06 a {
  background-image: url(../img/images/vi_20.jpg);
}

.vi_con01 .zixun {
  text-align: center;
}

.vi_con01 .zixun a {
  display: inline-block;
  width: 182px;
  height: 42px;
  border-radius: 21px;
  border: 1px solid #f1f1f1;
  line-height: 42px;
  background:#f1f1f1;
}

.vi_con01 .zixun a:hover {
  color: #fff;
  background: #399dd6;
}

.vi_con02_wrap {
  width: 100%;
  min-width: 1200px;
  background-position: center center;
  margin-bottom: 48px;
}

.vi_con02 {
  width: 100%;
  height: 513px;
  background: url("../img/vi_advent_bg.jpg") no-repeat center;
  background-size: cover;
}

.vi_con02 > div {
  background: rgba(20, 20, 20, 0.5);
  padding-top: 50px;
  height: 100%;
}

.vi_con02 ul li {
  width: 33.33%;
  float: left;
  padding: 50px 24px 20px;
}

.vi_con02 ul li a {
  display: block;
  width: 100%;
  height: 345px;
  padding: 80px 16px 32px;
  border: 4px solid #d2d2d2;
  position: relative;
  transition: 0.3s ease;
}

.vi_con02 ul li h4 {
  width: 100%;
  position: absolute;
  font-weight: normal;
  text-align: center;
  top: -60px;
}

.vi_con02 ul li h4 span {
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  border-radius: 50%;
  background: #399dd6;
  -moz-box-shadow: 4px 4px 0 0 #fff;
  -webkit-box-shadow: 4px 4px 0 0 #fff;
  box-shadow: 4px 4px 0 0 #fff;
}

.vi_con02 ul li h4 .hy {
  color: #fff;
  font-size: 56px;
}

.vi_con02 ul li h2 {
  font-size: 20px;
  color: #fff;
  line-height: 3em;
  text-align: center;
}

.vi_con02 ul li p {
  font-size: 14px;
  color: #fff;
  line-height: 1.8em;
  text-indent: 2em;
}

.vi_con02 ul li a:hover {
  border-color: #399dd6;
  transition: 0.3s ease;
}

.vi_con03 {
  margin-bottom: 48px;
}

.vi_con03 h4 {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 24px;
}

.vi_con03 .coustomlist {
  width: 100%;
  position: relative;
}

.vi_con03 .coustomlist .hd {
  position: absolute;
  height: 120px;
  width: 100%;
}

.vi_con03 .coustomlist .bd {
  width: 100%;
  overflow: hidden;
}

.vi_con03 ul {
  width: 100%;
}

.vi_con03 ul li {
  width: 250px;
  height: 120px;
  float: left;
  margin-right: 5px;
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
}

.vi_con03 ul li a {
  display: block;
  width: 100%;
  height: 100%;
  background: no-repeat center;
}

.vi_con03 .hd .next, .vi_con03 .hd .prev {
  top: 60px;
}

.vi_con04 {
  margin-bottom: 56px;
}

.vi_con04 ul li {
  width: 350px;
  margin: 0 25px 36px;
  float: left;
  border: 1px solid #ccc;
  padding-bottom: 16px;
}

.vi_con04 ul li .brand-img {
  width: 100%;
  height: 216px;
  background: no-repeat center;
  background-size: cover;
}

.vi_con04 ul li h2 {
  width: 100%;
  font-size: 16px;
  padding: 0 16px;
  line-height: 50px;
}

.vi_con04 ul li p {
  width: 100%;
  font-size: 14px;
  padding: 0 16px;
  line-height: 1.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.vi_con04 ul li a {
  padding-left: 16px;
  color: #399dd6;
  line-height: 2em;
  font-weight:bold;
}
